:root{--bg:#121212;--surface:#181818;--surface-2:#1f1f1f;--ink:#ffffff;--muted:#b3b3b3;--line:#2a2a2a;--accent:#1ed760;--accent-alt:#1db954}*{box-sizing:border-box;margin:0}body,html{background:var(--bg);color:var(--ink)}body{font-family:Pretendard,Circular Std,system-ui,-apple-system,Apple SD Gothic Neo,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column}.content{flex:1 1}button{font-family:inherit;cursor:pointer}.app{max-width:460px;margin:0 auto;padding:0 22px;min-height:100dvh;flex-direction:column;position:relative}.app,.top{display:flex}.top{align-items:center;gap:9px;padding:24px 0 8px}.logo{width:24px;height:24px;border-radius:50%;background:var(--accent)}.brand{font-weight:700;font-size:16px}.tag{color:var(--muted);font-size:12px;margin-left:auto}.btn{width:100%;border:0;background:var(--accent);color:#000;font-weight:700;font-size:16px;padding:16px;border-radius:500px;letter-spacing:-.01em}.btn:active{transform:scale(.99)}.btn.ghost{background:var(--surface-2);color:#fff}.intro-mid{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding-bottom:14vh}.kick{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:16px}.intro-mid h1{font-size:33px;line-height:1.3;font-weight:700;letter-spacing:-.02em}.intro-mid h1 b{color:var(--accent)}.sub{color:var(--muted);font-size:16px;line-height:1.6;margin-top:16px}.cta{margin-bottom:34px}.hint{text-align:center;color:#8a8a8a;font-size:12px;margin-top:14px}.log{flex:1 1;display:flex;flex-direction:column;gap:12px;padding:18px 0 8px}.bub{max-width:80%;padding:13px 16px;border-radius:18px;font-size:15px;line-height:1.4;opacity:0;transform:translateY(8px);animation:rise .35s ease forwards}.bub.q{background:var(--surface-2);border-bottom-left-radius:6px;align-self:flex-start}.bub.a{background:var(--accent);color:#000;font-weight:700;border-bottom-right-radius:6px;align-self:flex-end}@keyframes rise{to{opacity:1;transform:none}}.answer{padding:14px 0 26px;display:flex;flex-direction:column;gap:10px}.stepper{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--surface-2);border-radius:16px;padding:14px}.stepper button{width:40px;height:40px;border-radius:50%;border:0;background:#2a2a2a;color:#fff;font-size:22px}.stepper .val{font-size:24px;font-weight:700;min-width:130px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chips-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pick{background:var(--surface-2);border:1px solid var(--line);color:#fff;border-radius:500px;padding:10px 18px;font-size:14px;font-weight:700}.pick.sel{background:var(--accent);color:#000;border-color:var(--accent)}.pick:disabled{opacity:.4}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 6px}.chip{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);background:var(--surface-2);border-radius:10px;padding:9px 11px;border:1px solid transparent;text-align:left;color:#fff}.chip:active{border-color:var(--accent)}.chip .k{color:var(--muted);font-size:12px}.chip .v{font-size:14px;font-weight:700;margin-top:2px}.hero{text-align:center;margin:26px 0 18px}.hero .lead{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--accent)}.hero .lead.under{color:var(--muted)}.hero .num{font-size:62px;font-weight:700;letter-spacing:-.03em;line-height:1;margin:10px 0 8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero .num .u{font-size:28px;color:var(--muted)}.hero .span{color:var(--muted);font-size:13px}.card{background:var(--surface);border-radius:10px;padding:16px 16px 14px;box-shadow:0 8px 24px rgba(0,0,0,.5)}.clab{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:8px}.pulse{animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{r:4;opacity:1}70%{r:11;opacity:0}to{opacity:0}}.stats{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.stat{text-align:left}.stat .k{color:var(--muted);font-size:12px}.stat .v{font-size:15px;font-weight:700;margin-top:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .v.up{color:var(--accent)}.share{margin-top:16px;margin-bottom:24px}#tip{margin-top:10px;background:#202020;border-radius:10px;padding:10px 12px;color:var(--muted);font-size:12px;line-height:1.45}.editbar{position:-webkit-sticky;position:sticky;bottom:0;background:#1c1c1c;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;margin:0 -22px;padding:14px 22px}.editbar .lab{font-size:13px;color:var(--muted);min-width:54px}.overlay{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 22px;text-align:center;z-index:20}.ov-msg{color:var(--muted);font-size:15px;line-height:1.5}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid #2a2a2a;border-top:3px solid var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,#1a1a1a,#242424,#1a1a1a);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:10px}@keyframes shimmer{to{background-position:-200% 0}}.content{max-width:720px;margin:0 auto;padding:0 22px 64px}.content-top{padding:24px 0 8px}.content-top,.content-top a.home{display:flex;align-items:center;gap:9px}.content-top a.home{color:var(--ink);text-decoration:none;font-weight:700}.crumb{color:var(--muted);font-size:13px;margin-left:auto}.prose{padding-top:18px}.prose h1{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-bottom:8px}.prose .desc{color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:28px}.prose h2{font-size:20px;font-weight:700;margin:28px 0 10px}.prose h3{font-size:16px;font-weight:700;margin:20px 0 6px;color:var(--muted)}.prose p{font-size:16px;line-height:1.75;color:#d8d8d8;margin:10px 0}.prose ol,.prose ul{margin:10px 0;padding-left:20px}.prose li{font-size:16px;line-height:1.7;color:#d8d8d8;margin:6px 0}.prose a{color:var(--accent);text-decoration:none}.prose a:hover{text-decoration:underline}.prose strong{color:#fff}.prose .note{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:6px;padding:12px 14px;margin:16px 0;font-size:14px;color:var(--muted);line-height:1.6}.cardlinks{display:grid;grid-gap:10px;gap:10px;margin:16px 0}.cardlink{display:block;background:var(--surface);border-radius:10px;padding:16px;text-decoration:none}.cardlink .t{color:#fff;font-weight:700;font-size:16px}.cardlink .d{color:var(--muted);font-size:14px;margin-top:4px;line-height:1.5}.site-footer{border-top:1px solid var(--line);margin-top:auto;padding:24px 22px 40px}.site-footer .inner{max-width:720px;margin:0 auto}.site-footer nav{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}.site-footer a{color:var(--muted);font-size:13px;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer .disc{color:#6f6f6f;font-size:12px;line-height:1.6}.reveal .rv{animation:rvIn .5s ease both;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes rvIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero{position:relative}.hero-glow{position:absolute;left:50%;top:42%;width:360px;height:360px;transform:translate(-50%,-50%) scale(.6);background:radial-gradient(circle,rgba(30,215,96,.3),transparent 62%);opacity:0;pointer-events:none;z-index:0;animation:glowIn 1.1s ease .1s forwards}@keyframes glowIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hero .lead,.hero .num,.hero .span{position:relative;z-index:1}.num.pop{animation:pop .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:.2s}@keyframes pop{0%{opacity:0;transform:scale(.72)}60%{opacity:1;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}.confetti{position:absolute;left:0;right:0;top:0;height:0;pointer-events:none;z-index:0}.confetti span{position:absolute;left:50%;top:10px;width:8px;height:8px;background:var(--accent);border-radius:1px;opacity:0;--x:calc((var(--n) - 7.5) * 30px);animation:conf 1.4s ease-out forwards;animation-delay:calc(var(--n) * 26ms)}.confetti span:nth-child(2n){background:#fff;width:6px;height:6px}@keyframes conf{0%{opacity:.9;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--x),96px) rotate(420deg) scale(.5)}}.ticker-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.ticker-scroll::-webkit-scrollbar{height:0}.pick.tall{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:14px}.pcol{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.pick.tall .pn{font-size:14px;font-weight:700;letter-spacing:-.01em}.pick.tall .ps{font-size:11px;color:var(--muted);font-weight:400}.pick.tall.sel .ps{color:rgba(0,0,0,.55)}.pick.logo-pick{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.editbar .ticker-scroll{flex:1 1}.tlogo{display:inline-flex;justify-content:center;border-radius:50%;color:#fff;font-weight:800;letter-spacing:-.03em;flex:0 0 auto;text-shadow:0 1px 1px rgba(0,0,0,.18)}.tlogo,.vrow{align-items:center}.vrow{display:flex;gap:6px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#fff;color:#000;font-weight:700;font-size:14px;padding:12px 18px;border-radius:500px;z-index:40;box-shadow:0 8px 24px rgba(0,0,0,.4);animation:rvIn .3s ease}.cmp-head{display:flex;align-items:center;gap:10px;padding:18px 0 12px}.back{width:36px;height:36px;border-radius:50%;border:0;background:var(--surface-2);color:#fff;font-size:18px;flex:0 0 auto}.cmp-title{font-size:18px;font-weight:700}.cmp-sub{color:var(--muted);font-size:13px;margin-left:auto}.cmp-pick{margin-bottom:14px}.cmp-list{display:flex;flex-direction:column;gap:8px}.cmp-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:12px;padding:12px 14px}.cmp-rank{width:16px;text-align:center;color:var(--muted);font-weight:700;font-size:13px;flex:0 0 auto}.cmp-name{flex:0 0 auto;min-width:60px}.cmp-sym{font-weight:700;font-size:14px}.cmp-kr{color:var(--muted);font-size:11px}.cmp-right{flex:1 1;min-width:0;text-align:right}.cmp-dur{font-weight:700;font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cmp-dur.muted{color:var(--muted);font-weight:400;font-size:13px}.cmp-bar{height:5px;border-radius:3px;background:#2a2a2a;margin:6px 0 4px;overflow:hidden}.cmp-bar span{display:block;height:100%;background:var(--accent);border-radius:3px}.cmp-val{color:var(--muted);font-size:12px}.cmp-note{color:#6f6f6f;font-size:12px;line-height:1.5;margin-top:14px;padding-bottom:24px}.opts{flex-direction:column;gap:8px;margin:18px 0 6px}.opt,.opts{display:flex}.opt{align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border-radius:12px;padding:12px 14px;cursor:pointer}.opt>span{font-size:14px;font-weight:700}.opt>span i{display:block;font-size:11px;font-weight:400;color:var(--muted);font-style:normal;margin-top:2px}.opt input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;background:#3a3a3a;border-radius:13px;position:relative;cursor:pointer;transition:background .2s;flex:0 0 auto}.opt input:checked{background:var(--accent)}.opt input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.opt input:checked:after{transform:translateX(18px)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.hero-glow,.num.pop,.reveal .rv{opacity:1!important;transform:none!important}}