:root{--bg: #080d14;--bg-deep: #050810;--surface: #101822;--surface-2: #16202c;--surface-3: #1f2b39;--border: rgba(150, 200, 255, .11);--border-strong: rgba(150, 200, 255, .22);--text: #eaf2fa;--text-2: #b6c6d6;--text-muted: #7e93a8;--brand: #38bdf8;--brand-ink: #7dd3fc;--brand-2: #22d3ee;--gold: #fbbf24;--brand-grad: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 54%, #67e8f9 100%);--brand-soft: rgba(56, 189, 248, .14);--brand-line: rgba(56, 189, 248, .34);--brand-glow: rgba(56, 189, 248, .3);--gold-soft: rgba(251, 191, 36, .15);--jade: #4ade80;--warn: #fbbf24;--danger: #fb7185;--seg-blue-bg: #1e3a8a;--seg-blue-fg: #cfe0ff;--seg-green-bg: #14532d;--seg-green-fg: #c4f5d3;--seg-yellow-bg: #713f12;--seg-yellow-fg: #fdefa6;--seg-purple-bg: #581c87;--seg-purple-fg: #ecd9ff;--seg-pink-bg: #831843;--seg-pink-fg: #fdd3e6;--seg-orange-bg: #7c2d12;--seg-orange-fg: #ffdcb8;--seg-red-bg: #7f1d1d;--seg-red-fg: #ffd5d5;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 8px 30px rgba(0, 0, 0, .55), 0 0 0 1px rgba(56, 189, 248, .04);--shadow-pop: 0 40px 110px rgba(0, 0, 0, .75);--shadow-brand: 0 6px 24px var(--brand-glow);--radius-s: 12px;--radius-m: 18px;--radius-l: 24px;--radius-xl: 32px;--font-ko: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-vn: "Be Vietnam Pro", "Pretendard Variable", Pretendard, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--topbar-h: 64px;--tabbar-h: 64px;--maxw: 1180px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ko);font-size:15px;line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:-20% -10% auto -10%;height:70vh;pointer-events:none;z-index:0;background:radial-gradient(60% 60% at 78% 0%,var(--brand-soft),transparent 70%),radial-gradient(50% 50% at 12% 8%,var(--gold-soft),transparent 72%)}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}::selection{background:var(--brand);color:#fff}code{font-family:var(--font-mono);font-size:.92em}.vn{font-family:var(--font-vn);line-height:1.78;padding-block:.08em;letter-spacing:-.005em;word-break:keep-all;overflow-wrap:anywhere}.kr{font-family:var(--font-ko);line-height:1.62}.grad{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.page{width:100%;max-width:var(--maxw);margin:0 auto;padding:22px 18px calc(var(--tabbar-h) + 52px)}@media(min-width:900px){.page{padding:34px 28px 96px}}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid var(--border)}.topbar__inner{max-width:var(--maxw);margin:0 auto;height:var(--topbar-h);padding:0 14px;display:flex;align-items:center;gap:10px}@media(min-width:900px){.topbar__inner{padding:0 28px;gap:12px}}.brand{display:flex;align-items:center;gap:11px;min-width:0;flex-shrink:1}.brand__mark{flex:none;display:grid;place-items:center}.brand__text{display:flex;flex-direction:column;line-height:1.12;min-width:0}.brand__ko{font-weight:750;font-size:15.5px;letter-spacing:-.028em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand__vn{font-family:var(--font-vn);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar__spacer{flex:1}.iconbtn{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:var(--text-2);border:1px solid transparent;transition:background .18s,color .18s,border-color .18s,transform .12s}.iconbtn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.iconbtn:active{transform:scale(.94)}.iconbtn.is-on{background:var(--brand-soft);color:var(--brand);border-color:var(--brand-line)}.keyled{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:11.5px;font-weight:650;color:var(--text-muted);letter-spacing:-.01em;white-space:nowrap}.keyled.is-on{color:var(--jade);border-color:color-mix(in srgb,var(--jade) 38%,transparent);background:color-mix(in srgb,var(--jade) 8%,var(--surface))}.keyled__dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.keyled.is-on .keyled__dot{background:var(--jade);box-shadow:0 0 0 3px color-mix(in srgb,var(--jade) 22%,transparent);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--jade) 6%,transparent)}}@media(max-width:620px){.topbar__inner{gap:6px;padding:0 10px}.keyled{display:none}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-top:1px solid var(--border)}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10.5px;font-weight:650;color:var(--text-muted);transition:color .16s}.tabbar button.is-on{color:var(--brand)}@media(min-width:900px){.tabbar{display:none}.page{padding-bottom:96px}}.navlinks{display:none;gap:2px}@media(min-width:900px){.navlinks{display:flex}}.navlinks button{position:relative;padding:9px 14px;border-radius:11px;font-size:14px;font-weight:620;color:var(--text-muted);letter-spacing:-.015em;transition:color .16s,background .16s}.navlinks button:hover,.navlinks button.is-on{color:var(--text);background:var(--surface-2)}.navlinks button.is-on:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:3px;width:16px;height:2.5px;border-radius:2px;background:var(--brand-grad)}.hero{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);padding:28px 22px 92px;margin-bottom:32px;isolation:isolate}@media(min-width:760px){.hero{padding:44px 42px 96px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}}@media(min-width:1060px){.hero{grid-template-columns:minmax(0,1fr) 300px 320px}}.hero:before{content:"";position:absolute;z-index:-2;inset:-30% -20% auto -20%;height:160%;background:radial-gradient(closest-side at 78% 34%,color-mix(in srgb,var(--brand-2) 15%,transparent),transparent),radial-gradient(closest-side at 26% 70%,color-mix(in srgb,var(--brand) 13%,transparent),transparent);opacity:.7}.hero:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--brand-grad)}.hero__deco{position:absolute;right:-70px;top:50%;transform:translateY(-50%);width:300px;height:300px;opacity:.14;color:var(--brand);pointer-events:none;z-index:-1}@media(max-width:759px){.hero__deco{right:-110px;top:-30px;transform:none;width:230px;height:230px}}.herobg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:inherit;color:var(--brand-2)}.herobg__drum{position:absolute;right:8px;top:50%;width:300px;height:300px;transform:translateY(-50%);opacity:.22}@media(max-width:1059px){.herobg__drum{display:none}.herobg__waves{height:180px;opacity:.16}}@media(max-width:759px){.herobg__drum{right:-150px;top:-60px;transform:none;width:340px;height:340px;opacity:.12}}.herobg__spinA{animation:hbSpin 90s linear infinite;transform-origin:200px 200px}.herobg__spinB{animation:hbSpin 150s linear infinite reverse;transform-origin:200px 200px}.herobg__star{animation:hbSpin 260s linear infinite;transform-origin:200px 200px}.herobg__sweep{animation:hbSpin 11s linear infinite;transform-origin:200px 200px}@keyframes hbSpin{to{transform:rotate(360deg)}}.herobg__waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:88px;opacity:.15;-webkit-mask-image:linear-gradient(180deg,transparent,#000 42%);mask-image:linear-gradient(180deg,transparent,#000 42%)}.herobg__drift1{animation:hbDrift 34s linear infinite}.herobg__drift2{animation:hbDrift 52s linear infinite}.herobg__drift3{animation:hbDrift 76s linear infinite}@keyframes hbDrift{to{transform:translate(-1200px)}}.hero__body{position:relative;z-index:1;min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-vn);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin:0 0 14px}.eyebrow:before{content:"";width:20px;height:2px;border-radius:2px;background:var(--brand-grad)}.hero__title{margin:0 0 12px;font-size:clamp(26px,4.6vw,38px);line-height:1.2;letter-spacing:-.042em;font-weight:800}.hero__title em{font-style:normal;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__sub{margin:0 0 24px;color:var(--text-2);font-size:15px;line-height:1.72;max-width:48ch}.aibadge{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:5px 11px;border-radius:999px;border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand);font-size:11.5px;font-weight:750;letter-spacing:-.01em}.hero__goal{display:flex;align-items:flex-start;gap:9px;margin:0 0 22px;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,transparent);font-size:13px;line-height:1.7;color:var(--text-2);max-width:52ch}.hero__goal svg{flex:none;margin-top:3px;color:var(--brand)}.hero__goal b{color:var(--text);font-weight:750}.hero__actions{display:flex;flex-wrap:wrap;gap:10px}.hero__hint{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0;font-size:12.5px;line-height:1.65;color:var(--text-muted);max-width:48ch}.hero__hint svg{flex:none;margin-top:3px;color:var(--brand)}.hero__hint strong{color:var(--text-2);font-weight:700}.hero__ring{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;align-self:stretch;padding:28px 34px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-1)}@media(max-width:759px){.hero__ring{margin-top:24px;padding:22px}}.hero__ringcap{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.hero__ringnote{font-size:12.5px;font-weight:650;color:var(--text-2);padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-variant-numeric:tabular-nums}.tcard__tags{min-height:26px;flex-wrap:nowrap;overflow:hidden}.minestat{width:100%;margin-top:4px;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.minestat__row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:10px;color:var(--text-2);transition:background .16s,color .16s}.minestat__row:hover{background:var(--surface-2);color:var(--text)}.minestat__row>span{flex:1;text-align:left;font-size:12.5px;font-weight:620}.minestat__row>strong{font-size:14px;font-weight:780;color:var(--text);font-variant-numeric:tabular-nums}.minestat__row>svg:last-child{color:var(--text-muted)}.ring{position:relative;width:132px;height:132px}.ring svg{transform:rotate(-90deg)}.ring__track{stroke:var(--surface-2)}.ring__fill{stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}.ring__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;line-height:1.1}.ring__num{font-size:34px;font-weight:800;letter-spacing:-.045em;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.ring__cap{font-size:10.5px;color:var(--text-muted);font-weight:650;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:14px;font-size:14.5px;font-weight:650;letter-spacing:-.018em;white-space:nowrap;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:transform .14s cubic-bezier(.2,.8,.2,1),background .18s,border-color .18s,box-shadow .18s}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:active{transform:none}.btn--primary{background:var(--brand-grad);border-color:transparent;color:#fff;box-shadow:var(--shadow-brand)}.btn--primary:hover{background:var(--brand-grad);filter:brightness(1.06);box-shadow:0 8px 28px var(--brand-glow)}.btn--primary:disabled{box-shadow:none}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn--ghost:hover{background:var(--surface-2);color:var(--text)}.btn--sm{min-height:38px;padding:0 13px;font-size:13px;border-radius:11px}.btn--playing,.btn--playing:hover{border-color:var(--brand-line);color:var(--brand);background:var(--brand-soft)}.section{margin-bottom:42px}.section__head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.section__title{margin:0;font-size:19px;font-weight:750;letter-spacing:-.032em;display:flex;align-items:center;gap:10px}.section__title:before{content:"";flex:none;width:4px;height:19px;border-radius:3px;background:var(--brand-grad)}.section__title svg{color:var(--brand);flex:none;opacity:.85}.section__title svg.deco{display:none}.section__note{font-size:12.5px;color:var(--text-muted);letter-spacing:-.01em}.section__more{margin-left:auto;font-size:13px;font-weight:650;color:var(--brand);transition:opacity .15s}.section__more:hover{opacity:.7}.grid{display:grid;gap:14px}.grid--tracks,.grid--units{grid-template-columns:1fr}.grid--topics{grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}@media(min-width:620px){.grid--tracks,.grid--units{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.grid--tracks,.grid--units{grid-template-columns:repeat(3,1fr)}}.trackcard{position:relative;overflow:hidden;text-align:left;padding:22px;border-radius:var(--radius-l);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s;display:flex;flex-direction:column;gap:5px;min-height:224px;isolation:isolate}.trackcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--brand-grad);opacity:0;transition:opacity .22s}.trackcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--brand-line)}.trackcard:hover:before{opacity:.045}.trackcard__glyph{position:absolute;right:-14px;bottom:-14px;width:116px;height:116px;opacity:.13;color:var(--brand);pointer-events:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .22s}.trackcard:hover .trackcard__glyph{transform:scale(1.1) rotate(6deg);opacity:.13}.trackcard__vn{font-family:var(--font-vn);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.trackcard__ko{font-size:20px;font-weight:780;letter-spacing:-.038em}.trackcard__tag{font-size:13px;color:var(--text-2);margin-top:3px;line-height:1.55}.trackcard__foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);font-weight:700;font-variant-numeric:tabular-nums}.trackcard__bar{flex:1;height:5px;border-radius:3px;background:var(--surface-3);overflow:hidden}.trackcard__bar span{display:block;height:100%;border-radius:3px;background:var(--brand-grad);transition:width .6s cubic-bezier(.2,.8,.2,1)}.tile{flex:none;display:grid;place-items:center;border-radius:13px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);transition:color .18s,border-color .18s,background .18s}.tile--sm{width:32px;height:32px;border-radius:10px}.tile--md{width:40px;height:40px}.tile--lg{width:50px;height:50px;border-radius:15px}.tile--brand{color:var(--brand);border-color:var(--brand-line);background:var(--brand-soft)}.tcard{position:relative;text-align:left;display:flex;flex-direction:column;padding:22px;min-height:224px;border-radius:var(--radius-l);border:1px solid var(--border);background:var(--surface);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s}.tcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--brand-line)}.tcard:hover .tile{color:var(--brand);border-color:var(--brand-line);background:var(--brand-soft)}.tcard.is-done{border-color:color-mix(in srgb,var(--jade) 40%,transparent)}.tcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.tcard__badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:-.01em;padding:4px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-variant-numeric:tabular-nums}.tcard__badge.is-done{color:var(--jade);border-color:color-mix(in srgb,var(--jade) 40%,transparent);background:color-mix(in srgb,var(--jade) 10%,transparent)}.tcard__ko{font-size:16.5px;font-weight:730;letter-spacing:-.032em;line-height:1.35}.tcard__vn{font-family:var(--font-vn);font-size:12.5px;color:var(--text-muted);margin-top:2px;line-height:1.5}.tcard__meta{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums}.tcard__meta svg{opacity:.8}.tcard__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.tag{font-size:10.5px;font-weight:650;padding:4px 8px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);white-space:nowrap}.tag--more{color:var(--brand);border-color:var(--brand-line);background:var(--brand-soft)}.tgroup{margin-bottom:30px}.tgroup:last-child{margin-bottom:0}.tgroup__head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.tgroup__ko{font-size:14.5px;font-weight:720;letter-spacing:-.028em}.tgroup__vn{font-family:var(--font-vn);font-size:11.5px;color:var(--text-muted)}.tgroup__n{font-size:11px;font-weight:750;color:var(--text-muted);padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums}.tgroup__rule{flex:1;height:1px;background:var(--border)}.tchiprow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.tchip{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);box-shadow:inset 0 1px #ffffff0d;color:var(--text-2);transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s}.tchip svg{opacity:.5;transition:opacity .18s}.tchip__ko{font-size:13px;font-weight:660;letter-spacing:-.022em;white-space:nowrap}.tchip__n{min-width:21px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:11px;font-weight:720;line-height:1;color:var(--text-muted);font-variant-numeric:tabular-nums;transition:background .18s,color .18s,border-color .18s}.tchip:hover{transform:translateY(-1px);color:var(--text);border-color:color-mix(in srgb,var(--tone, var(--brand)) 44%,transparent)}.tchip:hover svg{opacity:.95}.tchip.is-on{color:var(--tone, var(--brand));border-color:color-mix(in srgb,var(--tone, var(--brand)) 60%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--tone, var(--brand)) 19%,transparent),color-mix(in srgb,var(--tone, var(--brand)) 8%,transparent));box-shadow:inset 0 1px #ffffff17,0 6px 18px color-mix(in srgb,var(--tone, var(--brand)) 18%,transparent)}.tchip.is-on svg{opacity:1}.tchip.is-on .tchip__n{background:var(--tone, var(--brand));border-color:transparent;color:#06121c}.ucard{position:relative;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s}.ucard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tone, var(--brand));opacity:.45;transition:opacity .2s,width .2s}.ucard:hover{transform:translateY(-3px);box-shadow:0 16px 40px color-mix(in srgb,var(--tone, var(--brand)) 14%,transparent);border-color:color-mix(in srgb,var(--tone, var(--brand)) 40%,transparent)}.ucard:hover:before{opacity:1;width:4px}.ucard:hover .tile{color:var(--tone, var(--brand));border-color:color-mix(in srgb,var(--tone, var(--brand)) 34%,transparent);background:color-mix(in srgb,var(--tone, var(--brand)) 11%,transparent)}.ucard.is-done{border-color:color-mix(in srgb,var(--jade) 34%,transparent)}.ucard.is-done:before{background:var(--jade);opacity:.8}.ucard__hit{width:100%;height:100%;text-align:left;padding:16px 17px 16px 20px;display:flex;flex-direction:column;gap:9px}.ucard__top{display:flex;align-items:center;gap:10px}.ucard__labels{display:flex;flex-direction:column;gap:2px;min-width:0}.ucard__track{font-size:10px;font-weight:750;letter-spacing:.02em;color:var(--tone, var(--brand));white-space:nowrap}.ucard__mode{font-size:10.5px;font-weight:620;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ucard__flags{margin-left:auto;display:flex;gap:6px;color:var(--text-muted)}.ucard__flags .on-jade{color:var(--jade)}.ucard__flags .on-gold{color:var(--gold)}.ucard__title{font-size:16px;font-weight:730;letter-spacing:-.032em;line-height:1.4;transition:color .18s}.ucard:hover .ucard__title{color:var(--tone, var(--brand))}.ucard__preview{font-family:var(--font-vn);font-size:12.5px;color:var(--text-muted);line-height:1.72;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ucard__meta{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:2px;font-size:11.5px;color:var(--text-muted);font-weight:620;font-variant-numeric:tabular-nums}.ucard__meta svg{opacity:.8}.ucard__x{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);opacity:0;transition:opacity .16s,color .16s,border-color .16s}.ucard:hover .ucard__x{opacity:1}.ucard__x:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.ucard__x:focus-visible{opacity:1}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(268px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;margin:0 -18px;padding-inline:18px;scrollbar-width:thin}.rail>*{scroll-snap-align:start}@media(min-width:900px){.rail{margin:0;padding-inline:0}}.proglist{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);overflow:hidden}.progrow{display:flex;align-items:center;gap:13px;padding:14px 16px;text-align:left;transition:background .16s}.progrow+.progrow{border-top:1px solid var(--border)}.progrow:hover{background:var(--surface-2)}.progrow:hover .tile{color:var(--brand)}.progrow__body{min-width:0;display:flex;flex-direction:column;gap:1px;width:116px;flex:none}.progrow__ko{font-size:14.5px;font-weight:700;letter-spacing:-.028em;white-space:nowrap}.progrow__vn{font-family:var(--font-vn);font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progrow__bar{flex:1;height:6px;border-radius:4px;background:var(--surface-3);overflow:hidden;min-width:40px}.progrow__bar span{display:block;height:100%;border-radius:4px;background:var(--brand-grad);transition:width .6s cubic-bezier(.2,.8,.2,1)}.progrow__n{font-size:13px;font-weight:750;font-variant-numeric:tabular-nums;flex:none}.progrow__n i{font-style:normal;font-weight:600;color:var(--text-muted);font-size:11.5px}.progrow__go{color:var(--text-muted);flex:none}@media(max-width:560px){.progrow__vn{display:none}.progrow__body{width:92px}}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.statcard{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 18px;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);transition:border-color .18s,transform .16s,box-shadow .18s}.statcard:hover{border-color:var(--brand-line);transform:translateY(-2px);box-shadow:var(--shadow-1)}.statcard strong{font-size:26px;font-weight:780;letter-spacing:-.045em;color:var(--text);font-variant-numeric:tabular-nums;margin-top:6px}.statcard span{font-size:12.5px;font-weight:620}.card__h3{margin:0 0 8px;font-size:16.5px;font-weight:740;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}.card__h3 svg{color:var(--brand);flex:none}.card--ai{border-color:var(--brand-line)}.footstat{text-align:center;font-size:12px;color:var(--text-muted);margin-top:48px;font-variant-numeric:tabular-nums}.searchbtn{display:flex;align-items:center;gap:9px;height:40px;padding:0 14px 0 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13.5px;min-width:0;transition:border-color .18s,background .18s}.searchbtn:hover{border-color:var(--border-strong);background:var(--surface-2)}.searchbtn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchbtn kbd{margin-left:8px;font-size:10px;font-family:var(--font-mono);font-weight:600;border:1px solid var(--border);border-radius:6px;padding:2px 6px;color:var(--text-muted);background:var(--surface-2)}@media(max-width:620px){.searchbtn span,.searchbtn kbd{display:none}.searchbtn{padding:0;width:40px;justify-content:center}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:color-mix(in srgb,var(--bg-deep) 62%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;padding:8vh 16px 16px;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.searchpanel{width:100%;max-width:660px;max-height:76vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-pop);overflow:hidden;animation:rise .22s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}.searchfield{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--border)}.searchfield input{flex:1;border:none;background:none;outline:none;font-size:16.5px;letter-spacing:-.02em}.searchfield input::placeholder{color:var(--text-muted)}.searchresults{overflow-y:auto;padding:8px}.searchhit{width:100%;text-align:left;padding:12px 13px;border-radius:var(--radius-s);display:flex;flex-direction:column;gap:4px;transition:background .12s}.searchhit:hover,.searchhit.is-active{background:var(--surface-2)}.searchhit__top{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:680;letter-spacing:-.022em}.searchhit__badge{font-size:10px;font-weight:750;color:#fff;background:var(--brand-grad);padding:3px 7px;border-radius:6px}.searchhit__line{font-family:var(--font-vn);font-size:12.5px;color:var(--text-muted);line-height:1.7}.searchhit__line mark{background:var(--gold-soft);color:var(--text);border-radius:4px;padding:1px 3px;font-weight:600}.searchempty{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:14px;line-height:1.7}.unithead{position:sticky;top:var(--topbar-h);z-index:30;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);margin-bottom:22px}.unithead__inner{max-width:var(--maxw);margin:0 auto;padding:11px 14px;display:flex;align-items:center;gap:10px}@media(min-width:900px){.unithead__inner{padding:11px 28px}}.unithead__body{min-width:0;flex:1}.unithead__crumb{font-size:11.5px;color:var(--text-muted);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.unithead__title{margin:0;font-size:18px;font-weight:760;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modetabs{display:flex;gap:4px;padding:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:15px;margin-bottom:22px}.modetabs button{flex:1;min-height:40px;border-radius:11px;font-size:13.5px;font-weight:680;color:var(--text-muted);letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .18s,color .18s,box-shadow .18s}.modetabs button:hover{color:var(--text)}.modetabs button.is-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.studyarea{padding-bottom:130px}.unitpick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.unitpick__btn{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface);color:var(--text-2);text-align:left;font-size:14.5px;font-weight:700;letter-spacing:-.025em;transition:border-color .18s,background .18s,color .18s}.unitpick__btn i{font-style:normal;font-size:11.5px;font-weight:550;color:var(--text-muted)}.unitpick__btn:hover{border-color:var(--brand-line)}.unitpick__btn.is-on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.unitpick__btn.is-on i{color:var(--brand);opacity:.8}.minisel{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:6px 8px;font-size:13px;max-width:220px}.donepanel{border:1px solid color-mix(in srgb,var(--jade) 38%,transparent);background:color-mix(in srgb,var(--jade) 8%,var(--surface));border-radius:var(--radius-m);padding:18px;margin-bottom:16px}.donepanel__head{display:flex;gap:11px;align-items:flex-start}.donepanel__head>svg{color:var(--jade);flex:none;margin-top:2px}.donepanel__head>div{display:flex;flex-direction:column;gap:3px}.donepanel__head strong{font-size:14.5px;font-weight:720;letter-spacing:-.025em}.donepanel__head span{font-size:12.5px;color:var(--text-muted);line-height:1.6}.donepanel__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.drillrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.drillrow__gap{flex:1;min-width:8px}.drillrow__div{width:1px;height:22px;margin:0 4px;background:var(--border-strong);flex:none}.drillbar{flex:1;height:4px;border-radius:3px;background:var(--surface-3);overflow:hidden;margin:0 4px}.drillbar span{display:block;height:100%;border-radius:3px;background:var(--brand-grad);transition:width .35s cubic-bezier(.2,.8,.2,1)}.drillkeys{font-size:11px;color:var(--text-muted);font-weight:600;white-space:nowrap}@media(max-width:620px){.drillkeys{display:none}}.nextstep{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;border-radius:var(--radius-m);border:1px solid var(--brand-line);background:var(--brand-soft)}.nextstep>div{flex:1;min-width:220px;display:flex;flex-direction:column;gap:3px}.nextstep strong{font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}.nextstep span{font-size:13px;color:var(--text-2);line-height:1.65}.nextstep b{color:var(--text);font-weight:700}.srcpick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.srcpick__title{font-size:12.5px;font-weight:700;color:var(--text-2);margin-right:2px;letter-spacing:-.02em}.srcpick__star{font-size:9.5px;font-weight:750;letter-spacing:.02em;padding:2px 5px;border-radius:5px;background:var(--brand-grad);color:#fff}.srcpick__role{font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.srcpick__role.is-listen{color:var(--text-muted)}.srcpick__btn.is-on .srcpick__role{background:transparent;border-color:var(--brand-line);color:var(--brand)}.srcpick__btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:680;letter-spacing:-.02em;transition:border-color .18s,color .18s,background .18s}.srcpick__btn:hover{border-color:var(--brand-line)}.srcpick__btn.is-on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.srcpick__btn i{font-style:normal;font-size:11px;font-weight:750;color:var(--text-muted);font-variant-numeric:tabular-nums}.srcpick__btn.is-on i{color:var(--brand)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:22px;box-shadow:var(--shadow-1);margin-bottom:16px}.card--flat{box-shadow:none;background:var(--surface-2)}.card__head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.card__kind{font-size:10.5px;font-weight:750;letter-spacing:.05em;padding:4px 9px;border-radius:7px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.card__kind--q{background:var(--brand-soft);color:var(--brand);border-color:var(--brand-line)}.card__kind--a{background:var(--gold-soft);color:var(--warn);border-color:color-mix(in srgb,var(--gold) 30%,transparent)}.card__tools{margin-left:auto;display:flex;gap:5px;align-items:center}.vnline{font-size:19px;font-weight:550;margin:0 0 8px;letter-spacing:-.012em}@media(min-width:760px){.vnline{font-size:21px}}.krline{font-size:14px;color:var(--text-2);margin:0}@media(min-width:760px){.krline{font-size:15px}}.sentence+.sentence{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.segrow{display:flex;flex-wrap:wrap;gap:0;margin:0 0 10px}.seg{display:inline-block;border-radius:10px;padding:5px 10px;margin:0 5px 8px 0;text-align:left;border:1.5px solid transparent;transition:border-color .18s,transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .18s;max-width:100%}.seg:hover{transform:translateY(-2px);box-shadow:0 4px 14px #1212281a}.seg.is-playing{border-color:currentColor;transform:translateY(-2px)}.seg__vn{font-family:var(--font-vn);font-size:17.5px;font-weight:500;line-height:1.66;display:block;padding-block:.06em}.seg__kr{font-family:var(--font-ko);font-size:11.5px;line-height:1.5;display:block;opacity:.82;font-weight:500}@media(min-width:760px){.seg__vn{font-size:19px}.seg__kr{font-size:12px}}.seg--blue{background:var(--seg-blue-bg);color:var(--seg-blue-fg)}.seg--green{background:var(--seg-green-bg);color:var(--seg-green-fg)}.seg--yellow{background:var(--seg-yellow-bg);color:var(--seg-yellow-fg)}.seg--purple{background:var(--seg-purple-bg);color:var(--seg-purple-fg)}.seg--pink{background:var(--seg-pink-bg);color:var(--seg-pink-fg)}.seg--orange{background:var(--seg-orange-bg);color:var(--seg-orange-fg)}.seg--red{background:var(--seg-red-bg);color:var(--seg-red-fg)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{min-height:44px;min-width:44px;padding:6px 12px;border-radius:13px;border:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.32;transition:border-color .18s,background .18s,transform .14s}.chip:hover{border-color:var(--border-strong);background:var(--surface-3);transform:translateY(-2px)}.chip.is-playing{border-color:var(--brand);background:var(--brand-soft)}.chip__vn{font-family:var(--font-vn);font-size:15px;font-weight:600;padding-block:.05em}.chip__kr{font-size:11.5px;color:var(--text-muted)}.chip--star{border-color:color-mix(in srgb,var(--gold) 55%,transparent);border-width:1.5px;background:var(--gold-soft)}.chip--star .chip__vn:after{content:" ★";color:var(--gold);font-size:10px;vertical-align:super}.steplist{display:flex;flex-direction:column}.step{position:relative;padding-left:40px;padding-bottom:26px}.step:last-child{padding-bottom:0}.step:before{content:"";position:absolute;left:14px;top:34px;bottom:0;width:2px;background:linear-gradient(180deg,var(--brand-line),transparent)}.step:last-child:before{display:none}.step__dot{position:absolute;left:0;top:2px;width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:var(--brand-grad);color:#fff;font-size:13px;font-weight:780;box-shadow:var(--shadow-brand)}.step__badge{display:inline-block;font-size:10.5px;font-weight:750;padding:3px 9px;border-radius:7px;background:var(--gold-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);margin-bottom:8px}.step__name{font-size:16.5px;font-weight:750;letter-spacing:-.03em;margin:0 0 10px}.step__situation{font-size:13.5px;color:var(--text-2);line-height:1.75;background:var(--surface-2);border-left:3px solid var(--brand);border-radius:0 12px 12px 0;padding:12px 15px;margin-bottom:14px}.qlist{display:flex;flex-direction:column;gap:10px}.qitem{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);text-align:left;width:100%;transition:border-color .18s,box-shadow .18s,transform .16s}.qitem:hover{border-color:var(--brand-line);box-shadow:var(--shadow-1);transform:translate(3px)}.qitem.is-playing{border-color:var(--brand);background:var(--brand-soft)}.qitem__n{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;margin-top:3px;background:var(--surface-2);color:var(--text-muted);font-size:12px;font-weight:750;border:1px solid var(--border);transition:background .18s,color .18s}.qitem.is-playing .qitem__n{background:var(--brand-grad);color:#fff;border-color:transparent}.qitem__body{min-width:0;flex:1}.qitem__vn{display:block;font-family:var(--font-vn);font-size:17px;font-weight:500;line-height:1.72;padding-block:.06em}.qitem__kr{display:block;font-size:13px;color:var(--text-muted);margin-top:4px}.qitem__play{flex:none;color:var(--text-muted);align-self:center}.qitem--static{cursor:default}.qitem--read{cursor:default;padding:11px 13px;background:transparent;border-color:transparent;border-left:1px solid var(--border);border-radius:0 10px 10px 0}.qitem--read:hover{transform:none;box-shadow:none;border-color:transparent;border-left-color:var(--brand-line)}.qitem--read .qitem__vn{font-size:16px}.qitem--static:hover{border-color:var(--border);box-shadow:none;transform:none}.varfields{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:6px}@media(min-width:620px){.varfields{grid-template-columns:repeat(2,1fr)}}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12.5px;font-weight:680;color:var(--text-2);letter-spacing:-.015em}.field input,.field select,.textarea{width:100%;border:1px solid var(--border-strong);background:var(--surface);border-radius:13px;padding:11px 14px;font-size:15px;outline:none;transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.textarea{font-family:var(--font-ko);line-height:1.75;resize:vertical;min-height:140px}.slot{display:inline-block;background:var(--gold-soft);color:var(--warn);border-bottom:2px solid var(--gold);border-radius:6px 6px 0 0;padding:0 5px;font-weight:700}.slot--empty{background:var(--surface-3);color:var(--text-muted);border-color:var(--border-strong)}.lab__intro{font-size:13.5px;color:var(--text-2);margin:0 0 16px;line-height:1.75}.counter{font-size:12.5px;font-weight:680;color:var(--text-muted)}.counter.is-ok{color:var(--jade)}.aiblock{border:1px solid var(--brand-line);background:var(--brand-soft);border-radius:var(--radius-m);padding:17px;margin-top:16px}.aiblock__head{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:750;color:var(--brand);margin-bottom:11px}.aiblock__disc{font-size:11.5px;color:var(--text-muted);margin-top:16px;line-height:1.7}.scoregrid{display:flex;flex-direction:column;gap:13px;margin-top:16px}.axis{display:grid;grid-template-columns:82px 1fr 50px;gap:11px;align-items:center}.axis__name{font-size:12.5px;font-weight:680;color:var(--text-2)}.axis__bar{height:8px;border-radius:5px;background:var(--surface-3);overflow:hidden}.axis__fill{height:100%;border-radius:5px;background:var(--brand-grad);transition:width .7s cubic-bezier(.2,.8,.2,1)}.axis__val{font-size:12px;font-weight:750;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums}.axis__reason{grid-column:1 / -1;font-size:12.5px;color:var(--text-muted);line-height:1.65;margin-top:-3px}.totalscore{display:flex;align-items:baseline;gap:10px}.totalscore strong{font-size:46px;font-weight:800;letter-spacing:-.05em;line-height:1;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.totalscore span{font-size:13px;color:var(--text-muted)}.fixlist{display:flex;flex-direction:column;gap:11px;margin-top:4px}.fix{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:13px 15px}.fix__from{font-family:var(--font-vn);font-size:14px;color:var(--danger);text-decoration:line-through;line-height:1.72}.fix__to{font-family:var(--font-vn);font-size:16px;color:var(--jade);font-weight:600;line-height:1.75}.fix__why{font-size:12.5px;color:var(--text-muted);margin-top:4px}.bullets{margin:8px 0 0;padding-left:19px;font-size:13.5px;color:var(--text-2);line-height:1.8}.diff{font-family:var(--font-vn);font-size:16.5px;line-height:1.95}.diff .hit{color:var(--text)}.diff .miss{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);border-radius:5px;padding:0 4px;text-decoration:underline wavy currentColor 1px;text-underline-offset:4px}.meter{display:flex;align-items:center;gap:12px;margin-bottom:12px}.meter__bar{flex:1;height:9px;border-radius:6px;background:var(--surface-3);overflow:hidden}.meter__fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--jade),color-mix(in srgb,var(--jade) 55%,var(--gold)));transition:width .6s cubic-bezier(.2,.8,.2,1)}.meter__val{font-size:20px;font-weight:780;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.audiobar{position:fixed;left:0;right:0;bottom:0;z-index:46;padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border-top:1px solid var(--border)}.audiobar__inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audiobar__group{display:flex;align-items:center;gap:7px}.audiobar__spacer{flex:1}.fellback{font-size:11px;font-weight:700;white-space:nowrap;padding:4px 9px;border-radius:999px;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.rate{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);font-weight:680;white-space:nowrap}.rate input[type=range]{width:104px;accent-color:var(--brand)}.recbtn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:-.02em;background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-brand);transition:transform .14s,filter .18s}.recbtn:hover{filter:brightness(1.06)}.recbtn:active{transform:scale(.97)}.recbtn.is-rec{background:var(--danger);animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--danger) 12%,transparent)}}.chiptoggle{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:680;color:var(--text-muted);transition:border-color .18s,color .18s,background .18s}.chiptoggle.is-on{border-color:var(--brand-line);color:var(--brand);background:var(--brand-soft)}.chiptoggle--mini{min-height:30px;padding:0 11px;font-size:11.5px;gap:5px}.modal{width:100%;max-width:560px;max-height:84vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-pop);padding:26px;margin:auto;animation:rise .24s cubic-bezier(.2,.8,.2,1)}.modal__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:6px}.modal__title{margin:0;font-size:22px;font-weight:780;letter-spacing:-.04em}.modal__sub{font-size:13px;color:var(--text-muted);margin:6px 0 20px;line-height:1.7}.modal__block{border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.modal__blocktitle{font-size:13px;font-weight:750;margin:0 0 14px;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.modal__blocktitle svg{color:var(--brand)}.notice{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.7;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:13px 14px}.notice svg{flex:none;margin-top:2px;color:var(--brand)}.notice--warn{background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 28%,transparent)}.notice--warn svg{color:var(--warn)}.rowlink{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0}.rowlink__label{font-size:13.5px;font-weight:650}.rowlink__hint{font-size:12px;color:var(--text-muted);line-height:1.6}.switch{width:46px;height:27px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);position:relative;flex:none;transition:background .22s,border-color .22s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000047;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.switch.is-on{background:var(--brand-grad);border-color:transparent}.switch.is-on:after{transform:translate(19px)}.segbtns{display:flex;gap:4px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.segbtns button{padding:7px 12px;border-radius:9px;font-size:12.5px;font-weight:680;color:var(--text-muted);transition:background .18s,color .18s}.segbtns button.is-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.empty{text-align:center;padding:64px 20px;color:var(--text-muted);line-height:1.8}.empty__emoji{font-size:40px;display:block;margin-bottom:14px;opacity:.8}.err{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent);border:1px solid color-mix(in srgb,var(--danger) 26%,transparent);border-radius:12px;padding:11px 13px;margin-top:12px;line-height:1.65}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:10px}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){:root:not([data-motion=on]) *,:root:not([data-motion=on]) *:before,:root:not([data-motion=on]) *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.anstools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.anstools__filters{display:flex;flex-wrap:wrap;gap:8px}.anssearch{display:flex;align-items:center;gap:9px;flex:1;min-width:200px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.anssearch input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--text)}.anslist{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);overflow:hidden}.ansrow+.ansrow{border-top:1px solid var(--border)}.ansrow.is-open{background:var(--surface-2)}.ansrow__main{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;text-align:left;transition:background .16s}.ansrow__main:hover{background:var(--surface-2)}.ansrow__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ansrow__title{font-size:14.5px;font-weight:700;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ansrow__meta{font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.ansrow__score{font-size:15px;font-weight:800;letter-spacing:-.03em;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;flex:none}.ansrow__stage{flex:none;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);white-space:nowrap}.ansrow__stage.is-built{color:var(--text-2);border-color:var(--border-strong)}.ansrow__stage.is-graded{color:var(--jade);border-color:color-mix(in srgb,var(--jade) 40%,transparent);background:color-mix(in srgb,var(--jade) 10%,transparent)}.ansrow__chev{color:var(--text-muted);flex:none;transition:transform .2s}.ansrow.is-open .ansrow__chev{transform:rotate(180deg)}.ansrow__panel{padding:0 16px 16px 56px}@media(max-width:560px){.ansrow__panel{padding-left:16px}.ansrow__stage{display:none}}.heropanel{position:relative;z-index:1;align-self:stretch;width:100%;max-width:320px;display:flex;flex-direction:column;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1);overflow:hidden}@media(max-width:759px){.heropanel{width:100%;margin-top:24px}}.heropanel__tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border);background:var(--surface-2)}.heropanel__tabs button{min-height:40px;font-size:12.5px;font-weight:700;letter-spacing:-.02em;color:var(--text-muted);transition:color .16s,background .16s}.heropanel__tabs button:hover{color:var(--text)}.heropanel__tabs button.is-on{color:var(--brand);background:var(--surface)}.heropanel__body{padding:18px;display:flex;flex-direction:column;gap:14px}.heropanel__empty{font-size:13px;color:var(--text-muted);text-align:center;padding:24px 0;margin:0}.heropanel__more{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:650;color:var(--brand);padding:8px;border-radius:10px;transition:background .16s}.heropanel__more:hover{background:var(--brand-soft)}.hmeter{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%}.hmeter--link{cursor:pointer;border-radius:10px;padding:4px;margin:-4px;transition:background .16s}.hmeter--link:hover{background:var(--surface-2)}.hmeter__top{display:flex;align-items:baseline;justify-content:space-between}.hmeter__label{font-size:12px;font-weight:680;color:var(--text-2)}.hmeter__pct{font-size:12px;font-weight:780;color:var(--brand);font-variant-numeric:tabular-nums}.hmeter__nums{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.hmeter__nums b{font-size:26px;font-weight:800;letter-spacing:-.04em}.hmeter__nums i{font-style:normal;font-size:12.5px;color:var(--text-muted);font-weight:620}.hmeter__bar{height:6px;border-radius:4px;background:var(--surface-3);overflow:hidden}.hmeter__bar span{display:block;height:100%;border-radius:4px;background:var(--brand-grad);transition:width .6s cubic-bezier(.2,.8,.2,1)}.hrecent{display:flex;flex-direction:column;gap:2px}.hrecent__row{display:flex;align-items:center;gap:4px}.hrecent__hit{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;text-align:left;transition:background .16s}.hrecent__hit:hover{background:var(--surface-2)}.hrecent__hit:hover .tile{color:var(--brand);border-color:var(--brand-line);background:var(--brand-soft)}.hrecent__body{min-width:0;display:flex;flex-direction:column;gap:1px}.hrecent__title{font-size:13px;font-weight:680;letter-spacing:-.022em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrecent__meta{font-size:11px;color:var(--text-muted)}.hrecent__x{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--text-muted);opacity:0;transition:opacity .16s,color .16s}.hrecent__row:hover .hrecent__x{opacity:1}.hrecent__x:hover{color:var(--danger);background:var(--surface-2)}.htracks{display:flex;flex-direction:column;gap:2px}.htrack{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;text-align:left;transition:background .16s}.htrack:hover{background:var(--surface-2)}.htrack:hover .tile{color:var(--brand)}.htrack__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.htrack__ko{font-size:12.5px;font-weight:680;letter-spacing:-.02em;white-space:nowrap}.htrack__bar{height:4px;border-radius:3px;background:var(--surface-3);overflow:hidden}.htrack__bar span{display:block;height:100%;border-radius:3px;background:var(--brand-grad)}.htrack__n{font-size:12px;font-weight:750;flex:none;font-variant-numeric:tabular-nums}.htrack__n i{font-style:normal;font-weight:600;color:var(--text-muted);font-size:11px}.tag--tone{color:var(--tone);border-color:color-mix(in srgb,var(--tone) 34%,transparent);background:color-mix(in srgb,var(--tone) 11%,transparent)}.searchhit__badge{background:color-mix(in srgb,var(--tone, var(--brand)) 18%,transparent);color:var(--tone, var(--brand));border:1px solid color-mix(in srgb,var(--tone, var(--brand)) 36%,transparent)}.ansrow__tone{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tone);margin-right:6px;vertical-align:1px}.section__title--tone:before{background:var(--tone)}.section__title--tone{color:var(--tone)}.section__title--tonebar:before{background:var(--tone)}.trackcard--tone .trackcard__vn{background:none;-webkit-text-fill-color:var(--tone);color:var(--tone)}.trackcard--tone .tile{color:var(--tone);border-color:color-mix(in srgb,var(--tone) 34%,transparent);background:color-mix(in srgb,var(--tone) 11%,transparent)}.trackcard--tone:hover{border-color:color-mix(in srgb,var(--tone) 45%,transparent)}.trackcard--tone:hover:before{background:var(--tone);opacity:.06}.trackcard--tone .trackcard__bar span{background:var(--tone)}.trackcard--tone .trackcard__glyph,.htrack--tone .tile{color:var(--tone)}.htrack--tone .htrack__bar span{background:var(--tone)}.htrack--tone:hover .tile{color:var(--tone)}.tcard--group{overflow:hidden}.tcard--group:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--from),var(--to));opacity:.85;transition:opacity .22s,height .22s}.tcard--group:hover:after{height:4px;opacity:1}.tcard--group .tile{color:var(--from);border-color:color-mix(in srgb,var(--from) 34%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--from) 16%,transparent),color-mix(in srgb,var(--to) 12%,transparent))}.tcard--group:hover .tile{color:var(--to)}.tcard--group:hover{border-color:color-mix(in srgb,var(--from) 42%,transparent);box-shadow:0 18px 44px color-mix(in srgb,var(--from) 16%,transparent)}.tcard--group:hover:before{opacity:0}.tcard--group .tcard__ko{background:linear-gradient(90deg,var(--from),var(--to));-webkit-background-clip:text;background-clip:text;color:transparent}.tcard__badge--grad{color:var(--from);border-color:color-mix(in srgb,var(--from) 34%,transparent);background:color-mix(in srgb,var(--from) 12%,transparent)}.hero--track:after{background:linear-gradient(90deg,transparent,var(--tone) 22%,var(--tone) 78%,transparent);opacity:.9}.hero--track .eyebrow{color:var(--tone)}.hero--track .eyebrow:before{background:var(--tone)}.hero--track .hero__deco{color:var(--tone)}.hero--group:after{background:linear-gradient(90deg,var(--from),var(--to))}.hero--group .eyebrow{color:var(--from)}.hero--group .eyebrow:before{background:linear-gradient(90deg,var(--from),var(--to))}.hero--group .hero__deco{color:var(--from)}.section__head--topic{align-items:center;gap:10px}.section__head--topic .tile{width:30px;height:30px;border-radius:9px;color:var(--from);border-color:color-mix(in srgb,var(--from) 30%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--from) 15%,transparent),color-mix(in srgb,var(--to) 11%,transparent))}.section__head--topic .section__title{font-size:17px}.section__head--topic .section__title:before{display:none}.ucard--plain:before{opacity:0}.ucard--plain:hover:before{opacity:.85}.ucard--plain.is-done:before{opacity:.9}.ucard--plain .ucard__hit{padding:15px 17px;gap:8px}.ucard--plain .ucard__top{min-height:18px}.pickrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px;margin-bottom:18px}.gpick{display:flex;align-items:center;gap:11px;min-height:62px;padding:0 15px;text-align:left;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface);box-shadow:inset 0 1px #ffffff0a;color:var(--text-2);transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s}.gpick .tile{width:32px;height:32px;border-radius:10px;flex:none;color:var(--from, var(--tone));border-color:color-mix(in srgb,var(--from, var(--tone)) 28%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--from, var(--tone)) 15%,transparent),color-mix(in srgb,var(--to, var(--tone)) 11%,transparent));transition:color .18s,border-color .18s}.gpick__body{display:flex;flex-direction:column;gap:2px;min-width:0}.gpick__ko{font-size:14px;font-weight:700;letter-spacing:-.028em;color:var(--text);white-space:nowrap}.gpick__sub{font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.gpick:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--from, var(--tone)) 44%,transparent)}.gpick.is-on{border-color:color-mix(in srgb,var(--from, var(--tone)) 62%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--from, var(--tone)) 17%,transparent),color-mix(in srgb,var(--to, var(--tone)) 7%,transparent));box-shadow:inset 0 1px #ffffff14,0 8px 22px color-mix(in srgb,var(--from, var(--tone)) 17%,transparent)}.gpick.is-on .gpick__ko{color:var(--from, var(--tone))}.gpick--all{justify-content:center;gap:8px;--from: var(--tone);--to: var(--tone)}.gpick--all .gpick__ko{font-size:13.5px}.gpick__n{min-width:22px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:11px;font-weight:720;color:var(--text-muted);font-variant-numeric:tabular-nums}.gpick--all.is-on .gpick__n{background:var(--tone);border-color:transparent;color:#06121c}.card--write{border-color:color-mix(in srgb,var(--brand) 34%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 6%,transparent),transparent 180px),var(--surface);box-shadow:0 10px 34px color-mix(in srgb,var(--brand) 10%,transparent)}.card__kind--w{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 38%,transparent);background:var(--brand-soft)}.writelead{display:flex;align-items:center;gap:9px;margin:0 0 8px;font-size:17px;font-weight:750;letter-spacing:-.03em;color:var(--text)}.writelead svg{color:var(--brand);flex:none}.writelead b{color:var(--brand);font-weight:800}.textarea--write{min-height:168px;font-size:15px;background:var(--bg);border-color:color-mix(in srgb,var(--brand) 30%,transparent)}.textarea--write::placeholder{color:color-mix(in srgb,var(--text-muted) 78%,transparent)}.textarea--write:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.foldbtn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:12px;font-weight:650;color:var(--text-muted);transition:color .16s,border-color .16s}.foldbtn:hover{color:var(--text);border-color:var(--brand-line)}.foldbtn svg{transition:transform .2s}.foldbtn.is-open svg{transform:rotate(180deg)}.foldpeek{margin:0;font-size:13px;color:var(--text-muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root{--lant-amber: #f2a33c;--lant-red: #e2564d;--lant-gold: #f5c542}.herobg__lanterns{position:absolute;top:0;right:0;width:100%;height:260px;overflow:visible;pointer-events:none}.lantern{color:var(--hue)}.lanternwrap{transform-box:view-box}.lanternwrap--0{animation:sway 9s ease-in-out infinite}.lanternwrap--1{animation:sway 12.5s ease-in-out infinite -3s}.lanternwrap--2{animation:sway 10.5s ease-in-out infinite -6s}@keyframes sway{0%,to{rotate:-2.1deg}50%{rotate:2.1deg}}.herobg__lanterns .lantern ellipse:first-of-type{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--hue) 55%,transparent))}@media(max-width:1100px){.herobg__lanterns{display:none}}.heropanel:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;z-index:2;background:linear-gradient(90deg,var(--brand-2),var(--brand) 42%,var(--lant-gold));opacity:.85}.heropanel{background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--lant-gold) 5%,transparent),transparent 62%),var(--surface);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.heropanel__tabs button.is-on{position:relative;background:var(--surface)}.heropanel__tabs button.is-on:after{content:"";position:absolute;left:22%;right:22%;bottom:-1px;height:2px;border-radius:2px;background:var(--brand-grad)}.hmeter__bar{height:7px;border-radius:5px;background:var(--surface-3);box-shadow:inset 0 1px 2px #00000059;overflow:visible}.hmeter__bar span{border-radius:5px;min-width:7px;box-shadow:0 0 12px color-mix(in srgb,var(--brand) 55%,transparent)}.hmeter__bar{background-image:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),color-mix(in srgb,var(--border) 90%,transparent) calc(25% - 1px) 25%);background-color:var(--surface-3)}.hmeter__nums b{font-size:28px}.eyebrowrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:14px}.eyebrowrow .eyebrow,.eyebrowrow .aibadge{margin-bottom:0}.eyebrowrow .eyebrow{margin-right:-.22em}