:root{--bg:#0f1115;--surface:#1a1d24;--inset:#14171d;--text:#f2f3f5;--sub:#a0a6b1;--muted:#c9ced6;--accent:#ffc93c;--gain:#ff6b6b;--loss:#6aa2ff;--border:#343a46;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);word-break:keep-all;-webkit-font-smoothing:antialiased;line-height:1.7}img{max-width:100%;height:auto}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.4}h1{font-size:30px}h2{font-size:24px}h3{font-size:18px}p{margin:0}.hint{color:var(--sub);font-size:14px}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.narrow{max-width:720px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:60;background:var(--accent);color:#14161b;border-radius:8px;padding:8px 12px;top:8px;left:8px}.brand{font-size:18px;font-weight:800;text-decoration:none}.brand i{color:var(--accent);font-style:normal}.header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#0f1115eb;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;height:60px;display:flex}.nav{align-items:center;gap:18px;font-size:15px;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav .nav-cta{color:#14161b;background:var(--accent);border-radius:999px;padding:7px 14px;font-weight:700}.footer{border-top:1px solid var(--border);margin-top:80px;padding:40px 0 56px}.footer .wrap{flex-direction:column;gap:6px;display:flex}.footer-nav{gap:16px;margin-top:12px;font-size:14px;display:flex}.footer-nav a{color:var(--muted)}.cta{text-align:center;background:var(--accent);color:#14161b;border-radius:14px;padding:15px 22px;font-size:16px;font-weight:800;text-decoration:none;display:inline-block}.card{background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.warn{border:1px solid var(--accent);color:var(--muted);border-radius:12px;padding:12px 14px;font-size:14px}.warn b{color:var(--accent)}.hero{gap:32px;padding:64px 0 40px;display:grid}.hero>*{min-width:0}.hero-text{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.hero h1{font-size:34px}.hero h1 em{color:var(--accent);font-style:normal}.hero .lead{color:var(--muted);max-width:34em;font-size:18px}.hero-shots{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.hero-shots img{border:1px solid var(--border);border-radius:18px;flex:none;width:200px}@media (min-width:900px){.hero{grid-template-columns:1.1fr 1fr;align-items:center}.hero h1{font-size:42px}}.section{flex-direction:column;gap:20px;padding:48px 0 0;display:flex}.eyebrow{color:var(--accent);letter-spacing:.08em;font-size:13px;font-weight:700}.grid{gap:14px;display:grid}@media (min-width:720px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.feature p{color:var(--muted);font-size:15px}.compare .card:first-child{border:2px solid var(--accent)}.compare ul{color:var(--muted);margin:0;padding-left:18px;font-size:15px}.faq{flex-direction:column;gap:10px;display:flex}.faq details{background:var(--surface);border:1px solid #0000;border-radius:14px}.faq details[open]{border-color:var(--border)}.faq summary{cursor:pointer;gap:10px;padding:16px 18px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq .q{color:var(--accent)}.faq p{color:var(--muted);padding:0 18px 18px 44px;font-size:15px}.crumbs{color:var(--sub);padding-top:28px;font-size:13px}.crumbs a{color:var(--sub)}.article-head{flex-direction:column;gap:10px;padding:12px 0 24px;display:flex}.guide-list{flex-direction:column;gap:12px;padding-top:24px;display:flex}.guide-list a{text-decoration:none}.guide-list h2{font-size:19px}.playbox{background:var(--inset);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;margin:28px 0;padding:20px;display:flex}.playbox-title{font-size:17px;font-weight:800}.lead-text{color:var(--muted);font-size:17px}.rank{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rank-row{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.rank-row>div{min-width:0}.rank-name{overflow-wrap:anywhere;font-size:16px}.rank-name b{color:var(--accent);margin-right:4px}.rank-v{text-align:right;white-space:nowrap;font-size:17px;font-weight:800}.rank-v small{color:var(--sub);font-size:13px;font-weight:400;display:block}.rank .hint a{color:var(--muted)}.stat{color:var(--text);font-size:26px;font-weight:800}.download{border:2px solid var(--accent);align-items:flex-start}.calc{gap:14px}.calc-toggle{color:var(--muted);align-items:center;gap:8px;font-size:15px;display:flex}.calc-toggle input{width:18px;height:18px;accent-color:var(--accent)}.calc-row{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;gap:10px;margin:0;padding:12px 14px 14px;display:grid}.calc-row legend{color:var(--accent);padding:0 6px;font-size:13px;font-weight:700}.calc-row label{color:var(--sub);flex-direction:column;gap:4px;font-size:13px;display:flex}.calc-row input{background:var(--inset);color:var(--text);border:1px solid var(--border);border-radius:10px;width:100%;padding:11px 12px;font-family:inherit;font-size:17px}.calc-row input:focus{outline:2px solid var(--accent);outline-offset:0}.calc-add,.calc-remove{border:1px dashed var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:10px;font-family:inherit;font-size:14px}.calc-remove{border-style:solid;padding:11px}.calc-result{background:var(--inset);border:2px solid var(--accent);border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.calc-result .row{color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;font-size:15px;display:flex}.calc-result .row .v{color:var(--text);text-align:right;font-weight:800}.calc-result .row.me .v{color:var(--accent);font-size:24px}.calc-result small{color:var(--sub);font-size:13px;font-weight:400;display:block}.pos{color:var(--gain)!important}.neg{color:var(--loss)!important}.prose{color:#dde1e7;overflow-wrap:anywhere;font-size:17px;line-height:1.85}.prose p{margin:0 0 1.1em}.prose h2{color:var(--text);margin:2em 0 .6em;font-size:22px}.prose h3{color:var(--text);margin:1.6em 0 .5em;font-size:18px}.prose strong{color:var(--text)}.prose a{color:var(--accent);text-underline-offset:3px}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.3em}.prose li{margin:.35em 0}.prose blockquote{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 12px 12px 0;margin:1.4em 0;padding:1em 1.2em}.prose blockquote p:last-child{margin:0}.prose table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border-top:1px solid var(--border);text-align:left;vertical-align:top;padding:.65rem .9rem}.prose thead th{background:var(--surface);border-top:0}.prose th:first-child,.prose td:first-child{white-space:nowrap}@media (max-width:640px){.prose{font-size:16.5px}h1{font-size:26px}.hero h1{font-size:30px}}