:root{--bg:#0a0a0b;--bg-2:#131315;--bg-3:#1c1c1f;--line:#2a2a2e;--text:#f2f2ef;--muted:#9a9aa2;--accent:#d4ff3a;--accent-ink:#0a0a0b;--warn:#ff6a3d;--maxw:1240px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard,system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-header{z-index:50;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0a0a0bd1;position:sticky;top:0}.site-header .wrap{align-items:center;gap:40px;height:64px;display:flex}.logo{letter-spacing:.04em;font-family:Oswald,sans-serif;font-size:24px;font-weight:700}.logo b{color:var(--accent)}.nav{color:var(--muted);gap:26px;font-size:14px;font-weight:600;display:flex}.nav a{border-bottom:2px solid #0000;padding:4px 0;transition:all .2s}.nav a:hover,.nav a.on{color:var(--text);border-color:var(--accent)}.header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.search{background:var(--bg-3);border:1px solid var(--line);color:var(--muted);border-radius:999px;min-width:190px;padding:7px 16px;font-size:13px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-family:Manrope,sans-serif;font-size:11px;font-weight:800}.chip{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-block}.chip:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.meta{color:var(--muted);font-size:13px}.section-title{text-transform:uppercase;letter-spacing:.01em;font-family:Oswald,sans-serif;font-size:clamp(34px,5vw,64px);font-weight:700;line-height:1}.section-head{justify-content:space-between;align-items:flex-end;margin:88px 0 28px;display:flex}.section-head a{color:var(--muted);font-size:13px;font-weight:600}.section-head a:hover{color:var(--accent)}.thumb{background:var(--bg-3);aspect-ratio:16/10;border-radius:14px;position:relative;overflow:hidden}.thumb:after{content:attr(data-label);letter-spacing:.12em;opacity:.75;font-family:Oswald,sans-serif;font-size:13px;position:absolute;bottom:12px;left:14px}.g1{background:radial-gradient(circle at 70% 30%,#ff4d6d 0,#0000 45%),radial-gradient(circle at 20% 80%,#5b2bff 0,#0000 50%),#15101f}.g2{background:radial-gradient(circle at 30% 30%,#19e3ff 0,#0000 40%),radial-gradient(circle at 80% 80%,#1a5cff 0,#0000 50%),#0b1420}.g3{background:radial-gradient(circle at 60% 40%,#d4ff3a 0,#0000 38%),radial-gradient(circle at 10% 90%,#0b8f5a 0,#0000 50%),#0c150f}.g4{background:radial-gradient(circle at 25% 25%,#ffb13a 0,#0000 42%),radial-gradient(circle at 85% 75%,#ff3a3a 0,#0000 50%),#1a100c}.g5{background:radial-gradient(circle at 50% 30%,#b66bff 0,#0000 42%),radial-gradient(circle at 20% 90%,#ff6bd0 0,#0000 50%),#170f1d}.g6{background:radial-gradient(circle at 70% 70%,#3aff9e 0,#0000 40%),radial-gradient(circle at 15% 20%,#00a3ff 0,#0000 45%),#0a1514}.hero{padding:72px 0 8px}.hero-title{text-transform:uppercase;letter-spacing:-.01em;overflow-wrap:anywhere;font-family:Oswald,sans-serif;font-size:clamp(44px,8vw,128px);font-weight:700;line-height:.94}.hero-title span{color:var(--accent)}.hero-sub{max-width:560px;color:var(--muted);margin-top:22px;font-size:17px}.feature{grid-template-columns:1.5fr 1fr;gap:28px;margin-top:48px;display:grid}.feature-main{border-radius:22px;align-items:flex-end;min-height:520px;display:flex;position:relative;overflow:hidden}.feature-main .bg{transition:transform .6s;position:absolute;inset:0}.feature-main:hover .bg{transform:scale(1.04)}.feature-main .shade{background:linear-gradient(#0a0a0b1a 35%,#0a0a0bf0 92%);position:absolute;inset:0}.feature-main .body{padding:34px;position:relative}.feature-main h2{letter-spacing:-.02em;margin:10px 0 12px;font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.25}.feature-main p{color:#cfcfd4;max-width:560px}.stack{flex-direction:column;gap:22px;display:flex}.stack-item{grid-template-columns:150px 1fr;align-items:center;gap:18px;display:grid}.stack-item .thumb{aspect-ratio:1;border-radius:12px}.stack-item h3{letter-spacing:-.01em;margin:6px 0;font-size:17px;font-weight:700;line-height:1.4}.stack-item:hover h3{color:var(--accent)}.marquee{border-block:1px solid var(--line);white-space:nowrap;margin-top:80px;padding:16px 0;overflow:hidden}.marquee div{letter-spacing:.08em;color:var(--muted);font-family:Oswald,sans-serif;font-size:22px;animation:28s linear infinite slide;display:inline-block}.marquee b{color:var(--accent);margin:0 18px}@keyframes slide{to{transform:translate(-50%)}}.hub{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.hub-card{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;min-height:220px;padding:28px;transition:all .25s;display:flex}.hub-card:hover{border-color:var(--accent);transform:translateY(-4px)}.hub-card .ver{color:var(--accent);font-family:Manrope,sans-serif;font-size:12px;font-weight:700}.hub-card h3{letter-spacing:-.02em;font-size:22px;line-height:1.35}.hub-card p{color:var(--muted);margin-top:auto;font-size:14px}.grid-3{grid-template-columns:repeat(3,1fr);gap:34px 24px;display:grid}.card h3{letter-spacing:-.015em;margin:14px 0 6px;font-size:19px;font-weight:700;line-height:1.4}.card:hover h3{color:var(--accent)}.card .thumb{transition:transform .35s}.card:hover .thumb{transform:translateY(-4px)}.card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.topics{flex-wrap:wrap;gap:10px;display:flex}.topics .chip{padding:9px 20px;font-size:15px}.cta-box{border:1px solid var(--line);background:linear-gradient(120deg,#17181b,#0f1a0c);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;margin-top:96px;padding:56px;display:flex}.cta-box h2{text-transform:uppercase;font-family:Oswald,sans-serif;font-size:clamp(30px,4vw,52px);line-height:1.05}.cta-box p{color:var(--muted);max-width:480px;margin-top:10px}.btn{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border-radius:999px;padding:14px 28px;font-size:14px;font-weight:800;display:inline-block}.btn:hover{filter:brightness(1.08)}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:120px;padding:48px 0 64px;font-size:13px}footer .cols{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}footer .links{gap:22px;display:flex}footer .links a:hover{color:var(--accent)}footer .disclosure{opacity:.8;max-width:760px;margin-top:28px;font-size:12px}.cat-head{padding:72px 0 24px}.cat-head h1{text-transform:uppercase;overflow-wrap:anywhere;font-family:Oswald,sans-serif;font-size:clamp(44px,7.5vw,112px);line-height:.95}.cat-head p{color:var(--muted);max-width:620px;margin-top:16px;font-size:17px}.filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;margin:28px 0 40px;padding-bottom:28px;display:flex}.filters .chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pin{background:var(--bg-2);border:1px solid var(--line);border-radius:22px;grid-template-columns:1.2fr 1fr;align-items:center;gap:36px;margin-bottom:48px;padding:22px;display:grid}.pin .thumb{aspect-ratio:16/9}.pin h2{letter-spacing:-.02em;margin:10px 0;font-size:clamp(24px,2.6vw,34px);line-height:1.3}.pin p{color:var(--muted);margin-bottom:18px}.pager{justify-content:center;gap:8px;margin-top:64px;display:flex}.pager a{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;font-size:14px;display:grid}.pager a.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:800}.crumb{color:var(--muted);margin:40px 0 18px;font-size:13px}.crumb a:hover{color:var(--accent)}.post-head{max-width:860px;margin:0 auto}.post-head h1{letter-spacing:-.03em;margin:14px 0 20px;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1.2}.post-head .lead{color:#d8d8dd;font-size:20px;line-height:1.65}.byline{border-block:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;margin:26px 0;padding:18px 0;font-size:13px;display:flex}.avatar{background:var(--accent);width:38px;height:38px;color:var(--accent-ink);border-radius:50%;place-items:center;font-family:Oswald,sans-serif;font-weight:800;display:grid}.byline b{color:var(--text);font-size:14px;display:block}.disclosure-box{background:var(--bg-2);border-left:3px solid var(--accent);color:var(--muted);border-radius:0 10px 10px 0;margin-bottom:28px;padding:12px 16px;font-size:13px}.post-hero{max-width:1080px;margin:36px auto 0}.post-hero .thumb{aspect-ratio:21/9;border-radius:22px}.post-hero figcaption{color:var(--muted);text-align:right;margin-top:10px;font-size:12px}.post-layout{grid-template-columns:200px minmax(0,720px);justify-content:center;gap:64px;margin-top:56px;display:grid}.toc{align-self:start;font-size:13px;position:sticky;top:96px}.toc h4{letter-spacing:.14em;color:var(--accent);margin-bottom:14px;font-family:Manrope,sans-serif;font-size:11px}.toc a{color:var(--muted);border-left:2px solid var(--line);padding:7px 0 7px 14px;line-height:1.45;display:block}.toc a:hover,.toc a.on{color:var(--text);border-color:var(--accent)}.prose{font-size:17.5px}.prose p{color:#dcdce0;margin-bottom:1.3em}.prose h2{letter-spacing:-.02em;margin:2.2em 0 .7em;font-size:30px;font-weight:800;line-height:1.3}.prose h3{margin:1.8em 0 .5em;font-size:22px;font-weight:700}.prose strong{color:#fff}.prose a{color:var(--accent);border-bottom:1px solid #d4ff3a66}.verdict{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;margin:0 0 2em;padding:26px 28px}.verdict .eyebrow{margin-bottom:8px;display:block}.verdict li{color:#dcdce0;margin:6px 0 6px 20px}.prose table,.spec{border-collapse:collapse;background:var(--bg-2);border-radius:14px;width:100%;margin:1.6em 0 2em;font-size:15px;overflow:hidden}.prose th,.prose td,.spec th,.spec td{text-align:left;border-bottom:1px solid var(--line);padding:13px 16px}.prose th,.spec th{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--bg-3);font-family:Manrope,sans-serif;font-size:11px}.prose td:first-child,.spec td:first-child{color:var(--muted)}.spec .win{color:var(--accent);font-weight:700}.spec-note{color:var(--muted);margin-top:-1.2em;margin-bottom:2em;font-size:12px}.pcard{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;grid-template-columns:150px 1fr auto;align-items:center;gap:22px;margin:1.8em 0;padding:18px;display:grid}.pcard .thumb{aspect-ratio:1;border-radius:12px}.pcard .tag{color:var(--accent);letter-spacing:.1em;font-size:11px;font-weight:800}.pcard h4{margin:4px 0;font-size:18px;line-height:1.35}.pcard .price{font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.pcard .price small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:500}.pcard .btn{padding:12px 20px;font-size:13px}.pcard-note{color:var(--muted);margin:-1em 0 2em;font-size:11.5px}.sources{border:1px dashed var(--line);color:var(--muted);border-radius:14px;margin-top:3em;padding:22px 26px;font-size:13.5px}.sources h4{color:var(--text);margin-bottom:8px}.sources li{margin:4px 0 4px 18px}.post-tags{flex-wrap:wrap;gap:8px;margin:40px 0 0;display:flex}.related{max-width:var(--maxw);margin:0 auto}@media (width<=900px){.nav,.search{display:none}.feature,.hub,.grid-3,.pin,.post-layout,.cta-box{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start;padding:32px}.toc{display:none}.pcard{grid-template-columns:90px 1fr}.pcard .btn{text-align:center;grid-column:1/-1}.stack-item{grid-template-columns:110px 1fr}}.ko-title{letter-spacing:-.03em;word-break:keep-all;font-weight:800;line-height:1.18}.hero-c{border-bottom:1px solid var(--line);padding:84px 0 56px;position:relative;overflow:hidden}.hero-c .blob{filter:blur(80px);opacity:.55;border-radius:50%;animation:16s ease-in-out infinite alternate drift;position:absolute}.hero-c .b1{background:var(--accent);opacity:.35;width:38vw;height:38vw;top:-14vw;right:-8vw}.hero-c .b2{background:#5b2bff;width:30vw;height:30vw;animation-delay:-6s;bottom:-14vw;left:8vw}@keyframes drift{to{transform:translate(4vw,-3vh)scale(1.12)}}@media (width<=900px),(prefers-reduced-motion:reduce){.hero-c .blob{animation:none}}.hero-c .inner{position:relative}.wordmark-c{text-transform:uppercase;letter-spacing:-.005em;margin:14px 0 22px -.02em;font-family:Anton,sans-serif;font-size:clamp(88px,21vw,330px);line-height:.9}.wordmark-c span{color:var(--accent)}.hero-c .row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.hero-c .tag{color:#cfcfd4;max-width:460px;font-size:18px;line-height:1.6}.hero-c .cue{letter-spacing:.14em;color:var(--muted);font-size:12px;font-weight:800}.feature{margin-top:56px}.feature-main h2{letter-spacing:-.03em;word-break:keep-all;font-weight:800;line-height:1.2}.topics-c{flex-wrap:wrap;gap:0 .35em;display:flex}.topics-c a{text-transform:uppercase;color:#0000;-webkit-text-stroke:1.4px #5a5a62;font-family:Anton,sans-serif;font-size:clamp(40px,7vw,108px);line-height:1.05;transition:all .25s}.topics-c a:hover{color:var(--accent);-webkit-text-stroke-color:var(--accent)}.post-head h1{letter-spacing:-.035em;word-break:keep-all;font-weight:800;line-height:1.18}.stats-c{border:1px solid var(--line);background:var(--bg-2);border-radius:18px;grid-template-columns:repeat(3,1fr);margin:0 0 2.4em;display:grid;overflow:hidden}.stats-c div{border-right:1px solid var(--line);padding:26px 22px}.stats-c div:last-child{border-right:0}.stats-c .num{color:var(--text);font-family:Anton,sans-serif;font-size:clamp(40px,5.4vw,68px);line-height:1}.stats-c .num em{white-space:nowrap;color:var(--accent);margin-left:6px;font-size:.42em;font-style:normal}.stats-c p{color:var(--muted);font-size:13px;line-height:1.5;margin:8px 0 0!important}.pull{letter-spacing:-.03em;word-break:keep-all;border-left:4px solid var(--accent);padding-left:22px;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.35;color:var(--text)!important;margin:1.6em 0!important}.prose h2 small{letter-spacing:.16em;color:var(--accent);margin-bottom:8px;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;display:block}@media (width<=900px){.stats-c{grid-template-columns:1fr}.stats-c div{border-right:0;border-bottom:1px solid var(--line)}.stats-c div:last-child{border-bottom:0}}.ad-slot{text-align:center;min-height:0;margin:2.4em 0}.ad-slot:empty{display:none}.ad-slot:before{content:"광고";letter-spacing:.12em;color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.ad-slot.dev{border:1px dashed var(--line);color:var(--muted);border-radius:12px;padding:28px;font-size:13px}.shelf{border-top:1px solid var(--line);margin:3em 0 0;padding-top:2em}.shelf h3{margin:6px 0 4px;font-size:22px}.shelf .pcard{margin:1.1em 0}.tool-layout{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:28px;margin-top:28px;display:grid}.tool-panel,.tool-result{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:28px}.field{margin-bottom:26px}.field label{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.field input[type=number],.field select{background:var(--bg-3);width:100%;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-family:inherit;font-size:17px}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.field input[type=range]{width:100%;accent-color:var(--accent)}.row2{align-items:center;gap:10px;margin-top:10px;display:flex}.row2[hidden]{display:none}.range-val{margin:4px 0 10px;font-family:Anton,sans-serif;font-size:34px}.range-val output{color:var(--accent)}.chips{flex-wrap:wrap;gap:8px;display:flex}button.chip{cursor:pointer;background:0 0;font-family:inherit}.big-stat .num{font-family:Anton,sans-serif;font-size:clamp(72px,11vw,150px);line-height:.95}.big-stat .num em{color:var(--accent);margin-left:10px;font-size:.28em;font-style:normal}.verdict-line{letter-spacing:-.02em;margin:6px 0 22px;font-size:22px;font-weight:800}.meter{background:var(--bg-3);border-radius:999px;height:10px;margin:8px 0 52px;position:relative}.meter-fill{background:linear-gradient(90deg, #5b2bff, var(--accent));border-radius:999px;width:0;height:100%;transition:width .25s}.meter-mark{border-left:2px dashed var(--muted);height:22px;position:absolute;top:-6px}.meter-mark span{white-space:nowrap;color:var(--muted);font-size:11px;position:absolute;top:28px;left:-60px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 22px;display:grid}.stat-grid div{background:var(--bg-3);border-radius:14px;padding:16px 18px}.stat-grid dt{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:700}.stat-grid dd{font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.tool-result .note{color:#cfcfd4;margin-bottom:18px;font-size:15px}.table-wrap{overflow-x:auto}.prose code{background:var(--bg-3);border-radius:6px;padding:2px 8px;font-size:.92em}@media (width<=900px){.tool-layout{grid-template-columns:1fr}.tool-panel,.tool-result{padding:22px}.meter-mark span{left:-90px}}.sc-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:28px;margin-top:28px;display:grid}.picker{flex-wrap:wrap;gap:8px;display:flex}.chip.pick.on,.chips .chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.stage{background:var(--bg-3);border-radius:16px;min-height:200px;margin-bottom:14px;position:relative;overflow:hidden}.sc-rect{box-sizing:border-box;border:2px solid;border-radius:10px;justify-content:center;align-items:flex-end;padding-bottom:8px;transition:all .25s;display:flex;position:absolute}.sc-rect span{background:#0a0a0bbf;border-radius:999px;padding:2px 8px;font-family:Manrope,sans-serif;font-size:12px;font-weight:800}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:18px;font-size:13px;display:flex}.legend .lg i,.dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.badge-warn{color:var(--warn);border:1px solid var(--warn);cursor:help;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:800;display:inline-block}.custom-add{margin:0 0 22px;font-size:14px}.custom-add summary{cursor:pointer;color:var(--muted);font-weight:700}.field input[type=text]{background:var(--bg-3);width:100%;color:var(--text);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:12px 14px;font-family:inherit;font-size:15px}.row2 input{min-width:0;padding:11px 12px!important;font-size:15px!important}@media (width<=900px){.sc-layout{grid-template-columns:1fr}}