.site-footer[data-v-056e7ce9]{margin-top:var(--space-4);padding:var(--space-8) 0 calc(var(--space-8) + var(--tabbar-space));border-top:var(--border-width) solid var(--border);background-color:var(--surface-2);color:var(--text-muted);font-size:var(--fs-sm)}.site-footer__inner[data-v-056e7ce9]{gap:var(--space-3);display:grid}.site-footer__name[data-v-056e7ce9]{color:var(--text);font-weight:var(--fw-bold)}.site-footer__jp[data-v-056e7ce9]{margin-left:var(--space-1);color:var(--text-muted);font-family:var(--font-jp);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.site-footer__tagline[data-v-056e7ce9]{margin-top:var(--space-0-5)}.site-footer__nav[data-v-056e7ce9]{gap:0 var(--space-4);flex-wrap:wrap;display:flex}.site-footer__nav a[data-v-056e7ce9]{min-height:var(--tap-min);color:var(--text);font-weight:var(--fw-semibold);align-items:center;text-decoration:none;display:inline-flex}.site-footer__nav a[data-v-056e7ce9]:hover{color:var(--primary-text);text-decoration:underline}.site-footer__note[data-v-056e7ce9],.site-footer__credits[data-v-056e7ce9]{max-width:52rem;line-height:var(--lh-normal)}.site-footer__credits[data-v-056e7ce9]{align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.site-footer__credit-list[data-v-056e7ce9]{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;padding:0;display:flex}.site-footer__credit[data-v-056e7ce9]{white-space:nowrap}.site-footer__license[data-v-056e7ce9]{margin-left:var(--space-1);color:var(--text-faint);font-size:var(--fs-xs)}.site-footer__meta[data-v-056e7ce9]{color:var(--text-faint);font-size:var(--fs-xs)}.user-menu[data-v-e4b1f1f7]{position:relative}.user-menu__button[data-v-e4b1f1f7]{--btn-px:var(--space-1-5);gap:var(--space-1-5);max-width:12rem}.user-menu__name[data-v-e4b1f1f7]{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;display:none;overflow:hidden}.user-menu__chevron[data-v-e4b1f1f7]{color:var(--text-muted);transition:transform var(--dur-fast) var(--ease-out);flex:none;display:none}.user-menu__button[aria-expanded=true] .user-menu__chevron[data-v-e4b1f1f7]{transform:rotate(180deg)}@media (min-width:768px){.user-menu__name[data-v-e4b1f1f7],.user-menu__chevron[data-v-e4b1f1f7]{display:inline-block}}.user-menu__popover[data-v-e4b1f1f7]{top:calc(100% + var(--space-2));min-width:13rem;padding:var(--space-3) var(--space-3) var(--space-2);right:0}.user-menu__identity[data-v-e4b1f1f7]{margin:0 0 var(--space-3);padding:0 var(--space-1) var(--space-3);border-bottom:var(--border-width) solid var(--border)}.user-menu__display[data-v-e4b1f1f7]{font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu__username[data-v-e4b1f1f7]{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--fs-sm);display:flex}.user-menu__popover .menu[data-v-e4b1f1f7]{margin:0 calc(var(--space-1) * -1)}.user-menu__popover .menu__item[data-v-e4b1f1f7]:focus-visible{outline-offset:-2px}.brand-mark__bubble[data-v-34d8daf5]{stroke:var(--accent)}.brand-mark__note[data-v-34d8daf5]{stroke:var(--primary)}.brand-mark__head[data-v-34d8daf5]{fill:var(--primary)}.brand__jp>span[data-v-1804deb3]{font-weight:var(--fw-bold)}.topbar__link .badge[data-v-1804deb3]{margin-left:var(--space-0-5)}.topbar__placeholder[data-v-1804deb3]{border-radius:50%;width:2.25rem;height:2.25rem}@media (max-width:359.98px){.brand__jp[data-v-1804deb3]{display:none}}.dialog__text[data-v-f1620db2]{white-space:pre-line}.toast__message[data-v-2c602a6f]{color:var(--text);font-size:var(--fs-sm);line-height:var(--lh-snug);overflow-wrap:anywhere}.toast__close[data-v-2c602a6f]{color:var(--text-muted)}.toast--moving[data-v-2c602a6f]{transition:transform var(--dur-base) var(--ease-out)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf6ee;--surface:#fffdf9;--surface-2:#f3ede2;--surface-3:#eae2d4;--surface-overlay:#fffdf9;--surface-inverse:#1f1a17;--text-inverse:#f7f2ea;--text:#1f1a17;--text-muted:#5e564d;--text-faint:#6f665b;--text-disabled:#a39a8c;--border:#e5dccc;--border-strong:#8c8170;--primary:#077264;--primary-hover:#066558;--primary-active:#045a4f;--primary-contrast:#fff;--primary-soft:#daf3ec;--primary-soft-hover:#c8ece2;--primary-text:#045a4f;--accent:#c2206a;--accent-hover:#a91a5c;--accent-contrast:#fff;--accent-soft:#fde7ee;--accent-text:#a3195a;--highlight:#f5b82e;--highlight-contrast:#2a1e05;--highlight-soft:#fff2cf;--highlight-text:#7e5203;--success:#1e7a3d;--success-contrast:#fff;--success-soft:#e2f4e5;--warning:#8a5407;--warning-contrast:#fff;--warning-soft:#fff0d2;--danger:#be2323;--danger-hover:#a61d1d;--danger-contrast:#fff;--danger-soft:#fde9e6;--info:#2364ba;--info-contrast:#fff;--info-soft:#e6effc;--focus-ring:#077264;--selection-bg:#c9ede3;--overlay:#1c140c80;--scrim-strong:#1c140ca3;--skeleton-base:#eee7da;--skeleton-shine:#f9f5ee;--scrollbar-thumb:#cfc4b2;--scrollbar-thumb-hover:#b3a792;--tone-1:#9e0202;--tone-2:#8e6216;--tone-3:#1a68bf;--tone-4:#5518a5;--tone-5:#a12581;--tone-6:#095529;--tone-1-soft:#f7e8e4;--tone-2-soft:#f6f0e6;--tone-3-soft:#ebf1f6;--tone-4-soft:#f1eaf3;--tone-5-soft:#f8ebef;--tone-6-soft:#eaf0e8;--tone-contrast:#fff;--chart-1:#229480;--chart-2:#bd661d;--chart-3:#6045cf;--chart-muted:#c9bfae;--chart-grid:#ece4d7;--chart-axis:#b9ae9c;--chart-track:#efe8dc;--heat-0:#efe8dc;--heat-1:#bfe5da;--heat-2:#7ccab6;--heat-3:#2e9c86;--heat-4:#0b6b5c;--tile-a:#b9e2d7;--tile-b:#fffdf9;--tile-c:#f5c5d6;--sign-bg:#141225;--sign-bg-2:#1d1a33;--sign-text:#fff6fa;--neon-pink:#ff5fa2;--neon-jade:#3be3bf;--neon-amber:#ffc54a;--neon-blue:#5cb8ff;--shadow-1:0 1px 2px #3e2a1412, 0 1px 1px #3e2a140a;--shadow-2:0 6px 16px -4px #3e2a141f, 0 2px 4px #3e2a140d;--shadow-3:0 14px 32px -8px #3e2a1433, 0 4px 10px #3e2a140f;--shadow-4:0 28px 64px -16px #281a0a52, 0 8px 20px #281a0a14;--shadow-inset:inset 0 1px 2px #3e2a1414;--glow-primary:0 0 0 transparent;--glow-accent:0 0 0 transparent;--glow-highlight:0 0 0 transparent;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", "WenQuanYi Micro Hei", Roboto, "Helvetica Neue", Arial, sans-serif;--font-lyric:"PingFang HK", "PingFang TC", "Noto Sans CJK HK", "Noto Sans HK", "Noto Sans CJK TC", "Noto Sans TC", "Source Han Sans HC", "Source Han Sans TC", "Microsoft JhengHei", "Heiti TC", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-lyric-sc:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", "WenQuanYi Micro Hei", sans-serif;--font-jp:"Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--font-display:"Kaiti TC", "Kaiti SC", "STKaiti", "BiauKai", "KaiTi", "DFKai-SB", "AR PL UKai HK", "AR PL UKai TW", var(--font-lyric);--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, Menlo, monospace;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fs-h1:clamp(1.625rem, 1.3rem + 1.6vw, 2.375rem);--fs-h2:clamp(1.3125rem, 1.15rem + .8vw, 1.75rem);--fs-h3:1.1875rem;--fs-h4:1.0625rem;--lh-none:1;--lh-tight:1.25;--lh-snug:1.4;--lh-normal:1.65;--lh-relaxed:1.85;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.08em;--lyric-size:1.625rem;--jp-size:max(.6875rem, calc(var(--lyric-size) * .375));--lyric-gap-x:.125rem;--lyric-gap-y:.375rem;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--radius-round:50%;--border-width:1px;--border-width-strong:2px;--focus-width:2px;--focus-offset:2px;--z-base:0;--z-raised:1;--z-sticky:100;--z-player:150;--z-tabbar:200;--z-dropdown:300;--z-popover:400;--z-overlay:500;--z-modal:510;--z-toast:600;--z-tooltip:700;--dur-instant:80ms;--dur-fast:.15s;--dur-base:.22s;--dur-slow:.32s;--dur-slower:.48s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--container-max:72rem;--container-wide:80rem;--container-narrow:46rem;--container-prose:40rem;--gutter:clamp(1rem, .6rem + 2vw, 2rem);--topbar-h:3.5rem;--tabbar-h:3.75rem;--player-h:4.5rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--gutter-left:max(var(--gutter), var(--safe-left));--gutter-right:max(var(--gutter), var(--safe-right));--tabbar-space:calc(var(--tabbar-h) + var(--safe-bottom));--sticky-top:calc(var(--safe-top) + var(--topbar-h));--tap-min:44px;--control-h:2.75rem;--control-h-sm:2.25rem;--control-h-lg:3.25rem;--icon-xs:.875rem;--icon-sm:1rem;--icon-md:1.25rem;--icon-lg:1.5rem;--icon-xl:2rem}@media (min-width:768px){:root{--topbar-h:4rem;--lyric-size:2rem}}@media (min-width:1024px){:root{--tabbar-space:0px}}:root[data-theme=dark],.theme-night{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e111a;--surface:#161a26;--surface-2:#1e2332;--surface-3:#282e40;--surface-overlay:#1f2536;--surface-inverse:#ede8e0;--text-inverse:#161a26;--text:#ede8e0;--text-muted:#a9a398;--text-faint:#958f84;--text-disabled:#5f5b55;--border:#2b3143;--border-strong:#6b7389;--primary:#2bd7b7;--primary-hover:#58e6c7;--primary-active:#22bfa3;--primary-contrast:#04221c;--primary-soft:#0c3530;--primary-soft-hover:#10433c;--primary-text:#5fe6c9;--accent:#f874a9;--accent-hover:#fe8fb9;--accent-contrast:#2a0715;--accent-soft:#3d1a2a;--accent-text:#fe9cc2;--highlight:#fcc447;--highlight-contrast:#2a1e05;--highlight-soft:#2e2511;--highlight-text:#fcc959;--success:#69d98d;--success-contrast:#06230f;--success-soft:#142d1d;--warning:#fac053;--warning-contrast:#2a1e05;--warning-soft:#30250f;--danger:#f97770;--danger-hover:#fb8f89;--danger-contrast:#2b0606;--danger-soft:#3a1c1d;--info:#77b5fb;--info-contrast:#071a33;--info-soft:#172840;--focus-ring:#2bd7b7;--selection-bg:#1d5a50;--overlay:#02040aa8;--scrim-strong:#02040ac7;--skeleton-base:#222839;--skeleton-shine:#2d3447;--scrollbar-thumb:#3a4157;--scrollbar-thumb-hover:#4d5570;--tone-1:#f4625a;--tone-2:#fead03;--tone-3:#119fff;--tone-4:#d9b9ff;--tone-5:#fa35d0;--tone-6:#6fed94;--tone-1-soft:#2d1e26;--tone-2-soft:#352e20;--tone-3-soft:#152c44;--tone-4-soft:#302e43;--tone-5-soft:#2f1b38;--tone-6-soft:#213935;--tone-contrast:#0e111a;--chart-1:#28a798;--chart-2:#ee5e22;--chart-3:#8347cf;--chart-muted:#4a5166;--chart-grid:#262c3d;--chart-axis:#4a5166;--chart-track:#262c3d;--heat-0:#232938;--heat-1:#17423a;--heat-2:#1e6d5f;--heat-3:#27a08a;--heat-4:#63e2c6;--tile-a:#1b4a43;--tile-b:#161a26;--tile-c:#4a2034;--shadow-1:0 1px 2px #00000080;--shadow-2:0 6px 16px -4px #0000008c, 0 2px 4px #0000004d;--shadow-3:0 14px 32px -8px #000000a6, 0 4px 10px #00000059;--shadow-4:0 28px 64px -16px #000000bf, 0 8px 20px #0006;--shadow-inset:inset 0 1px 2px #00000073;--glow-primary:0 0 1px #ffffff80, 0 0 8px #2bd7b78c, 0 0 22px #2bd7b74d;--glow-accent:0 0 1px #ffffff8c, 0 0 8px #ff5fa299, 0 0 22px #ff5fa259;--glow-highlight:0 0 1px #ffffff80, 0 0 8px #fcc4478c, 0 0 20px #fcc4474d}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e111a;--surface:#161a26;--surface-2:#1e2332;--surface-3:#282e40;--surface-overlay:#1f2536;--surface-inverse:#ede8e0;--text-inverse:#161a26;--text:#ede8e0;--text-muted:#a9a398;--text-faint:#958f84;--text-disabled:#5f5b55;--border:#2b3143;--border-strong:#6b7389;--primary:#2bd7b7;--primary-hover:#58e6c7;--primary-active:#22bfa3;--primary-contrast:#04221c;--primary-soft:#0c3530;--primary-soft-hover:#10433c;--primary-text:#5fe6c9;--accent:#f874a9;--accent-hover:#fe8fb9;--accent-contrast:#2a0715;--accent-soft:#3d1a2a;--accent-text:#fe9cc2;--highlight:#fcc447;--highlight-contrast:#2a1e05;--highlight-soft:#2e2511;--highlight-text:#fcc959;--success:#69d98d;--success-contrast:#06230f;--success-soft:#142d1d;--warning:#fac053;--warning-contrast:#2a1e05;--warning-soft:#30250f;--danger:#f97770;--danger-hover:#fb8f89;--danger-contrast:#2b0606;--danger-soft:#3a1c1d;--info:#77b5fb;--info-contrast:#071a33;--info-soft:#172840;--focus-ring:#2bd7b7;--selection-bg:#1d5a50;--overlay:#02040aa8;--scrim-strong:#02040ac7;--skeleton-base:#222839;--skeleton-shine:#2d3447;--scrollbar-thumb:#3a4157;--scrollbar-thumb-hover:#4d5570;--tone-1:#f4625a;--tone-2:#fead03;--tone-3:#119fff;--tone-4:#d9b9ff;--tone-5:#fa35d0;--tone-6:#6fed94;--tone-1-soft:#2d1e26;--tone-2-soft:#352e20;--tone-3-soft:#152c44;--tone-4-soft:#302e43;--tone-5-soft:#2f1b38;--tone-6-soft:#213935;--tone-contrast:#0e111a;--chart-1:#28a798;--chart-2:#ee5e22;--chart-3:#8347cf;--chart-muted:#4a5166;--chart-grid:#262c3d;--chart-axis:#4a5166;--chart-track:#262c3d;--heat-0:#232938;--heat-1:#17423a;--heat-2:#1e6d5f;--heat-3:#27a08a;--heat-4:#63e2c6;--tile-a:#1b4a43;--tile-b:#161a26;--tile-c:#4a2034;--shadow-1:0 1px 2px #00000080;--shadow-2:0 6px 16px -4px #0000008c, 0 2px 4px #0000004d;--shadow-3:0 14px 32px -8px #000000a6, 0 4px 10px #00000059;--shadow-4:0 28px 64px -16px #000000bf, 0 8px 20px #0006;--shadow-inset:inset 0 1px 2px #00000073;--glow-primary:0 0 1px #ffffff80, 0 0 8px #2bd7b78c, 0 0 22px #2bd7b74d;--glow-accent:0 0 1px #ffffff8c, 0 0 8px #ff5fa299, 0 0 22px #ff5fa259;--glow-highlight:0 0 1px #ffffff80, 0 0 8px #fcc4478c, 0 0 20px #fcc4474d}}@media (prefers-reduced-motion:reduce){:root{--dur-instant:1ms;--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-slower:1ms}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;tab-size:4;scroll-padding-top:calc(var(--topbar-h) + var(--space-4));scroll-padding-bottom:calc(var(--tabbar-space) + var(--player-h))}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100vh;background-color:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-ui);font-size:var(--fs-md);line-height:var(--lh-normal);font-weight:var(--fw-regular);font-synthesis-weight:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;text-spacing-trim:normal}img,picture,video,canvas,svg{max-width:100%;display:block}img,video{height:auto}svg.icon,.icon svg{display:inline-block}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button,[role=button],label[for],summary,select{cursor:pointer}button,a,input,select,textarea,summary,[role=button],[tabindex]{touch-action:manipulation}button:disabled,[aria-disabled=true],input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}textarea{resize:vertical}p,h1,h2,h3,h4,h5,h6,li,dd,figcaption,blockquote{overflow-wrap:break-word}ul[role=list],ol[role=list],menu{padding:0;list-style:none}table{border-collapse:collapse;border-spacing:0}fieldset{border:0;min-width:0;padding:0}legend{padding:0}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:.01em;text-wrap:balance}h1{font-size:var(--fs-h1);font-weight:var(--fw-black)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);line-height:var(--lh-snug)}h4{font-size:var(--fs-h4);line-height:var(--lh-snug)}h5,h6{font-size:var(--fs-md);line-height:var(--lh-snug)}p{text-wrap:pretty}small{font-size:var(--fs-sm)}strong,b{font-weight:var(--fw-bold)}a{color:var(--primary-text);text-underline-offset:.2em;transition:color var(--dur-fast) var(--ease-out), text-decoration-color var(--dur-fast) var(--ease-out);text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:1px}a:hover{color:var(--primary);text-decoration-thickness:2px}a:where(.btn,.card,.song-card,.topbar__link,.tabbar__item,.brand,.chip,.tabs__tab,.list__item){text-decoration:none}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}code{border-radius:var(--radius-xs);background:var(--surface-2);padding:.1em .35em}pre{padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);overflow-x:auto}pre code{background:0 0;padding:0}hr{border:0;border-top:var(--border-width) solid var(--border);height:0}blockquote{padding-left:var(--space-4);border-left:3px solid var(--border);color:var(--text-muted)}abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}[lang|=zh-HK],[lang|=zh-Hant],[lang|=zh-TW]{font-family:var(--font-lyric)}:where([lang|=zh-HK],[lang|=zh-Hant],[lang|=zh-TW]) button,:where([lang|=zh-HK],[lang|=zh-Hant],[lang|=zh-TW]) input,:where([lang|=zh-HK],[lang|=zh-Hant],[lang|=zh-TW]) select,:where([lang|=zh-HK],[lang|=zh-Hant],[lang|=zh-TW]) textarea{font-family:var(--font-ui)}::placeholder{color:var(--text-faint);opacity:1}input[type=search]::-webkit-search-decoration{appearance:none}input[type=search]::-webkit-search-cancel-button{appearance:none}input[type=number]::-webkit-inner-spin-button{height:auto}input[type=number]::-webkit-outer-spin-button{height:auto}:root{accent-color:var(--primary)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}[tabindex="-1"]:focus-visible:not(:is(button,a,input,select,textarea,[role=button],[role=option])){outline:none}::selection{background-color:var(--selection-bg);color:var(--text)}html{scrollbar-color:var(--scrollbar-thumb) transparent}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-pill);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}::backdrop{background-color:var(--overlay)}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#1c140c80}:root[data-theme=dark] dialog::backdrop{background-color:#02040aa8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) dialog::backdrop{background-color:#02040aa8}}.sr-only,.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--z-tooltip);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--primary);color:var(--primary-contrast);font-weight:var(--fw-semibold);transition:transform var(--dur-fast) var(--ease-out);text-decoration:none;position:fixed;transform:translateY(-200%)}.skip-link:focus,.skip-link:focus-visible{color:var(--primary-contrast);transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (forced-colors:active){:focus-visible{outline:2px solid canvastext}.btn,.chip,.card,.quiz-option,.input,.textarea,.select{border:1px solid canvastext}}@media print{@page{margin:16mm 14mm}html:root:root,.theme-night{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--surface-2:#fff;--surface-3:#fff;--text:#000;--text-muted:#333;--text-faint:#444;--border:#999;--highlight-soft:transparent;--tone-1:#000;--tone-2:#000;--tone-3:#000;--tone-4:#000;--tone-5:#000;--tone-6:#000;--shadow-1:none;--shadow-2:none;--shadow-3:none;--shadow-4:none;--glow-primary:none;--glow-accent:none;--glow-highlight:none}html,body{color:#000!important;background:#fff!important}*,:before,:after{text-shadow:none!important;box-shadow:none!important;transition:none!important;animation:none!important}.topbar,.tabbar,.player-bar,.toast-region,.skip-link,.btn,.lyric-line__actions,.no-print{display:none!important}a{color:#000;text-decoration:underline}.lyric-line,.lyric-line__num,.ruby{color:#000!important;background:0 0!important}.ruby rt{color:#333!important;background:0 0!important}.lyrics--hide-jp .ruby rt,.lyric-line--hide-jp .ruby rt{border-bottom:1px dotted #888;color:#0000!important}h1,h2,h3{break-after:avoid}img,svg,figure,.card,.lyric-line{break-inside:avoid}}.container{width:100%;max-width:calc(var(--container-max) + var(--gutter) * 2);padding-left:var(--gutter-left);padding-right:var(--gutter-right);margin-inline:auto}.container--narrow{max-width:calc(var(--container-narrow) + var(--gutter) * 2)}.container--prose{max-width:calc(var(--container-prose) + var(--gutter) * 2)}.container--wide{max-width:calc(var(--container-wide) + var(--gutter) * 2)}.page{padding-top:var(--space-6);padding-bottom:calc(var(--space-16) + var(--tabbar-space))}.page--flush-top{padding-top:0}.page--with-player{padding-bottom:calc(var(--space-8) + var(--tabbar-space))}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header__main{flex:18rem;min-width:0}.page-header__eyebrow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);color:var(--accent-text);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;display:inline-flex}.page-header__title{font-size:var(--fs-h1)}.page-header__subtitle{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--fs-md);max-width:40rem}.page-header__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.stack{--stack-gap:var(--space-4);gap:var(--stack-gap);flex-direction:column;display:flex}.stack--xs{--stack-gap:var(--space-1)}.stack--sm{--stack-gap:var(--space-2)}.stack--md{--stack-gap:var(--space-4)}.stack--lg{--stack-gap:var(--space-6)}.stack--xl{--stack-gap:var(--space-10)}.cluster{--cluster-gap:var(--space-2);align-items:center;gap:var(--cluster-gap);flex-wrap:wrap;display:flex}.cluster--sm{--cluster-gap:var(--space-1)}.cluster--lg{--cluster-gap:var(--space-4)}.cluster--between{justify-content:space-between}.cluster--end{justify-content:flex-end}.cluster--center{justify-content:center}.cluster--start{align-items:flex-start}.cluster--nowrap{flex-wrap:nowrap}.grid{--grid-gap:var(--space-4);--grid-min:16rem;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill, minmax(min(var(--grid-min), 100%), 1fr));display:grid}.grid--sm{--grid-min:10rem}.grid--lg{--grid-min:20rem}.grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}.grid--stats,.grid--songs{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:480px){.grid--2,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--songs{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.grid--4,.grid--stats{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--stats{gap:var(--space-4)}.grid--songs{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr))}}.split{gap:var(--split-gap,var(--space-6));grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.split{grid-template-columns:minmax(0, 1fr) var(--split-aside,20rem);align-items:start}.split--reverse{grid-template-columns:var(--split-aside,20rem) minmax(0, 1fr)}.split__aside--sticky{top:calc(var(--topbar-h) + var(--space-4));position:sticky}}.section+.section{margin-top:var(--space-12)}.section__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-title{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.section-title:before{content:"";vertical-align:-.16em;border-radius:var(--radius-pill);background:var(--accent);width:.3125rem;height:1.05em;box-shadow:var(--glow-accent);margin-right:.5em;display:inline-block}.section-title--jade:before{background:var(--primary);box-shadow:var(--glow-primary)}.divider{height:0;margin-block:var(--space-6);border:0;border-top:var(--border-width) solid var(--border)}.divider--text{align-items:center;gap:var(--space-3);height:auto;color:var(--text-muted);font-size:var(--fs-sm);border:0;display:flex}.divider--text:before,.divider--text:after{content:"";border-top:var(--border-width) solid var(--border);flex:1}.toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;display:flex}.toolbar__spacer{flex:1}.toolbar--sticky{top:calc(var(--topbar-h) + var(--space-2));z-index:calc(var(--z-sticky) - 1);box-shadow:var(--shadow-2);position:sticky}.icon{width:var(--icon-size,1.25em);height:var(--icon-size,1.25em);vertical-align:-.25em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block}.icon--xs{--icon-size:var(--icon-xs)}.icon--sm{--icon-size:var(--icon-sm)}.icon--md{--icon-size:var(--icon-md)}.icon--lg{--icon-size:var(--icon-lg)}.icon--xl{--icon-size:var(--icon-xl)}.icon--fill{fill:currentColor;stroke:none}.brand{align-items:center;gap:var(--space-2);min-height:var(--tap-min);color:var(--text);text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand__mark{filter:drop-shadow(0 0 #0000);flex:none;width:2rem;height:2rem}.theme-night .brand__mark,:root[data-theme=dark] .brand__mark{filter:drop-shadow(0 0 4px #ff5fa273)}.brand__text{flex-direction:column;line-height:1.1;display:flex}.brand__name{font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:.04em}.brand__jp{font-family:var(--font-jp);font-size:.625rem;font-weight:var(--fw-semibold);letter-spacing:.06em;color:var(--text-muted)}.topbar{z-index:var(--z-sticky);padding-top:var(--safe-top);background-color:var(--bg);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);background-color:#faf6eedb;position:sticky;top:0}:root[data-theme=dark] .topbar{background-color:#0e111ad6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .topbar{background-color:#0e111ad6}}.topbar:after{content:"";background-color:var(--tile-b);background-image:linear-gradient(90deg, var(--tile-a) 50%, transparent 0), linear-gradient(90deg, transparent 50%, var(--tile-a) 0);border-top:1px solid var(--border);background-position:0 0,0 2px;background-repeat:repeat-x;background-size:8px 2px,8px 2px;height:4px;display:block}.topbar__inner{align-items:center;gap:var(--space-3);height:var(--topbar-h);display:flex}.topbar__nav{display:none}.topbar__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}@media (min-width:1024px){.topbar__nav{align-items:center;gap:var(--space-1);margin-left:var(--space-6);display:flex}}.topbar__link{align-items:center;gap:var(--space-1-5);min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);text-decoration:none;display:inline-flex;position:relative}.topbar__link:hover{color:var(--text);background-color:var(--surface-2)}.topbar__link[aria-current=page],.topbar__link.is-active{color:var(--primary-text);background-color:var(--primary-soft)}.topbar__link[aria-current=page]:after,.topbar__link.is-active:after{content:"";left:var(--space-3);right:var(--space-3);border-radius:var(--radius-pill);background:var(--primary);height:2px;box-shadow:var(--glow-primary);position:absolute;bottom:5px}.tabbar{z-index:var(--z-tabbar);padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);border-top:var(--border-width) solid var(--border);background-color:var(--surface);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px -12px #3e2a1440}@media (min-width:1024px){.tabbar{display:none}}.tabbar__item{min-width:0;min-height:var(--tabbar-h);padding:var(--space-1) var(--space-1) var(--space-1-5);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;line-height:1.2;text-decoration:none;display:flex;position:relative}.tabbar__item .icon{--icon-size:1.5rem;transition:transform var(--dur-base) var(--ease-spring)}.tabbar__item:active .icon{transform:scale(.88)}.tabbar__item[aria-current=page],.tabbar__item.is-active{color:var(--primary-text)}.tabbar__item[aria-current=page]:before,.tabbar__item.is-active:before{content:"";background:var(--primary);width:2rem;height:3px;box-shadow:var(--glow-primary);border-radius:0 0 3px 3px;margin-left:-1rem;position:absolute;top:-1px;left:50%}.tabbar__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbar__badge{position:absolute;top:6px;left:calc(50% + 6px)}.btn{--btn-bg:var(--surface-2);--btn-bg-hover:var(--surface-3);--btn-fg:var(--text);--btn-border:transparent;--btn-h:var(--control-h);--btn-px:var(--space-5);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--btn-h);padding:0 var(--btn-px);border:var(--border-width) solid var(--btn-border);border-radius:var(--radius-md);background-color:var(--btn-bg);color:var(--btn-fg);font-size:.9375rem;font-weight:var(--fw-semibold);letter-spacing:.02em;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn:hover{background-color:var(--btn-bg-hover);color:var(--btn-fg)}.btn:active{transform:translateY(1px)scale(.98)}.btn .icon{--icon-size:1.25rem}.btn--primary{--btn-bg:var(--primary);--btn-bg-hover:var(--primary-hover);--btn-fg:var(--primary-contrast);box-shadow:var(--shadow-1), var(--glow-primary)}.btn--primary:active{background-color:var(--primary-active)}.btn--secondary{--btn-bg:var(--surface);--btn-bg-hover:var(--surface-2);--btn-fg:var(--text);--btn-border:var(--border-strong)}.btn--ghost{--btn-bg:transparent;--btn-bg-hover:var(--surface-2);--btn-fg:var(--text)}.btn--ghost[aria-pressed=true],.btn--ghost.is-active{--btn-bg:var(--primary-soft);--btn-bg-hover:var(--primary-soft-hover);--btn-fg:var(--primary-text)}.btn--accent{--btn-bg:var(--accent);--btn-bg-hover:var(--accent-hover);--btn-fg:var(--accent-contrast);box-shadow:var(--shadow-1), var(--glow-accent)}.btn--danger{--btn-bg:var(--danger);--btn-bg-hover:var(--danger-hover);--btn-fg:var(--danger-contrast)}.btn--danger-outline{--btn-bg:transparent;--btn-bg-hover:var(--danger-soft);--btn-fg:var(--danger);--btn-border:var(--danger)}.btn--sm{--btn-h:var(--control-h-sm);--btn-px:var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);gap:var(--space-1-5)}.btn--sm .icon{--icon-size:1.125rem}.btn--sm:before,.btn--icon:before{content:"";inset:calc(min(0px, (var(--btn-h) - var(--tap-min)) / 2) - var(--border-width));position:absolute}.btn--lg{--btn-h:var(--control-h-lg);--btn-px:var(--space-6);border-radius:var(--radius-lg);font-size:var(--fs-lg)}.btn--icon{width:var(--btn-h);flex:none;padding:0}.btn--round,.btn--pill{border-radius:var(--radius-pill)}.btn--block{width:100%;display:flex}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;box-shadow:none;cursor:not-allowed;transform:none}.btn:disabled:hover,.btn[aria-disabled=true]:hover{background-color:var(--btn-bg)}.btn.is-loading,.btn[aria-busy=true]{pointer-events:none;color:#0000!important}.btn.is-loading:after,.btn[aria-busy=true]:after{content:"";border:2px solid var(--btn-fg);border-right-color:#0000;border-radius:50%;width:1.125rem;height:1.125rem;margin:auto;animation:.7s linear infinite yg-spin;position:absolute;inset:0}.btn.is-loading:disabled,.btn[aria-busy=true]:disabled{opacity:.75}.btn-group{display:inline-flex}.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card{--card-pad:var(--space-5);padding:var(--card-pad);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);color:var(--text);box-shadow:var(--shadow-1);position:relative}.card--compact{--card-pad:var(--space-4)}.card--roomy{--card-pad:var(--space-8)}.card--flat{box-shadow:none}.card--sunken{background-color:var(--surface-2);box-shadow:none;border-color:#0000}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.card__subtitle{margin-top:var(--space-0-5);color:var(--text-muted);font-size:var(--fs-sm)}.card__footer{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.card__media{margin:calc(var(--card-pad) * -1) calc(var(--card-pad) * -1) var(--card-pad);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.card--interactive{transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out)}@media (hover:hover){.card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}}.card--interactive:active{transform:translateY(0)scale(.99)}.card__link{color:inherit;text-decoration:none}.card__link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.card__link:hover{color:inherit}.card__link:focus-visible{outline:none}.card__link:focus-visible:after{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-lg)}:where(.card--interactive,.card) :where(.btn,.chip,.card__raise){z-index:2;position:relative}.song-card{--cover-h:330;border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);min-width:0;color:var(--text);box-shadow:var(--shadow-1);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover){.song-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-3);transform:translateY(-3px)}.song-card:hover .song-card__cover-char{text-shadow:0 0 1px #fffc, 0 0 10px hsl(var(--cover-h) 100% 62% / .85), 0 0 30px hsl(var(--cover-h) 100% 58% / .55)}}.song-card:active{transform:scale(.985)}.song-card__cover{aspect-ratio:4/3;background-color:var(--sign-bg);background-image:radial-gradient(120% 90% at 15% 0%, hsl(var(--cover-h) 70% 45% / .38), transparent 60%), radial-gradient(90% 80% at 100% 100%, hsl(calc(var(--cover-h) + 50) 70% 45% / .3), transparent 60%), linear-gradient(160deg, #1d1a33, #141225);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.song-card__cover:before{content:"";border:2px solid hsl(var(--cover-h) 100% 74% / .85);box-shadow:0 0 8px hsl(var(--cover-h) 100% 60% / .5), inset 0 0 10px hsl(var(--cover-h) 100% 60% / .35);pointer-events:none;border-radius:12px;position:absolute;inset:10px}.song-card__cover-char{font-family:var(--font-display);font-size:clamp(2.5rem,9vw,3.5rem);font-weight:var(--fw-bold);color:hsl(var(--cover-h) 100% 86%);text-shadow:0 0 1px #ffffffb3, 0 0 8px hsl(var(--cover-h) 100% 62% / .75), 0 0 22px hsl(var(--cover-h) 100% 58% / .45);transition:text-shadow var(--dur-base) var(--ease-out);line-height:1;position:relative}.song-card__cover img{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.song-card__badges{justify-content:space-between;gap:var(--space-1);pointer-events:none;display:flex;position:absolute;top:14px;left:14px;right:14px}.song-card__body{gap:var(--space-1);padding:var(--space-3) var(--space-3) var(--space-4);flex-direction:column;flex:1;display:flex}.song-card__title{font-family:var(--font-lyric);font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:var(--lh-snug);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-card__link{color:inherit;text-decoration:none}.song-card__link:after{content:"";z-index:1;position:absolute;inset:0}.song-card__link:hover{color:inherit}.song-card__link:focus-visible{outline:none}.song-card:has(.song-card__link:focus-visible){outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.song-card__artist{color:var(--text-muted);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-card__meta{align-items:center;gap:var(--space-1);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.song-card__progress{margin-top:var(--space-2)}:where(.song-card) :where(.btn,.chip){z-index:2;position:relative}.song-card--row{flex-direction:row;align-items:center}.song-card--row .song-card__cover{aspect-ratio:1;width:4.5rem;margin:var(--space-2);border-radius:var(--radius-md);flex:none}.song-card--row .song-card__cover:before{border-width:1.5px;border-radius:7px;inset:5px}.song-card--row .song-card__cover-char{font-size:1.75rem}.song-card--row .song-card__body{min-width:0;padding:var(--space-2) var(--space-3) var(--space-2) 0}.song-card--row .song-card__meta{margin-top:var(--space-1);padding-top:0}.field{gap:var(--space-1-5);flex-direction:column;min-width:0;display:flex}.field__label{align-items:baseline;gap:var(--space-1);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:var(--lh-snug);display:flex}.field__required{color:var(--danger);font-weight:var(--fw-bold)}.field__optional{color:var(--text-muted);font-weight:var(--fw-regular);font-size:var(--fs-xs)}.field__hint{color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-snug)}.field__error{align-items:flex-start;gap:var(--space-1-5);color:var(--danger);font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:var(--lh-snug);display:flex}.field__error .icon{--icon-size:1rem;margin-top:.15em}.field__footer{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.field__counter{color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.field__counter.is-over{color:var(--danger);font-weight:var(--fw-bold)}.input,.textarea,.select{width:100%;min-height:var(--control-h);padding:0 var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text);font-size:1rem;line-height:var(--lh-snug);box-shadow:var(--shadow-inset);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);display:block}.input:hover,.textarea:hover,.select:hover{border-color:var(--text-muted)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible,.input:focus,.textarea:focus,.select:focus{outline:var(--focus-width) solid var(--focus-ring);outline-offset:0;border-color:var(--focus-ring)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true],.input.is-invalid,.textarea.is-invalid,.select.is-invalid{border-color:var(--danger);border-width:2px}.input[aria-invalid=true]:focus,.textarea[aria-invalid=true]:focus,.select[aria-invalid=true]:focus{outline-color:var(--danger)}.input:disabled,.textarea:disabled,.select:disabled{border-color:var(--border);background-color:var(--surface-2);color:var(--text-disabled);box-shadow:none}.input[readonly],.textarea[readonly]{background-color:var(--surface-2);box-shadow:none;border-style:dashed}.input--sm{min-height:var(--control-h-sm);font-size:var(--fs-sm)}.input--lg{min-height:var(--control-h-lg);font-size:var(--fs-lg);border-radius:var(--radius-lg)}.textarea{min-height:7.5rem;padding:var(--space-3);line-height:var(--lh-normal);resize:vertical}.textarea--lyrics{min-height:16rem;font-family:var(--font-lyric);font-size:var(--fs-lg);tab-size:2;line-height:1.9}.textarea--mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.select{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C8170' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.125rem;padding-right:2.5rem}.select[multiple]{padding-right:var(--space-3);background-image:none}.input-group{align-items:center;display:flex;position:relative}.input-group__icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;position:absolute}.input-group__icon.icon{--icon-size:1.25rem}.input-group__icon+.input{padding-left:2.625rem}.input-group--trailing>.input{padding-right:3rem}.input-group__action{position:absolute;right:2px}.checkbox,.radio{align-items:flex-start;gap:var(--space-2-5);min-height:var(--tap-min);color:var(--text);font-size:var(--fs-md);cursor:pointer;padding-block:.6875rem;line-height:1.375;display:inline-flex}.checkbox__input,.radio__input{appearance:none;border:2px solid var(--border-strong);background-color:var(--surface);cursor:pointer;width:1.25rem;height:1.25rem;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:5px;flex:none;place-content:center;margin:.0625rem 0 0;display:grid;position:relative}.radio__input{border-radius:50%}.checkbox__input:before{content:"";background-color:var(--primary-contrast);width:.75rem;height:.75rem;transition:transform var(--dur-fast) var(--ease-spring);transform:scale(0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}.radio__input:before{content:"";background-color:var(--primary-contrast);width:.5rem;height:.5rem;transition:transform var(--dur-fast) var(--ease-spring);border-radius:50%;transform:scale(0)}.checkbox__input:checked,.radio__input:checked,.checkbox__input:indeterminate{border-color:var(--primary);background-color:var(--primary)}.checkbox__input:checked:before,.radio__input:checked:before{transform:scale(1)}.checkbox__input:indeterminate:before{width:.625rem;height:2px;transform:scale(1);-webkit-mask:none;mask:none}.checkbox__input:disabled,.radio__input:disabled{border-color:var(--border);background-color:var(--surface-2)}:is(.checkbox:has(:disabled),.radio:has(:disabled)){color:var(--text-disabled);cursor:not-allowed}.checkbox__input[aria-invalid=true]{border-color:var(--danger)}.switch{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--tap-min);color:var(--text);cursor:pointer;display:inline-flex}.switch__input{appearance:none;border:2px solid var(--border-strong);border-radius:var(--radius-pill);background-color:var(--surface-3);cursor:pointer;width:2.75rem;height:1.625rem;transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex:none;order:2;margin:0;position:relative}.switch__input:before{content:"";background-color:var(--surface);width:1.125rem;height:1.125rem;transition:transform var(--dur-base) var(--ease-spring), background-color var(--dur-base) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch__input:checked{border-color:var(--primary);background-color:var(--primary)}.switch__input:checked:before{background-color:var(--primary-contrast);transform:translate(1.125rem)}.switch__input:disabled{opacity:.45;cursor:not-allowed}.switch--start .switch__input{order:0}.range{--range-fill:0%;appearance:none;width:100%;height:var(--tap-min);cursor:pointer;background:0 0;margin:0;display:block}.range::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--primary) var(--range-fill), var(--chart-track) var(--range-fill));height:6px}.range::-moz-range-track{border-radius:var(--radius-pill);background:var(--chart-track);height:6px}.range::-moz-range-progress{border-radius:var(--radius-pill);background:var(--primary);height:6px}.range::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--primary);width:18px;height:18px;box-shadow:0 0 0 1px var(--border-strong), var(--shadow-1), var(--glow-primary);transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;margin-top:-6px}.range::-moz-range-thumb{border:3px solid var(--surface);background:var(--primary);width:12px;height:12px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%}.range:active::-webkit-slider-thumb{transform:scale(1.2)}.range:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus-ring)}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus-ring)}.chip{align-items:center;gap:var(--space-1-5);min-height:2.25rem;padding:0 var(--space-3-5);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-pill);background-color:var(--surface);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);line-height:1.2;text-decoration:none;display:inline-flex;position:relative}button.chip:after,a.chip:after{content:"";position:absolute;inset:-5px 0}.chip:hover{background-color:var(--surface-2);color:var(--text)}.chip[aria-pressed=true],.chip[aria-checked=true],.chip[aria-selected=true],.chip.is-selected{border-color:var(--primary);background-color:var(--primary-soft);color:var(--primary-text);font-weight:var(--fw-semibold)}.chip[aria-pressed=true]:before,.chip[aria-checked=true]:before,.chip[aria-selected=true]:before,.chip.is-selected:before{content:"";background-color:currentColor;width:.875rem;height:.875rem;margin-left:-.125rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}.chip:disabled,.chip[aria-disabled=true]{opacity:.45;cursor:not-allowed}.chip .icon{--icon-size:1rem}.chip__count{border-radius:var(--radius-pill);background-color:var(--surface-2);min-width:1.25rem;color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-align:center;font-variant-numeric:tabular-nums;padding:0 .3125rem;line-height:1.25rem}.chip[aria-pressed=true] .chip__count,.chip.is-selected .chip__count{background-color:var(--surface);color:var(--primary-text)}.chip__remove{z-index:1;width:1.25rem;height:1.25rem;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-.375rem;padding:0;display:inline-grid;position:relative}.chip__remove:hover{background-color:var(--surface-3)}.chip__remove:after{content:"";position:absolute;inset:-12px}.chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip-group--scroll{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px var(--gutter);margin-inline:calc(var(--gutter) * -1);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);flex-wrap:nowrap;overflow-x:auto}.chip-group--scroll::-webkit-scrollbar{display:none}.chip-group--scroll>*{scroll-snap-align:start;flex:none}.tag{align-items:center;gap:var(--space-1);min-height:1.375rem;padding:0 var(--space-1-5);border-radius:var(--radius-xs);background-color:var(--surface-2);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;line-height:1.2;display:inline-flex}.tag .icon{--icon-size:.875rem}.tag--primary{background-color:var(--primary-soft);color:var(--primary-text)}.tag--accent{background-color:var(--accent-soft);color:var(--accent-text)}.tag--highlight{background-color:var(--highlight-soft);color:var(--highlight-text)}.tag--success{background-color:var(--success-soft);color:var(--success)}.tag--warning{background-color:var(--warning-soft);color:var(--warning)}.tag--danger{background-color:var(--danger-soft);color:var(--danger)}.tag--info{background-color:var(--info-soft);color:var(--info)}.tag--outline{border:var(--border-width) solid var(--border-strong);background-color:#0000}.level{gap:2px;display:inline-flex}.level:before{content:"";background:linear-gradient(90deg, currentColor 0 .375rem, transparent 0 .5rem, var(--l2,var(--border-strong)) 0 .875rem, transparent 0 1rem, var(--l3,var(--border-strong)) 0);border-radius:1px;width:1.375rem;height:.375rem}.level[data-level="2"]{--l2:currentColor}.level[data-level="3"]{--l2:currentColor;--l3:currentColor}.badge{border-radius:var(--radius-pill);background-color:var(--accent);min-width:1.25rem;height:1.25rem;color:var(--accent-contrast);font-family:var(--font-ui);font-size:.6875rem;font-weight:var(--fw-bold);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;gap:2px;padding:0 .375rem;line-height:1;display:inline-flex}.badge--primary{background-color:var(--primary);color:var(--primary-contrast)}.badge--neutral{background-color:var(--surface-3);color:var(--text)}.badge--success{background-color:var(--success);color:var(--success-contrast)}.badge--warning{background-color:var(--warning);color:var(--warning-contrast)}.badge--danger{background-color:var(--danger);color:var(--danger-contrast)}.badge--info{background-color:var(--info);color:var(--info-contrast)}.badge--highlight{background-color:var(--highlight);color:var(--highlight-contrast)}.badge--outline{color:var(--accent-text);background-color:#0000;border:1.5px solid}.badge--dot{width:.5rem;min-width:0;height:.5rem;box-shadow:0 0 0 2px var(--surface);padding:0}.badge--new{border-radius:var(--radius-xs);background-color:var(--accent);height:1.375rem;color:var(--accent-contrast);font-size:var(--fs-xs);box-shadow:var(--shadow-1), var(--glow-accent);padding:0 .5rem;transform:rotate(-4deg)}.tabs{gap:var(--space-1);border-bottom:var(--border-width) solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs__tab{align-items:center;gap:var(--space-1-5);min-height:var(--tap-min);padding:0 var(--space-3);color:var(--text-muted);font-size:var(--fs-md);font-weight:var(--fw-semibold);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:none;text-decoration:none;display:inline-flex;position:relative}.tabs__tab:hover,.tabs__tab[aria-selected=true],.tabs__tab[aria-current=page],.tabs__tab.is-active{color:var(--text)}.tabs__tab:after{content:"";left:var(--space-2);right:var(--space-2);background:var(--primary);height:3px;box-shadow:var(--glow-primary);transition:transform var(--dur-base) var(--ease-out);border-radius:3px 3px 0 0;position:absolute;bottom:-1px;transform:scaleX(0)}.tabs__tab[aria-selected=true]:after,.tabs__tab[aria-current=page]:after,.tabs__tab.is-active:after{transform:scaleX(1)}.tabs__tab:focus-visible{outline-offset:-2px;border-radius:var(--radius-sm)}.tabs__panel{padding-top:var(--space-5)}.tabs__panel:focus-visible{outline-offset:4px}.segmented{border-radius:var(--radius-md);background-color:var(--surface-2);max-width:100%;box-shadow:inset 0 0 0 1px var(--border);gap:2px;padding:3px;display:inline-flex}.segmented--block{width:100%;display:flex}.segmented__item{justify-content:center;align-items:center;gap:var(--space-1);min-width:2.75rem;min-height:2.375rem;padding:0 var(--space-3);border-radius:calc(var(--radius-md) - 3px);color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:auto;display:inline-flex;position:relative}.segmented__item:after{content:"";position:absolute;inset:-3px 0}.segmented__item:hover{color:var(--text)}.segmented__item[aria-checked=true],.segmented__item[aria-pressed=true],.segmented__item[aria-selected=true],.segmented__item.is-active,.segmented__input:checked+.segmented__item{background-color:var(--surface);color:var(--text);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--border-strong)}.segmented__input:focus-visible+.segmented__item{outline:var(--focus-width) solid var(--focus-ring);outline-offset:1px}.segmented__item .icon{--icon-size:1.125rem}.modal,.dialog{border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);background-color:var(--surface-overlay);width:min(100% - 2rem,32rem);max-height:min(100% - 2rem,48rem);color:var(--text);box-shadow:var(--shadow-4);padding:0;overflow:hidden}.modal[open],.modal.is-open,.dialog[open],.dialog.is-open{animation:yg-modal-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex}div.modal,div.dialog{z-index:var(--z-modal);height:-moz-fit-content;height:fit-content;margin:auto;position:fixed;inset:0}div.modal:not(.is-open),div.dialog:not(.is-open){display:none}.modal-backdrop{z-index:var(--z-overlay);background-color:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:yg-fade-in var(--dur-base) var(--ease-out);position:fixed;inset:0}.modal--lg{width:min(100% - 2rem,48rem)}.modal__header{align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3) var(--space-6);display:flex}.modal__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-snug);flex:1}.modal__close{margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) 0 0}.modal__body{min-height:0;padding:0 var(--space-6) var(--space-4);overscroll-behavior:contain;flex:auto;overflow-y:auto}.modal__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-5);border-top:var(--border-width) solid var(--border);background-color:var(--surface);flex-wrap:wrap-reverse;display:flex}.modal__grabber{display:none}@media (max-width:639.98px){.modal--sheet{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-width:100%;max-height:88dvh;padding-bottom:var(--safe-bottom);border-bottom:0;margin:auto 0 0}.modal--sheet[open],.modal--sheet.is-open{animation:yg-sheet-in var(--dur-slow) var(--ease-out)}div.modal--sheet{top:auto}.modal--sheet .modal__grabber{width:2.5rem;height:4px;margin:var(--space-2) auto 0;border-radius:var(--radius-pill);background-color:var(--border-strong);display:block}.modal--sheet .modal__footer .btn{flex:auto}}.dialog{width:min(100% - 2rem,25rem);padding:var(--space-6);gap:var(--space-3);text-align:center}.dialog__icon{width:3rem;height:3rem;margin:0 auto var(--space-1);background-color:var(--danger-soft);color:var(--danger);border-radius:50%;place-items:center;display:grid}.dialog__icon .icon{--icon-size:1.5rem}.dialog__icon--info{background-color:var(--info-soft);color:var(--info)}.dialog__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.dialog__text{color:var(--text-muted)}.dialog__actions{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column-reverse;display:flex}@media (min-width:480px){.dialog__actions{flex-direction:row;justify-content:center}.dialog__actions .btn{flex:1}}.popover{z-index:var(--z-popover);width:max-content;max-width:min(21rem,100vw - 2rem);padding:var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-overlay);color:var(--text);box-shadow:var(--shadow-3);animation:yg-pop-in var(--dur-base) var(--ease-out);position:absolute}.popover__arrow{top:-7px;left:var(--arrow-x,50%);border-top:var(--border-width) solid var(--border);border-left:var(--border-width) solid var(--border);background-color:var(--surface-overlay);width:12px;height:12px;margin-left:-6px;position:absolute;transform:rotate(45deg)}.popover--top .popover__arrow{border:0;border-right:var(--border-width) solid var(--border);border-bottom:var(--border-width) solid var(--border);top:auto;bottom:-7px}.popover__header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.popover__title{font-size:var(--fs-md);font-weight:var(--fw-bold)}.popover__footer{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border-width) solid var(--border);flex-wrap:wrap;display:flex}@media (max-width:639.98px){.popover--auto{width:100%;max-width:none;padding-bottom:calc(var(--space-5) + var(--safe-bottom));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-4);animation:yg-sheet-in var(--dur-slow) var(--ease-out);border-bottom:0;position:fixed;inset:auto 0 0!important}.popover--auto .popover__arrow{display:none}}.menu{min-width:11rem;margin:calc(var(--space-2) * -1);flex-direction:column;padding:0;list-style:none;display:flex}.menu__item{align-items:center;gap:var(--space-2-5);width:100%;min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-sm);text-align:left;background:0 0;border:0;text-decoration:none;display:flex}.menu__item:hover{background-color:var(--surface-2);color:var(--text)}.menu__item--danger{color:var(--danger)}.menu__separator{height:1px;margin:var(--space-1) 0;background-color:var(--border)}.char-info{gap:var(--space-3);min-width:min(17rem,100%);display:grid}.char-info__head{align-items:center;gap:var(--space-3);display:flex}.char-info__char{border-radius:var(--radius-md);background-color:var(--tone-soft-c,var(--surface-2));width:4rem;height:4rem;color:var(--tone-c,var(--text));font-family:var(--font-lyric);flex:none;place-items:center;font-size:2.5rem;line-height:1;display:grid}.char-info__reading{flex:1;min-width:0}.char-info__jp{font-family:var(--font-jp);font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:.01em;color:var(--tone-c,var(--text));line-height:1.2}.char-info__tone{color:var(--text-muted);font-size:var(--fs-sm)}.char-info__meaning{color:var(--text);font-size:var(--fs-sm);line-height:var(--lh-normal)}.char-info__words{gap:var(--space-1-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.char-info__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tooltip{z-index:var(--z-tooltip);width:max-content;max-width:16rem;padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-sm);background-color:var(--surface-inverse);color:var(--text-inverse);font-size:var(--fs-xs);font-weight:var(--fw-medium);text-align:center;box-shadow:var(--shadow-2);pointer-events:none;line-height:1.45;position:absolute}.has-tooltip{display:inline-flex;position:relative}.has-tooltip>.tooltip{opacity:0;visibility:hidden;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-fast);bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.has-tooltip>.tooltip--bottom{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-4px)}.has-tooltip:hover>.tooltip,.has-tooltip:focus-within>.tooltip,.has-tooltip.is-open>.tooltip{opacity:1;visibility:visible;transition-delay:.3s,.3s,0s;transform:translate(-50%)}.has-tooltip>.tooltip--start{left:0;transform:translateY(4px)}.has-tooltip>.tooltip--end{left:auto;right:0;transform:translateY(4px)}.has-tooltip:hover>.tooltip--start,.has-tooltip:focus-within>.tooltip--start,.has-tooltip.is-open>.tooltip--start,.has-tooltip:hover>.tooltip--end,.has-tooltip:focus-within>.tooltip--end,.has-tooltip.is-open>.tooltip--end{transform:none}.toast-region{left:0;right:0;bottom:calc(var(--tabbar-space) + var(--space-4));z-index:var(--z-toast);align-items:center;gap:var(--space-2);padding-left:max(var(--space-4), var(--safe-left));padding-right:max(var(--space-4), var(--safe-right));pointer-events:none;flex-direction:column;display:flex;position:fixed}@media (min-width:1024px){.toast-region{left:auto;right:max(var(--space-6), var(--safe-right));bottom:var(--space-6);align-items:flex-end}}.toast-region--above-player{bottom:calc(var(--tabbar-space) + var(--player-h) + var(--space-6))}.toast{--toast-c:var(--info);align-items:flex-start;gap:var(--space-3);width:min(100%,26rem);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:var(--border-width) solid var(--border);border-left:4px solid var(--toast-c);border-radius:var(--radius-md);background-color:var(--surface-overlay);color:var(--text);box-shadow:var(--shadow-3);pointer-events:auto;animation:yg-toast-in var(--dur-slow) var(--ease-out);display:flex}.toast--success{--toast-c:var(--success)}.toast--warning{--toast-c:var(--warning)}.toast--danger{--toast-c:var(--danger)}.toast--info{--toast-c:var(--info)}.toast__icon{color:var(--toast-c);flex:none;margin-top:.125rem}.toast__icon.icon{--icon-size:1.25rem}.toast__body{flex:1;min-width:0;padding-block:.0625rem}.toast__title{font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.toast__text{color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-snug)}.toast__actions{align-items:center;gap:var(--space-1);margin:-.25rem 0;display:flex}.toast.is-leaving{animation:yg-toast-out var(--dur-fast) var(--ease-in) forwards}.alert{--alert-c:var(--info);--alert-soft:var(--info-soft);align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border);border-left:4px solid var(--alert-c);border-radius:var(--radius-md);background-color:var(--alert-soft);color:var(--text);font-size:var(--fs-sm);line-height:var(--lh-normal);display:flex}.alert--success{--alert-c:var(--success);--alert-soft:var(--success-soft)}.alert--warning{--alert-c:var(--warning);--alert-soft:var(--warning-soft)}.alert--danger{--alert-c:var(--danger);--alert-soft:var(--danger-soft)}.alert--info{--alert-c:var(--info);--alert-soft:var(--info-soft)}.alert__icon{color:var(--alert-c);flex:none;margin-top:.125rem}.alert__icon.icon{--icon-size:1.25rem}.alert__body{flex:1;min-width:0}.alert__title{margin-bottom:var(--space-0-5);color:var(--text);font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.alert__actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.alert__close{margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) 0 0}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.empty-state__icon{width:4.5rem;height:4.5rem;margin-bottom:var(--space-1);border:2px solid var(--accent);color:var(--accent-text);box-shadow:var(--glow-accent), inset 0 0 0 6px var(--accent-soft);border-radius:50%;place-items:center;display:grid}.empty-state__icon .icon{--icon-size:2rem}.empty-state__title{color:var(--text);font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.empty-state__text{max-width:26rem;font-size:var(--fs-md)}.empty-state__actions{justify-content:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.empty-state--compact{padding:var(--space-8) var(--space-4)}.skeleton{border-radius:var(--radius-sm);background-color:var(--skeleton-base);background-image:none;display:block;position:relative;overflow:hidden;color:#0000!important}.skeleton:before{content:none!important}.skeleton:after{content:"";background-image:linear-gradient(90deg, transparent, var(--skeleton-shine), transparent);animation:1.5s ease-in-out infinite yg-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton--text{border-radius:var(--radius-xs);height:.875em;margin-block:.375em}.skeleton--title{width:60%;height:1.375em;margin-block:.25em}.skeleton--circle{width:var(--skeleton-size,3rem);height:var(--skeleton-size,3rem);border-radius:50%}.skeleton--rect{aspect-ratio:4/3;border-radius:var(--radius-lg);width:100%}.is-refreshing{opacity:.55;transition:opacity var(--dur-base) var(--ease-out);pointer-events:none}.spinner{--spinner-size:1.5rem;width:var(--spinner-size);height:var(--spinner-size);border:2.5px solid var(--chart-track);border-top-color:var(--primary);border-radius:50%;flex:none;animation:.8s linear infinite yg-spin;display:inline-block}.spinner--sm{--spinner-size:1rem;border-width:2px}.spinner--lg{--spinner-size:2.5rem;border-width:3px}.loading{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--fs-sm);display:inline-flex}.progress{--progress-h:.5rem;--progress-c:var(--primary);width:100%;height:var(--progress-h);border-radius:var(--radius-pill);background-color:var(--chart-track);position:relative;overflow:hidden}.progress__bar{width:var(--value,0%);border-radius:inherit;background-color:var(--progress-c);height:100%;box-shadow:var(--glow-primary);transition:width var(--dur-slow) var(--ease-out)}.progress--sm{--progress-h:.25rem}.progress--lg{--progress-h:.75rem}.progress--accent{--progress-c:var(--accent)}.progress--success{--progress-c:var(--success)}.progress--steps:after{content:"";background-image:repeating-linear-gradient(90deg, transparent 0 calc(100% / var(--steps,10) - 3px), var(--progress-gap,var(--surface)) calc(100% / var(--steps,10) - 3px) calc(100% / var(--steps,10)));pointer-events:none;position:absolute;inset:0}.progress--indeterminate .progress__bar{width:40%;animation:yg-indeterminate 1.4s var(--ease-in-out) infinite}.progress-meta{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1-5);color:var(--text-muted);font-size:var(--fs-sm);display:flex}.progress-meta strong{color:var(--text);font-variant-numeric:tabular-nums}.stat-tile{gap:var(--space-1);min-width:0;padding:var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;display:flex;position:relative}.stat-tile__label{align-items:center;gap:var(--space-1-5);color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:var(--lh-snug);display:flex}.stat-tile__icon{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-md);background-color:var(--primary-soft);width:2.25rem;height:2.25rem;color:var(--primary-text);place-items:center;display:grid;position:absolute}.stat-tile__icon .icon{--icon-size:1.25rem}.stat-tile__icon--accent{background-color:var(--accent-soft);color:var(--accent-text)}.stat-tile__icon--highlight{background-color:var(--highlight-soft);color:var(--highlight-text)}.stat-tile__value{color:var(--text);font-size:clamp(1.75rem,1.45rem + 1.2vw,2.25rem);font-weight:var(--fw-bold);letter-spacing:-.01em;line-height:1.1}.stat-tile__unit{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:0;margin-left:.25rem}.stat-tile__delta{color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);align-items:center;gap:.25rem;display:inline-flex}.stat-tile__delta .icon{--icon-size:.875rem}.stat-tile__delta--good{color:var(--success)}.stat-tile__delta--bad{color:var(--danger)}.stat-tile__delta-period{color:var(--text-muted);font-weight:var(--fw-regular)}.stat-tile__trend{margin-top:var(--space-2)}.sparkline{width:100%;height:2rem;display:block;overflow:visible}.sparkline__line{fill:none;stroke:var(--chart-muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sparkline__area{fill:var(--chart-1);opacity:.1}.sparkline__dot{fill:none;stroke:var(--chart-1);stroke-width:8px;stroke-linecap:round;vector-effect:non-scaling-stroke}.sparkline__dot--ring{stroke:var(--surface);stroke-width:12px}.mini-bars{--bars-h:7.5rem;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:2px;padding-top:1.25rem;display:grid}.mini-bars__col{flex-direction:column;align-items:stretch;min-width:0;display:flex}.mini-bars__plot{height:var(--bars-h);border-bottom:1px solid var(--chart-axis);justify-content:center;align-items:flex-end;display:flex;position:relative}.mini-bars__bar{width:min(1.5rem,70%);height:calc(var(--v,0) * 100%);background-color:var(--chart-1);min-height:2px;transition:height var(--dur-slow) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border-radius:4px 4px 0 0}.mini-bars__bar--muted{background-color:var(--chart-muted)}.mini-bars__col:hover .mini-bars__bar,.mini-bars__col:focus-within .mini-bars__bar{opacity:.8}.mini-bars__value{left:0;right:0;bottom:calc(var(--v,0) * 100% + 4px);color:var(--text);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1;position:absolute}.mini-bars__label{color:var(--text-muted);font-size:var(--fs-xs);text-align:center;font-variant-numeric:tabular-nums;padding-top:.375rem;line-height:1.2}.mini-bars__col.is-current .mini-bars__label{color:var(--text);font-weight:var(--fw-bold)}.heatmap{grid-template-rows:repeat(7, var(--cell,.75rem));grid-auto-flow:column;grid-auto-columns:var(--cell,.75rem);padding-bottom:var(--space-1);gap:3px;display:grid;overflow-x:auto}.heatmap__cell{background-color:var(--heat-0);border-radius:3px}.heatmap__cell[data-level="1"]{background-color:var(--heat-1)}.heatmap__cell[data-level="2"]{background-color:var(--heat-2)}.heatmap__cell[data-level="3"]{background-color:var(--heat-3)}.heatmap__cell[data-level="4"]{background-color:var(--heat-4)}.heatmap-legend{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:3px;display:inline-flex}.heatmap-legend .heatmap__cell{width:.75rem;height:.75rem}.chart-card__title{font-size:var(--fs-md);font-weight:var(--fw-bold)}.chart-card__caption{color:var(--text-muted);font-size:var(--fs-sm)}.legend{gap:var(--space-1) var(--space-4);color:var(--text-muted);font-size:var(--fs-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.legend__item{align-items:center;gap:var(--space-1-5);display:inline-flex}.legend__swatch{background-color:var(--swatch,var(--chart-1));border-radius:3px;width:.75rem;height:.75rem}.table-wrap{border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);max-width:100%;overflow-x:auto}.table{width:100%;color:var(--text);font-size:var(--fs-sm);line-height:var(--lh-snug)}.table caption{padding:var(--space-3) var(--space-4) 0;color:var(--text-muted);font-size:var(--fs-sm);text-align:left;caption-side:top}.table th,.table td{padding:var(--space-2-5) var(--space-3);border-bottom:var(--border-width) solid var(--border);text-align:left;vertical-align:middle}.table thead th{z-index:1;background-color:var(--surface-2);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.04em;white-space:nowrap;position:sticky;top:0}.table tbody th{font-weight:var(--fw-semibold)}.table tbody tr:last-child>*{border-bottom:0}.table--striped tbody tr:nth-child(2n){background-color:var(--bg)}.table--hover tbody tr:hover{background-color:var(--surface-2)}.table--compact th,.table--compact td{padding:var(--space-1-5) var(--space-2)}.table--center th,.table--center td{text-align:center}.table .num,.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.kbd{border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-xs);background-color:var(--surface);min-width:1.625em;height:1.625em;color:var(--text);font-family:var(--font-mono);font-size:.8125em;font-weight:var(--fw-semibold);white-space:nowrap;border-bottom-width:2px;justify-content:center;align-items:center;padding:0 .4em;line-height:1;display:inline-flex}.list{border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.list__item{align-items:center;gap:var(--space-3);width:100%;min-height:3.5rem;padding:var(--space-2) var(--space-4);border:0;border-bottom:var(--border-width) solid var(--border);color:var(--text);text-align:left;background:0 0;text-decoration:none;display:flex}.list>li:last-child>.list__item,.list__item:last-child{border-bottom:0}a.list__item:hover,button.list__item:hover{background-color:var(--surface-2);color:var(--text)}.list__icon{border-radius:var(--radius-md);background-color:var(--surface-2);width:2.25rem;height:2.25rem;color:var(--text-muted);flex:none;place-items:center;display:grid}.list__content{flex:1;min-width:0}.list__title{font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.list__desc{color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-snug)}.list__trailing{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--fs-sm);flex:none;display:flex}.avatar{--avatar-size:2.25rem;width:var(--avatar-size);height:var(--avatar-size);background-color:var(--accent-soft);color:var(--accent-text);font-size:calc(var(--avatar-size) * .42);font-weight:var(--fw-bold);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{--avatar-size:1.75rem}.avatar--lg{--avatar-size:4rem}.hero{padding:var(--space-10) var(--space-6) var(--space-12);border-radius:var(--radius-2xl);background-color:var(--sign-bg);background-image:radial-gradient(60% 70% at 0% 0%, #ff5fa238, transparent 70%), radial-gradient(55% 65% at 100% 100%, #3be3bf2e, transparent 70%), linear-gradient(180deg, var(--sign-bg-2), var(--sign-bg));color:var(--sign-text);isolation:isolate;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hero__inner{max-width:40rem;position:relative}.hero__eyebrow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--neon-amber);font-family:var(--font-jp);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.12em;flex-wrap:wrap;display:inline-flex}.hero__title{margin-bottom:var(--space-4);color:var(--sign-text);font-family:var(--font-display);font-size:clamp(2.25rem,1.5rem + 4vw,4rem);font-weight:var(--fw-bold);letter-spacing:.06em;flex-wrap:wrap;column-gap:.35em;line-height:1.15;display:flex}.hero__text{color:#fff6fad1;max-width:34rem;font-size:var(--fs-lg);line-height:var(--lh-normal)}.hero__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero__mosaic{position:absolute;bottom:0;left:0;right:0}.neon{--neon-c:var(--neon-pink);--neon-glow:#ff5fa2b3;color:var(--neon-c);text-shadow:0 0 1px #ffffffbf, 0 0 6px var(--neon-glow), 0 0 18px var(--neon-glow), 0 0 42px var(--neon-glow)}.neon--pink{--neon-c:var(--neon-pink);--neon-glow:#ff5fa29e}.neon--jade{--neon-c:var(--neon-jade);--neon-glow:#3be3bf8c}.neon--amber{--neon-c:var(--neon-amber);--neon-glow:#ffc54a8c}.neon--blue{--neon-c:var(--neon-blue);--neon-glow:#5cb8ff8c}.neon-frame{border:2px solid var(--neon-c,var(--neon-pink));border-radius:var(--radius-lg);box-shadow:0 0 6px var(--neon-glow,#ff5fa299), inset 0 0 6px var(--neon-glow,#ff5fa299)}.mosaic{--tile:8px;height:calc(var(--tile) * 2);background-color:var(--tile-b);background-image:linear-gradient(45deg, var(--tile-a) 25%, transparent 25%, transparent 75%, var(--tile-a) 75%), linear-gradient(45deg, var(--tile-a) 25%, transparent 25%, transparent 75%, var(--tile-a) 75%);background-size:calc(var(--tile) * 2) calc(var(--tile) * 2);background-position:0 0, var(--tile) var(--tile)}.mosaic--night{--tile-a:#3be3bf47;--tile-b:#ffffff0a}.tone-1{--tone-c:var(--tone-1);--tone-soft-c:var(--tone-1-soft);--contour:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M3 2H21' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.tone-2{--tone-c:var(--tone-2);--tone-soft-c:var(--tone-2-soft);--contour:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M3 6L21 2' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.tone-3{--tone-c:var(--tone-3);--tone-soft-c:var(--tone-3-soft);--contour:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M3 6H21' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.tone-4{--tone-c:var(--tone-4);--tone-soft-c:var(--tone-4-soft);--contour:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M3 8L21 10.5' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.tone-5{--tone-c:var(--tone-5);--tone-soft-c:var(--tone-5-soft);--contour:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M3 8L21 6' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.tone-6{--tone-c:var(--tone-6);--tone-soft-c:var(--tone-6-soft);--contour:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M3 8H21' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.tone-1,.tone-2,.tone-3,.tone-4,.tone-5,.tone-6{color:var(--tone-c)}.tone-bg-1{--tone-c:var(--tone-1);--tone-soft-c:var(--tone-1-soft)}.tone-bg-2{--tone-c:var(--tone-2);--tone-soft-c:var(--tone-2-soft)}.tone-bg-3{--tone-c:var(--tone-3);--tone-soft-c:var(--tone-3-soft)}.tone-bg-4{--tone-c:var(--tone-4);--tone-soft-c:var(--tone-4-soft)}.tone-bg-5{--tone-c:var(--tone-5);--tone-soft-c:var(--tone-5-soft)}.tone-bg-6{--tone-c:var(--tone-6);--tone-soft-c:var(--tone-6-soft)}.tone-bg-1,.tone-bg-2,.tone-bg-3,.tone-bg-4,.tone-bg-5,.tone-bg-6{background-color:var(--tone-soft-c);color:var(--tone-c)}.jp{font-family:var(--font-jp);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}.jp--lg{font-size:var(--fs-xl)}.tone-legend{gap:var(--space-1-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tone-legend__item{align-items:center;gap:var(--space-1-5);min-height:2rem;padding:0 var(--space-2-5) 0 var(--space-1-5);border-radius:var(--radius-pill);background-color:var(--tone-soft-c,var(--surface-2));color:var(--text);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;display:inline-flex}.tone-legend__num{background-color:var(--tone-c);width:1.375rem;height:1.375rem;color:var(--tone-contrast);font-family:var(--font-jp);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:50%;place-items:center;display:grid}.tone-legend__contour{background-color:var(--tone-c);width:1.25rem;height:.75rem;-webkit-mask:var(--contour) center / contain no-repeat;-webkit-mask:var(--contour) center / contain no-repeat;mask:var(--contour) center / contain no-repeat}.tone-chart{width:100%;height:auto;font-family:var(--font-ui);display:block;overflow:visible}.tone-chart__grid{stroke:var(--chart-grid);stroke-width:1px}.tone-chart__axis-label{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.tone-chart__line{fill:none;stroke:var(--tone-c,var(--chart-1));stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.tone-chart__dot{fill:var(--tone-c,var(--chart-1));stroke:var(--surface);stroke-width:2px}.tone-chart__label{fill:var(--text);font-size:13px;font-weight:var(--fw-bold)}.tone-chart__sub{fill:var(--text-muted);font-size:11px}.lyrics{--jp-size:max(.6875rem, calc(var(--lyric-size) * .375));gap:var(--space-1);font-family:var(--font-lyric);flex-direction:column;display:flex}.lyrics[lang|=zh-Hans],.lyrics[lang|=zh-CN],.lyrics--simplified{font-family:var(--font-lyric-sc)}.lyrics--sm{--lyric-size:1.375rem}.lyrics--lg{--lyric-size:2.25rem}.lyrics--xl{--lyric-size:2.75rem}.lyric-line{align-items:start;column-gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-1);border-radius:var(--radius-md);transition:background-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);scroll-margin-block:calc(var(--topbar-h) + var(--space-8)) calc(var(--player-h) + var(--tabbar-space) + var(--space-8));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num body actions";display:grid;position:relative}.lyric-line__num{min-width:1.5rem;height:1.5rem;margin-top:calc(.25rem + var(--jp-size) * 1.25 + var(--lyric-size) * .55 - .75rem);border-radius:var(--radius-pill);color:var(--text-muted);font-family:var(--font-jp);font-size:var(--fs-xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;grid-area:num;place-items:center;padding:0 .25rem;line-height:1;display:inline-grid}.lyric-line__body{grid-area:body;min-width:0}.lyric-line__text{align-items:flex-end;column-gap:var(--lyric-gap-x);row-gap:var(--lyric-gap-y);font-size:var(--lyric-size);flex-wrap:wrap;margin:0;line-height:1.1;display:flex}.lyric-line__translation{margin-top:var(--space-1);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--fs-sm);line-height:var(--lh-snug);padding-left:.125rem}.lyric-line__gap{width:calc(var(--lyric-size) * .4)}.lyric-line__actions{justify-self:end;align-items:center;gap:var(--space-2-5);grid-area:actions;align-self:center;display:flex}@media (max-width:639.98px){.lyric-line{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"num body"".actions"}.lyric-line__actions{margin-top:var(--space-1)}}@media (hover:hover){.lyric-line__actions{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.lyric-line:hover .lyric-line__actions,.lyric-line:focus-within .lyric-line__actions,.lyric-line--active .lyric-line__actions,.lyric-line--selected .lyric-line__actions,.lyrics--show-actions .lyric-line__actions{opacity:1}}@media (hover:none){.lyric-line__actions{display:none}.lyric-line--active .lyric-line__actions,.lyric-line--selected .lyric-line__actions,.lyrics--show-actions .lyric-line__actions{display:flex}}.lyric-line--active{background-color:var(--highlight-soft);box-shadow:inset 4px 0 0 var(--highlight), var(--glow-highlight)}.lyric-line--active .lyric-line__num{background-color:var(--highlight);color:var(--highlight-contrast)}.lyric-line--selected{background-color:var(--surface-2)}.lyric-line--learned .lyric-line__num{background-color:var(--success-soft);color:var(--success);box-shadow:inset 0 0 0 1.5px var(--success);justify-content:center;align-items:center;display:inline-flex}.lyric-line--learned .lyric-line__num:after{content:"";background-color:currentColor;width:.625rem;height:.625rem;margin-left:2px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}.ruby{border-radius:var(--radius-sm);min-width:1.05em;color:var(--text);font:inherit;line-height:inherit;text-align:center;vertical-align:bottom;-webkit-user-select:text;user-select:text;transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background-color:#0000;border:0;flex-direction:column;justify-content:flex-end;align-items:center;margin:0;padding:.125rem .0625rem .1875rem;display:inline-flex;position:relative}button.ruby{cursor:pointer}.ruby>ruby{ruby-position:over;flex-direction:column-reverse;align-items:center;line-height:1.1;display:inline-flex}.ruby rt{color:var(--tone-c,var(--text-muted));font-family:var(--font-jp);font-size:var(--jp-size);font-weight:var(--fw-semibold);letter-spacing:.01em;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-bottom:.125rem;line-height:1.25;display:block}.ruby rp{display:none}.ruby--punct{min-width:0;color:var(--text-muted);padding-inline:0}.ruby-group{align-items:flex-end;column-gap:var(--lyric-gap-x);flex-wrap:nowrap;display:inline-flex}@media (hover:hover){button.ruby:hover{background-color:var(--tone-soft-c,var(--surface-2))}}button.ruby:active{transform:scale(.94)}button.ruby:focus-visible{outline-offset:0}.ruby--selected,.ruby[aria-expanded=true]{background-color:var(--tone-soft-c,var(--surface-2));box-shadow:0 0 0 2px var(--tone-c,var(--primary))}.ruby--sung{box-shadow:inset 0 -3px 0 var(--highlight)}.lyrics--tone-chars .ruby{color:var(--tone-c,var(--text))}.lyrics--mono .ruby{color:var(--text)}.lyrics--mono .ruby rt,.lyrics--tone-chars .ruby--punct,.lyrics--mono .ruby--punct{color:var(--text-muted)}.lyrics--contour .ruby:not(.ruby--punct):after{content:"";background-color:var(--tone-c,var(--text-muted));width:min(1.5rem,.9em);height:.5rem;-webkit-mask:var(--contour,none) center / 100% 100% no-repeat;-webkit-mask:var(--contour,none) center / 100% 100% no-repeat;mask:var(--contour,none) center / 100% 100% no-repeat;margin-top:.125rem;display:block}.lyrics--contour .ruby:not(.ruby--punct):before{content:"";border-top:1px dotted var(--border);border-bottom:1px dotted var(--border);pointer-events:none;width:min(1.5rem,.9em);height:.5rem;position:absolute;bottom:.1875rem;left:50%;transform:translate(-50%)}.lyrics--contour .ruby--punct:after{content:"";height:.625rem;display:block}.lyrics--mono.lyrics--contour .ruby:not(.ruby--punct):after{background-color:var(--text-muted)}.lyrics--hide-jp .ruby rt,.lyric-line--hide-jp .ruby rt{color:#0000;background-image:radial-gradient(circle, var(--border-strong) 1px, transparent 1.6px);background-position:50%;background-repeat:repeat-x;background-size:5px 5px}@media (hover:hover){.lyrics--hide-jp button.ruby:hover rt,.lyric-line--hide-jp button.ruby:hover rt{color:var(--tone-c,var(--text-muted));background-image:none}}.lyrics--hide-jp .ruby:focus-visible rt,.lyric-line--hide-jp .ruby:focus-visible rt,.lyrics--hide-jp .ruby.is-peek rt,.lyric-line--hide-jp .ruby.is-peek rt{color:var(--tone-c,var(--text-muted));background-image:none}.lyrics--mono.lyrics--hide-jp .ruby:focus-visible rt,.lyrics--mono.lyrics--hide-jp .ruby.is-peek rt{color:var(--text-muted)}.lyrics--no-jp .ruby rt{display:none}.lyrics--no-jp .lyric-line__num{margin-top:calc(.125rem + var(--lyric-size) * .55 - .75rem)}.quiz-card{padding:var(--space-6) var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);background-color:var(--surface);box-shadow:var(--shadow-2)}@media (min-width:768px){.quiz-card{padding:var(--space-8)}}.quiz-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.quiz-card__step{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.quiz-card__prompt{font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.quiz-card__subject{margin:var(--space-6) 0;font-family:var(--font-lyric);justify-content:center;font-size:clamp(2.5rem,2rem + 3vw,3.5rem);line-height:1.2;display:flex}.quiz-card__options{gap:var(--space-3);display:grid}@media (min-width:640px){.quiz-card__options--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.quiz-card__footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);display:flex}.quiz-option{--qo-c:var(--border-strong);--qo-bg:var(--surface);align-items:center;gap:var(--space-3);width:100%;min-height:3.5rem;padding:var(--space-3) var(--space-4);border:2px solid var(--border);border-radius:var(--radius-lg);background-color:var(--qo-bg);color:var(--text);font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-snug);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);display:flex;position:relative}@media (hover:hover){.quiz-option:hover{border-color:var(--border-strong);background-color:var(--surface-2)}}.quiz-option:active{transform:scale(.99)}.quiz-option__key{border:1.5px solid var(--qo-c);border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-muted);font-family:var(--font-jp);font-size:var(--fs-sm);font-weight:var(--fw-bold);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:grid}.quiz-option__text{flex:1;min-width:0}.quiz-option__icon{opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring);flex:none;transform:scale(.6)}.quiz-option__icon.icon{--icon-size:1.5rem}.quiz-option[aria-pressed=true],.quiz-option[aria-checked=true],.quiz-option--selected{--qo-c:var(--info);border-color:var(--info);background-color:var(--info-soft)}.quiz-option[aria-pressed=true] .quiz-option__key,.quiz-option[aria-checked=true] .quiz-option__key,.quiz-option--selected .quiz-option__key{background-color:var(--info);color:var(--info-contrast)}.quiz-option--correct{--qo-c:var(--success);border-color:var(--success);background-color:var(--success-soft);animation:yg-pop var(--dur-slow) var(--ease-spring)}.quiz-option--correct .quiz-option__key{background-color:var(--success);color:var(--success-contrast)}.quiz-option--correct .quiz-option__icon{color:var(--success);opacity:1;transform:none}.quiz-option--wrong{--qo-c:var(--danger);border-color:var(--danger);background-color:var(--danger-soft);animation:yg-shake .4s var(--ease-out)}.quiz-option--wrong .quiz-option__key{background-color:var(--danger);color:var(--danger-contrast)}.quiz-option--wrong .quiz-option__icon{color:var(--danger);opacity:1;transform:none}.quiz-option--dimmed{opacity:.55}.quiz-option:disabled{cursor:default;transform:none}.quiz-feedback{--qf-c:var(--success);--qf-soft:var(--success-soft);align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-lg);background-color:var(--qf-soft);color:var(--text);animation:yg-slide-up var(--dur-slow) var(--ease-out);flex-wrap:wrap;display:flex}.quiz-feedback--wrong{--qf-c:var(--danger);--qf-soft:var(--danger-soft)}.quiz-feedback__icon{background-color:var(--qf-c);width:2.5rem;height:2.5rem;color:var(--surface);border-radius:50%;flex:none;place-items:center;display:grid}.quiz-feedback__body{flex:12rem;min-width:0}.quiz-feedback__title{color:var(--qf-c);font-size:var(--fs-lg);font-weight:var(--fw-black);line-height:var(--lh-snug)}.quiz-feedback__text{color:var(--text);font-size:var(--fs-sm)}.quiz-feedback .btn{flex:100%}@media (min-width:480px){.quiz-feedback .btn{flex:none}}.quiz-feedback--sticky{bottom:calc(var(--tabbar-space) + var(--space-3));z-index:var(--z-sticky);box-shadow:var(--shadow-3);position:sticky}.result-summary{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.result-summary__title{font-size:var(--fs-h2);font-weight:var(--fw-black)}.result-summary__text{max-width:28rem;color:var(--text-muted)}.result-summary__stats{gap:var(--space-2);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:30rem;display:grid}.result-summary__actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.score-ring{--value:0;--ring-c:var(--primary);background:conic-gradient(var(--ring-c) calc(var(--value) * 1%), var(--chart-track) 0);width:9rem;height:9rem;box-shadow:var(--glow-primary);border-radius:50%;place-items:center;display:grid;position:relative}.score-ring:before{content:"";background-color:var(--surface);border-radius:50%;position:absolute;inset:.75rem}.score-ring__value{color:var(--text);font-size:var(--fs-4xl);font-weight:var(--fw-black);line-height:1;position:relative}.score-ring__unit{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.score-ring__label{color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin-top:.25rem;display:block}.flashcard{perspective:1400px}.flashcard__inner{width:100%;min-height:17rem;transform-style:preserve-3d;transition:transform var(--dur-slower) var(--ease-in-out);display:grid;position:relative}.flashcard--flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);background-color:var(--surface);box-shadow:var(--shadow-2);text-align:center;backface-visibility:hidden;flex-direction:column;grid-area:1/1;display:flex}.flashcard__back{background-image:linear-gradient(180deg, var(--primary-soft), transparent 45%);transform:rotateY(180deg)}.flashcard__char{font-family:var(--font-lyric);font-size:clamp(3.5rem,3rem + 4vw,5rem);line-height:1.1}.flashcard__jp{font-family:var(--font-jp);font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:.01em}.flashcard__meaning{max-width:24rem;color:var(--text);font-size:var(--fs-lg)}.flashcard__example{color:var(--text-muted);font-size:var(--fs-sm)}.flashcard__hint{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--fs-sm)}.flashcard__corner{top:var(--space-4);left:var(--space-4);position:absolute}@media (prefers-reduced-motion:reduce){.flashcard__inner,.flashcard--flipped .flashcard__inner{transform:none}.flashcard__back{visibility:hidden;transform:none}.flashcard--flipped .flashcard__front{visibility:hidden}.flashcard--flipped .flashcard__back{visibility:visible}}.srs-grades{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.srs-grade{--srs-c:var(--text);--srs-soft:var(--surface-2);min-height:3.75rem;padding:var(--space-2) var(--space-1);border-radius:var(--radius-lg);background-color:var(--srs-soft);color:var(--srs-c);font-size:var(--fs-md);font-weight:var(--fw-bold);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1.5px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;line-height:1.2;display:flex}.srs-grade:hover{border-color:var(--srs-c)}.srs-grade:active{transform:scale(.97)}.srs-grade__interval{color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.srs-grade--again{--srs-c:var(--danger);--srs-soft:var(--danger-soft)}.srs-grade--hard{--srs-c:var(--warning);--srs-soft:var(--warning-soft)}.srs-grade--good{--srs-c:var(--success);--srs-soft:var(--success-soft)}.srs-grade--easy{--srs-c:var(--info);--srs-soft:var(--info-soft)}.player-bar{bottom:var(--tabbar-space);z-index:var(--z-player);margin-top:var(--space-6);border-top:var(--border-width) solid var(--border);background-color:var(--surface-overlay);position:sticky;box-shadow:0 -10px 30px -18px #281a0a73}.player-bar--fixed{margin-top:0;position:fixed;left:0;right:0}.player-bar__inner{align-items:center;gap:var(--space-1) var(--space-3);width:100%;max-width:calc(var(--container-max) + var(--gutter) * 2);padding:var(--space-2) var(--gutter-right) var(--space-2) var(--gutter-left);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"play info""controls controls";margin-inline:auto;display:grid}@media (min-width:768px){.player-bar__inner{gap:var(--space-4);padding-block:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"play info controls"}}.player-bar__play{background-color:var(--primary);width:3.25rem;height:3.25rem;color:var(--primary-contrast);box-shadow:var(--shadow-2), var(--glow-primary);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border:0;border-radius:50%;grid-area:play;place-items:center;padding:0;display:grid}.player-bar__play:hover{background-color:var(--primary-hover)}.player-bar__play:active{transform:scale(.94)}.player-bar__play .icon{--icon-size:1.5rem}.player-bar__info{grid-area:info;min-width:0}.player-bar__title{color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.player-bar__line{color:var(--text-muted);font-weight:var(--fw-medium)}.player-bar__timeline{align-items:center;gap:var(--space-2);display:flex}.player-bar__timeline .range{min-width:0;height:var(--tap-min);flex:1;margin-block:-6px -3px}.player-bar__time{min-width:2.5rem;color:var(--text-muted);font-family:var(--font-jp);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:center;flex:none}.player-bar__controls{justify-content:space-between;align-items:center;gap:var(--space-2);grid-area:controls;display:flex}@media (min-width:768px){.player-bar__controls{justify-content:flex-end}}.player-bar__speed{min-width:3.5rem;font-family:var(--font-jp);font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.text-center{text-align:center}.nowrap{white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:767.98px){.hide-mobile{display:none!important}}@media (min-width:768px){.hide-desktop{display:none!important}}@keyframes yg-spin{to{transform:rotate(360deg)}}@keyframes yg-shimmer{to{transform:translate(100%)}}@keyframes yg-fade-in{0%{opacity:0}}@keyframes yg-modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes yg-sheet-in{0%{transform:translateY(100%)}}@keyframes yg-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes yg-toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes yg-toast-out{to{opacity:0;transform:translateY(8px)}}@keyframes yg-slide-up{0%{opacity:0;transform:translateY(8px)}}@keyframes yg-pop{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes yg-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes yg-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.app-main{outline:none;min-height:calc(100vh - 10rem)}:root{--lyric-base:1.625rem;--lyric-size:calc(var(--lyric-base) * var(--lyrics-scale,1))}@media (min-width:768px){:root{--lyric-base:2rem;--lyric-size:calc(var(--lyric-base) * var(--lyrics-scale,1))}}.app-main:has(>.page)+.site-footer{margin-top:calc(var(--space-4) - var(--tabbar-space))}:where(dialog){margin:auto}.ruby--poly .ruby__base{text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:2px}.ruby--poly[title]{cursor:help}button.ruby--poly[title]{cursor:pointer}.lyrics button.ruby{scroll-margin-block:calc(var(--topbar-h) + 4.5rem) calc(var(--player-h) + var(--tabbar-space) + 1rem)}@media (max-width:1023.98px) and (max-height:560px){:root{--tabbar-space:0px;--sticky-top:0px}.topbar{position:relative}.tabbar{position:static}.player-bar{padding-bottom:var(--safe-bottom)}}