:root{--bg:#f2efe8;--surface:#e9e5da;--border:#d6d1c4;--text:#26282c;--muted:#5a5e66;--signature:#ff5a36;--accent:var(--signature);--accent-text:#b8300d;--accent-solid:#d63a14;--radius:14px;--maxw:1160px;--font:"Pretendard Variable", Pretendard, system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif}:root[data-theme=dark]{--bg:#0e1116;--surface:#171b22;--border:#252a33;--text:#eceef2;--muted:#9aa1ad;--accent-text:var(--signature);--accent-solid:var(--signature)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0e1116;--surface:#171b22;--border:#252a33;--text:#eceef2;--muted:#9aa1ad;--accent-text:var(--signature);--accent-solid:var(--signature);color-scheme:dark}}*{box-sizing:border-box}html{color-scheme:light dark;scrollbar-gutter:stable}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;display:flex}.logo img{border-radius:8px}.logo b{font-weight:800}.logo b span{color:var(--accent-text);margin-left:5px}.nav{gap:22px;font-size:.95rem;font-weight:600;display:flex}.nav a:hover,.nav a[aria-current=page]{color:var(--accent-text)}.header-actions{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:99px;width:38px;height:38px;font-size:1rem}.btn{background:var(--accent-solid);color:#fff;border-radius:10px;padding:10px 20px;font-weight:700;display:inline-block}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.hero{text-align:center;background:radial-gradient(ellipse at top, color-mix(in srgb, var(--accent) 16%, transparent), transparent 65%);padding:88px 0 64px}.hero h1{letter-spacing:-.03em;max-width:760px;margin:0 auto 18px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.2}.hero h1 em{color:var(--accent-text);font-style:normal}.hero p{color:var(--muted);max-width:560px;margin:0 auto 28px;font-size:1.05rem}.hero .actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.page-title{text-align:center;background:var(--surface);border-radius:var(--radius);margin:24px 0 40px;padding:48px 20px}.page-title h1{margin:0 0 6px;font-size:2rem}.layout{grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding-bottom:72px;display:grid}.section-title{margin:48px 0 24px;font-size:1.5rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:28px;display:grid}.card{display:block}.card .thumb{aspect-ratio:16/10;border-radius:var(--radius);margin-bottom:14px;position:relative;overflow:hidden}.card .thumb img{object-fit:cover;width:100%;height:100%}.card h3{margin:6px 0;font-size:1.2rem;line-height:1.4}.card:hover h3{color:var(--accent-text)}.card p{color:var(--muted);margin:0;font-size:.95rem}.meta{color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:.95rem;display:flex}.post .meta{gap:8px 16px;font-size:1rem}.cover{color:#fff;align-items:flex-end;padding:16px;font-size:1.6rem;font-weight:800;display:flex}.cover.security{background:linear-gradient(135deg,#b91c1c,#f97316)}.cover.tool{background:linear-gradient(135deg,#2563eb,#06b6d4)}.cover.ai{background:linear-gradient(135deg,#059669,#84cc16)}.badge{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:99px;padding:2px 9px;font-size:.8rem;font-weight:700;display:inline-block}.badge.hot{background:var(--accent-solid);color:#fff;border-color:var(--accent-solid)}.badge.critical{color:#fff;background:#d92d20;border-color:#d92d20}.thumb .badge{position:absolute;top:12px;left:12px}.sidebar .box{background:var(--surface);border-radius:var(--radius);margin-top:48px;padding:22px}@media (width>=901px){.sidebar .box:first-child{margin-top:0}}#latest{padding-top:36px}.sidebar h4{margin:0 0 12px;font-size:1.1rem}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li a{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:8px 0;display:flex}.sidebar li:last-child a{border:0}.sidebar li a:hover{color:var(--accent-text)}.post{max-width:760px;margin:0 auto;padding:40px 20px 72px}.post .cover-img{border-radius:var(--radius);aspect-ratio:16/8;margin-bottom:28px;overflow:hidden}.post .cover-img img{object-fit:cover;width:100%;height:100%}.post h1{letter-spacing:-.02em;margin:12px 0 14px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.3}.post .lead{color:var(--muted);margin:0 0 20px;font-size:1.15rem}.post .video{aspect-ratio:16/9;border-radius:var(--radius);margin:24px 0;overflow:hidden}.post .video iframe{border:0;width:100%;height:100%}.prose{letter-spacing:-.003em;overflow-wrap:break-word;font-size:1.125rem;line-height:1.85}:root:lang(ko) .prose{word-break:keep-all}.prose p{margin:0 0 1.4em}.prose li{margin-bottom:.4em}.prose h2{margin-top:2em;font-size:1.5rem}.prose h3{margin-top:1.6em}.prose a{color:var(--accent-text);text-decoration:underline}.prose pre{--code-bg:#faf8f3;--code-border:var(--border);border:1px solid var(--code-border);background:var(--code-bg);word-break:normal;tab-size:2;-webkit-overflow-scrolling:touch;border-radius:12px;margin:1.6em 0;padding:18px 20px;font-size:.92rem;line-height:1.7;overflow-x:auto}:root[data-theme=dark] .prose pre{--code-bg:#131820}.prose pre code{width:max-content;min-width:100%;font-family:JetBrains Mono,SF Mono,Menlo,Consolas,D2Coding,monospace;font-size:inherit;background:0 0;padding:0;display:block}.astro-code,.astro-code span{color:var(--shiki-light)}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)}.prose :not(pre)>code{background:var(--surface);border:1px solid var(--border);color:var(--text);word-break:break-word;border-radius:6px;padding:.15em .4em;font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:.88em}.prose img,.prose video{border:1px solid var(--border);border-radius:12px;max-width:100%;height:auto;margin:1.8em auto 0;display:block}.prose p:has(>img),.prose p:has(>.lb-wrap){text-align:center;margin-bottom:1.8em}.prose p>img+em,.prose p>img+br+em,.prose p>.lb-wrap+em,.prose p>.lb-wrap+br+em{color:var(--muted);margin-top:10px;font-size:.9rem;font-style:normal;line-height:1.5;display:block}.prose figure{margin:1.8em 0}.prose figure>img,.prose figure>video{margin-top:0}.prose figcaption{text-align:center;color:var(--muted);margin-top:10px;font-size:.9rem;line-height:1.5}.prose video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%}.prose .video{margin:1.8em 0}.prose table{border-collapse:collapse;width:100%;margin:1.6em 0;font-size:.95em;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:10px 14px}.prose th{background:var(--surface)}.prose blockquote{border-left:4px solid var(--accent);background:var(--surface);border-radius:0 10px 10px 0;margin:1.4em 0;padding:4px 18px}.tags,.sources{border-top:1px solid var(--border);margin-top:36px;padding-top:20px}.tags .badge{margin:0 8px 8px 0;padding:4px 14px;font-size:.95rem;font-weight:600}.sources h2{margin:0 0 8px;font-size:1.1rem}.related{background:var(--surface);padding:48px 0 72px}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:36px 0;font-size:1rem}.site-footer .container{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.copyright{margin:0}.site-footer .btn{border-radius:99px;padding:6px 16px;font-size:.95rem;font-weight:600}.site-footer .btn:hover{border-color:var(--accent-text);color:var(--accent-text)}@media (width<=900px){.layout,.grid{grid-template-columns:1fr}.nav{display:none}}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.share{border-top:1px solid var(--border);margin-top:36px;padding-top:20px}.share h2{margin:0 0 12px;font-size:1.1rem}.share-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.share-btn{background:var(--surface);width:44px;height:44px;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.share-btn:hover{background:var(--brand,var(--accent));border-color:var(--brand,var(--accent));color:#fff;transform:translateY(-2px)}.share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-btn[hidden],.share-btn .i-check{display:none}.share-btn.done{color:#fff;background:#12b76a;border-color:#12b76a}.share-btn.done .i-link{display:none}.share-btn.done .i-check{display:block}html[data-fs=sm]{font-size:87.5%}html[data-fs=md]{font-size:100%}html[data-fs=lg]{font-size:112.5%}html[data-fs=xl]{font-size:125%}.fs-group{gap:6px;display:flex}.fs-btn{width:auto;min-width:38px;padding:0 10px;font-size:.9rem;font-weight:700}.fs-btn sup{margin-left:1px;font-size:.65em}.icon-btn:disabled{opacity:.35;cursor:default}.post-layout{grid-template-columns:160px minmax(0,760px) 160px;justify-content:center;align-items:start;gap:20px;padding:0;display:grid}.post-layout .post{width:100%;padding-left:0;padding-right:0}.ad-rail{min-height:1px}.ad-sticky{padding-top:40px;position:sticky;top:84px}.ad-placeholder{text-align:center;border:1px dashed var(--border);width:160px;height:600px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;font-size:.85rem;display:flex}@media (width<=1179px){.post-layout{grid-template-columns:minmax(0,760px);padding:0 20px}.ad-rail{display:none}}.post .meta{align-items:center}.share-btn.top-copy{width:36px;height:36px;margin-left:auto}.share-btn.top-copy svg{width:18px;height:18px}#copy-toast{background:var(--text);color:var(--bg);opacity:0;pointer-events:none;z-index:50;border-radius:99px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}#copy-toast.show{opacity:1;transform:translate(-50%)}.fs-reset{justify-content:center;align-items:center;width:38px;padding:0;display:inline-flex}:root[data-theme=light] .cover.ai{background:linear-gradient(135deg,#047857,#4d8f12)}:root[data-theme=light] .cover.tool{background:linear-gradient(135deg,#1d4ed8,#0e7490)}:root[data-theme=light] .card .thumb,:root[data-theme=light] .post .cover-img{box-shadow:0 2px 10px #26282c1f}:root[data-theme=light] .site-header{background:color-mix(in srgb, var(--bg) 92%, transparent)}:root[data-theme=light] .share-btn:not(.done):hover{color:#fff}.prose pre[data-language]:before{content:attr(data-language);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700;font-family:var(--font);margin-bottom:10px;display:block;position:sticky;left:0}.share-btn:hover{color:var(--brand-ink,#fff)}.hv{aspect-ratio:16/9;color:#fff;user-select:none;background:#000;border-radius:14px;outline:none;margin:1.8em 0;position:relative;overflow:hidden}.hv:not(.hv-ready){background:#000 50%/cover}.hv video{object-fit:contain;aspect-ratio:auto;background:#000;border:0;border-radius:0;width:100%;height:100%;margin:0;display:block}.hv svg{fill:currentColor;width:22px;height:22px;display:block}.hv button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px;display:inline-flex}.hv button:hover{background:#ff5a3647}.hv button:focus-visible{outline:2px solid var(--signature)}.hv-big{backdrop-filter:blur(4px);justify-content:center;align-items:center;width:84px;height:84px;margin:auto;transition:transform .15s,background .15s,opacity .2s;position:absolute;inset:0;background:#0e11169e!important;border:2px solid #ffffffd9!important;border-radius:50%!important;padding:0!important}.hv-big svg{width:38px;height:38px;margin-left:5px}.hv-big:hover{transform:scale(1.08);box-shadow:0 0 0 8px #ff5a3640;background:var(--signature)!important;border-color:#0000!important}.hv:not(.hv-paused) .hv-big{opacity:0;pointer-events:none}.hv-bar{opacity:0;background:linear-gradient(#0000,#000000bf);padding:28px 12px 8px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.hv.hv-active .hv-bar,.hv.hv-paused .hv-bar{opacity:1}.hv:not(.hv-active):not(.hv-paused){cursor:none}.hv-seek{cursor:pointer;touch-action:none;align-items:center;height:16px;display:flex;position:relative}.hv-seek:before{content:"";background:#ffffff47;border-radius:4px;height:4px;transition:height .12s;position:absolute;left:0;right:0}.hv-seek:hover:before{height:6px}.hv-buf,.hv-prog{border-radius:4px;width:0;height:4px;transition:height .12s;position:absolute;left:0}.hv-seek:hover .hv-buf,.hv-seek:hover .hv-prog{height:6px}.hv-buf{background:#fff6}.hv-prog{background:var(--signature)}.hv-prog:after{content:"";background:var(--signature);border-radius:50%;width:14px;height:14px;margin-top:-7px;transition:transform .12s;position:absolute;top:50%;right:-7px;transform:scale(0);box-shadow:0 0 0 4px #ff5a364d}.hv-seek:hover .hv-prog:after,.hv.hv-paused .hv-prog:after{transform:scale(1)}.hv-row{align-items:center;gap:4px;display:flex}.hv-time{font-variant-numeric:tabular-nums;opacity:.95;white-space:nowrap;padding:0 8px;font-size:.85rem}.hv-sp{flex:1}.hv-vol{opacity:0;width:0;accent-color:var(--signature);transition:width .2s,opacity .2s}.hv-mute:hover+.hv-vol,.hv-vol:hover,.hv-vol:focus{opacity:1;width:70px;margin:0 6px}.hv-menu-wrap{position:relative}.hv-menu{z-index:3;background:#0e1116f0;border:1px solid #ffffff2e;border-radius:12px;min-width:130px;padding:6px;position:absolute;bottom:44px;right:0}.hv-menu[hidden]{display:none}.hv-menu button{text-align:left;width:100%;padding:6px 10px;font-size:.9rem;display:block}.hv-menu button.on{color:var(--signature);font-weight:700}.hv-mh{opacity:.6;padding:6px 10px 2px;font-size:.75rem}.hv.hv-fs{aspect-ratio:auto;border-radius:0;width:100%;height:100%}@media (width<=640px){.hv-big{width:64px;height:64px}.hv-big svg{width:30px;height:30px}.hv-vol,.hv-mute{display:none}}.lang-menu{position:relative}.lang-btn{border:1px solid var(--border);color:var(--text);height:38px;font:inherit;cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:.9rem;font-weight:600;display:inline-flex}.lang-btn:hover{background:var(--surface)}.lang-btn:focus-visible,.lang-list a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-caret{opacity:.6}.lang-list{background:var(--bg);border:1px solid var(--border);z-index:40;border-radius:12px;min-width:160px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0000002e}.lang-list[hidden]{display:none}.lang-list a{border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:.95rem;display:flex}.lang-list a:hover,.lang-list a:focus-visible{background:var(--surface)}.lang-list a.on{color:var(--accent-text,var(--accent));font-weight:700}.lang-list a svg{margin-left:auto}.lang-menu-footer .lang-list{top:auto;bottom:calc(100% + 6px);right:50%;transform:translate(50%)}.header-actions .lang-menu{margin-right:4px}.lang-banner{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:10px 44px 10px 16px;font-size:.95rem;display:flex;position:relative}.lang-banner[hidden]{display:none}.lang-banner-go{color:var(--accent-text,var(--accent));font-weight:700;text-decoration:underline}.lang-banner-close{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:.9rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lang-banner-close:hover{color:var(--text);text-decoration:underline}@media (width<=520px){.lang-label,.lang-caret{display:none}.lang-btn{justify-content:center;width:38px;padding:0}.lang-list{right:-40px}.site-header .container{gap:8px}.header-actions{gap:5px}.header-actions .lang-menu{margin-right:0}.header-actions .icon-btn{width:34px;height:34px;font-size:.9rem}.header-actions .fs-btn{width:auto;min-width:34px;padding:0 7px}.header-actions .fs-reset{width:34px;padding:0}.fs-group{gap:4px}.lang-btn{width:34px;height:34px}}@media (width<=420px){.header-actions{gap:3px}.header-actions .fs-reset{display:none}.header-actions .icon-btn,.lang-btn{width:32px;height:32px}.header-actions .fs-btn{min-width:32px;padding:0 6px}.fs-group{gap:3px}.logo{gap:7px;font-size:1.15rem}.logo .logo-mark{width:28px;height:28px}}@media (width<=350px){.logo b{display:none}}.lb-wrap{cursor:zoom-in;outline-offset:3px;border-radius:12px;width:fit-content;max-width:100%;margin:1.8em auto 0;display:block;position:relative}.prose figure .lb-wrap{margin-top:0}.lb-wrap:focus-visible{outline:2px solid var(--signature)}.lb-wrap>img.lb-thumb{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:520px;margin:0;transition:filter .2s}.lb-wrap:hover>img.lb-thumb{filter:brightness(1.06)}.lb-hint{color:#fff;opacity:0;pointer-events:none;backdrop-filter:blur(4px);background:#0e1116b8;border-radius:50%;place-items:center;width:36px;height:36px;transition:opacity .2s,transform .2s,background .2s;display:grid;position:absolute;bottom:10px;right:10px;transform:scale(.9)}.lb-hint svg{fill:currentColor;width:22px;height:22px}.lb-wrap:hover .lb-hint,.lb-wrap:focus-visible .lb-hint{opacity:1;background:var(--signature);transform:none}@media (hover:none){.lb-hint{opacity:.85;transform:none}}html.lb-open{overflow:hidden}.lb{z-index:100;opacity:0;backdrop-filter:blur(6px);background:#080a0eeb;transition:opacity .2s;position:fixed;inset:0}.lb[hidden]{display:none}.lb.lb-on{opacity:1}.lb-stage{box-sizing:border-box;cursor:zoom-out;touch-action:pan-y;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:56px 72px 8px;display:grid;position:absolute;inset:0 0 64px;overflow:auto}.lb-img{object-fit:contain;cursor:zoom-in;opacity:0;user-select:none;-webkit-user-drag:none;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:100%;transition:opacity .22s,transform .22s;display:block;transform:scale(.94);box-shadow:0 16px 60px #00000080}.lb.lb-ready .lb-img{opacity:1;transform:none}.lb.lb-zoomed .lb-stage{cursor:grab;grid-template:none;padding:0;display:block}.lb.lb-zoomed .lb-img{max-width:none;max-height:none;box-shadow:none;cursor:zoom-out;border-radius:0;margin:0 auto}.lb.lb-panning .lb-stage{cursor:grabbing}.lb-btn{z-index:2;color:#fff;cursor:pointer;backdrop-filter:blur(4px);background:#14181fc7;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:background .15s,transform .15s,border-color .15s;display:grid;position:absolute}.lb-btn svg{width:24px;height:24px}.lb-btn[hidden]{display:none}.lb-btn:hover{background:var(--signature);border-color:var(--signature);transform:scale(1.06)}.lb-btn:focus-visible{outline:2px solid var(--signature);outline-offset:3px}.lb-close{top:14px;right:14px}.lb-prev{top:calc(50% - 32px);left:14px}.lb-next{top:calc(50% - 32px);right:14px}.lb-bar{color:#eceef2;text-align:center;pointer-events:none;justify-content:center;align-items:center;gap:16px;height:64px;padding:0 72px;font-size:.95rem;display:flex;position:absolute;bottom:0;left:0;right:0}.lb-cap{max-height:3em;line-height:1.45;overflow:hidden}.lb-cap[hidden],.lb-count[hidden]{display:none}.lb-count{font-variant-numeric:tabular-nums;color:#eceef2b3;background:#ffffff1a;border-radius:99px;flex:none;padding:2px 12px}@media (width<=640px){.lb-stage{padding:56px 8px 8px}.lb-prev,.lb-next{width:42px;height:42px;top:auto;bottom:10px}.lb-prev{left:12px}.lb-next{right:12px}.lb-bar{padding:0 64px}}@media (prefers-reduced-motion:reduce){.lb,.lb-img,.lb-hint,.lb-btn,.lb-wrap>img.lb-thumb{transition:none}.lb-img{transform:none}}.search-btn{justify-content:center;align-items:center;padding:0;display:inline-flex}.search-btn:hover{border-color:var(--accent-text);color:var(--accent-text)}.search-dialog{border:1px solid var(--border);background:var(--bg);width:min(680px,100vw - 24px);max-height:min(78vh,720px);color:var(--text);border-radius:16px;margin:8vh auto auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #00000073}.search-dialog[open]{flex-direction:column;animation:.16s ease-out search-in;display:flex}.search-dialog::backdrop{backdrop-filter:blur(3px);background:#080a0e9e}@keyframes search-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}body:has(.search-dialog[open]){overflow:hidden}.search-box{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;padding:14px 16px;display:flex}.search-box input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:1.1rem}.search-box input::placeholder{color:var(--muted)}.search-box input::-webkit-search-cancel-button{display:none}.search-box:focus-within{box-shadow:inset 0 -2px 0 var(--signature)}.search-close{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:.85rem}.search-close:hover{border-color:var(--signature)}.search-results{margin:0;padding:6px;list-style:none;overflow-y:auto}.search-results:empty{display:none}.search-item{border-radius:12px;align-items:flex-start;gap:12px;padding:10px;display:flex}.search-results li.on .search-item{background:var(--surface);outline:2px solid var(--signature);outline-offset:-2px}.search-thumb{color:#fff;border-radius:10px;flex:none;align-items:flex-end;width:64px;height:64px;padding:6px;font-size:.8rem;font-weight:800;display:flex;overflow:hidden}.search-thumb img{object-fit:cover;width:100%;max-width:none;height:100%;margin:-6px}.search-body{flex-direction:column;gap:2px;min-width:0;display:flex}.search-title{overflow-wrap:anywhere;font-size:1.02rem;line-height:1.4}.search-meta{color:var(--muted);font-size:.85rem}.search-excerpt{color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.search-dialog mark{background:color-mix(in srgb, var(--signature) 28%, transparent);color:inherit;border-radius:3px;padding:0 1px}.search-status{color:var(--muted);margin:0;padding:10px 16px 6px;font-size:.9rem}.search-shortcut{color:var(--muted);opacity:.8;margin:0;padding:0 16px 12px;font-size:.8rem}@media (width<=640px){.search-dialog{max-height:calc(100dvh - 24px);margin-top:12px}.search-shortcut{display:none}.search-thumb{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.search-dialog[open]{animation:none}}.footer-pages{flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:.95rem;display:flex}.footer-pages a:hover{color:var(--accent-text);text-decoration:underline}.static-page{padding-bottom:72px}.static-page .prose h2{margin-top:1.8em;font-size:1.35rem}:root:lang(ja){--font:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", Meiryo, "Pretendard Variable", Pretendard, system-ui, sans-serif}:root:lang(th){--font:"Noto Sans Thai", "Sarabun", Tahoma, "Pretendard Variable", Pretendard, system-ui, sans-serif}:root:lang(vi){--font:"Noto Sans", "Pretendard Variable", Pretendard, system-ui, -apple-system, sans-serif}:root:lang(zh-TW){--font:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", "Pretendard Variable", Pretendard, system-ui, sans-serif}:root:lang(zh-TW) .prose{word-break:normal;line-break:strict;line-height:1.95}:root:lang(zh-TW) .post h1,:root:lang(zh-TW) .card h3{line-height:1.45}:root:lang(ja) .prose{word-break:auto-phrase;line-break:strict;line-height:1.95}:root:lang(th) .prose{word-break:normal;overflow-wrap:anywhere;line-height:2}:root:lang(vi) .prose,:root:lang(id) .prose,:root:lang(ms) .prose,:root:lang(es) .prose,:root:lang(pt-BR) .prose,:root:lang(de) .prose,:root:lang(fr) .prose,:root:lang(tr) .prose,:root:lang(it) .prose,:root:lang(pl) .prose,:root:lang(nl) .prose{word-break:normal}:root:lang(es) .prose,:root:lang(pt-BR) .prose,:root:lang(de) .prose,:root:lang(fr) .prose,:root:lang(tr) .prose,:root:lang(it) .prose,:root:lang(pl) .prose,:root:lang(nl) .prose{hyphens:auto}:root:lang(tr) .prose pre[data-language]:before{text-transform:none}:root:lang(de) .post h1,:root:lang(de) .card h3,:root:lang(es) .post h1,:root:lang(pt-BR) .post h1,:root:lang(fr) .post h1{overflow-wrap:break-word;hyphens:auto}:root:lang(ja) *,:root:lang(th) *,:root:lang(zh-TW) *{letter-spacing:0!important}:root:lang(th) .post h1,:root:lang(th) .card h3,:root:lang(th) .page-title h1{line-height:1.6}:root:lang(ja) .post h1,:root:lang(ja) .card h3{line-height:1.45}.soon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:28px 0 8px;padding:18px 20px}.soon p{color:var(--muted);margin:6px 0 14px}.soon-links{flex-wrap:wrap;gap:8px;display:flex}.soon-links .btn{padding:6px 16px;font-size:.95rem}.footer-langs{flex-wrap:wrap;justify-content:center;gap:4px 6px;font-size:.95rem;display:flex}.footer-langs a,.footer-langs span{border:1px solid var(--border);border-radius:99px;padding:3px 12px}.footer-langs a:hover{color:var(--accent-text);border-color:var(--accent-text)}.footer-langs .on{background:var(--surface);color:var(--text);font-weight:700}.lang-list{overscroll-behavior:contain;min-width:180px;max-height:min(70vh,420px);overflow-y:auto}.lang-list a{white-space:nowrap}.lang-menu-footer .lang-list{max-height:min(60vh,380px)}@media (width<=640px){.lang-list{min-width:170px;max-height:60vh}}.lang-list li.pref-end{border-bottom:1px solid var(--border);margin-bottom:5px;padding-bottom:5px}.footer-langs .pref-end{margin-right:12px;position:relative}.footer-langs .pref-end:after{content:"";border-right:1px solid var(--border);position:absolute;top:20%;bottom:20%;right:-9px}.draft-badge{z-index:2;color:#1b1300;background:#f59e0b;border-radius:99px;padding:3px 10px;font-size:.85rem;font-weight:800;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 8px #00000059}.draft-badge small{opacity:.7;letter-spacing:.04em;margin-left:4px;font-weight:700}.draft-banner{color:#1b1300;text-align:center;z-index:40;background:repeating-linear-gradient(45deg,#f59e0b,#f59e0b 14px,#fbbf24 14px 28px);padding:10px 16px;font-size:.95rem;position:sticky;top:0}.draft-banner code{background:#0000001f;border-radius:6px;padding:1px 6px}.draft-site-bar{color:#ffd37a;text-align:center;letter-spacing:.01em;background:#3b2a00;padding:6px 12px;font-size:.85rem;font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cat-banner{border-radius:var(--radius);background:#10141b;margin:24px 0 40px;line-height:0;overflow:hidden;box-shadow:0 10px 30px #0e111638}.cat-banner img{object-fit:cover;object-position:left center;width:100%;height:280px;display:block}@media (width<=900px){.cat-banner img{height:210px}}@media (width<=640px){.cat-banner{margin:16px 0 28px}.cat-banner img{height:150px}}:root[data-theme=dark] .cat-banner{box-shadow:0 10px 30px #00000073}#theme-toggle{justify-content:center;align-items:center;padding:0;display:inline-flex}#theme-toggle .ti{display:none}:root:not([data-theme-mode]) #theme-toggle .ti-auto,:root[data-theme-mode=auto] #theme-toggle .ti-auto,:root[data-theme-mode=light] #theme-toggle .ti-light,:root[data-theme-mode=dark] #theme-toggle .ti-dark{display:block}