:root{--bg:#000000;--surface:#1d1d1f;--surface-warm:#272729;--fg:#f5f5f7;--fg-2:#d2d2d7;--muted:#a1a1a6;--meta:#86868b;--border:#424245;--border-soft:#2c2c2e;--accent:#e31e25;--accent-on:#ffffff;--accent-hover:#f23239;--accent-active:#c4151c;--accent-light:#ff5a52;--success:#30d158;--warn:#ffd60a;--danger:#ff453a;--font-display:"SF Pro Display","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;--font-body:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,Monaco,Consolas,monospace;--text-xs:12px;--text-sm:14px;--text-base:17px;--text-lg:21px;--text-xl:28px;--text-2xl:40px;--text-3xl:56px;--text-4xl:80px;--leading-body:1.47;--leading-tight:1.05;--tracking-display:-0.015em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--section-y-desktop:100px;--section-y-tablet:64px;--section-y-phone:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:980px;--elev-flat:none;--elev-ring:0 0 0 1px var(--border);--elev-raised:0 12px 32px rgba(0,0,0,0.08);--focus-ring:0 0 0 4px color-mix(in oklab,var(--accent-light),transparent 65%);--motion-fast:150ms;--motion-base:220ms;--ease-standard:cubic-bezier(0.28,0,0.22,1);--container-max:1024px;--container-band-max:1320px;--container-gutter-desktop:22px;--container-gutter-tablet:18px;--container-gutter-phone:16px}*,:after,:before{box-sizing:border-box}html{color-scheme:dark;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--text-base)/var(--leading-body) var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-gutter-desktop)}.row,.row-between{display:flex;align-items:center;gap:var(--space-3)}.row-between{justify-content:space-between;flex-wrap:wrap}.stack{display:flex;flex-direction:column}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4)}.grid-2,.grid-3{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4)}.section{padding-block:clamp(44px,6vw,var(--section-y-desktop))}h1{font-size:clamp(34px,5vw,48px);line-height:1.08}h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-display);margin:0}h2{font-size:clamp(26px,3.4vw,32px);line-height:1.12}h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.25;margin:0}.lead{font-size:19px;line-height:var(--leading-body);color:var(--muted);max-width:60ch;margin:0}.eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light);margin:0}.meta{font-size:13px;color:var(--meta)}.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-soft)}.topnav-inner{gap:var(--space-5);min-height:60px}.brand,.topnav-inner{display:flex;align-items:center}.brand{gap:10px;font-family:var(--font-display);font-weight:600;font-size:var(--text-base);letter-spacing:-.01em;color:var(--fg)}.brand img{width:23px;height:26px}.topnav nav{display:flex;gap:var(--space-5);margin-left:auto}.topnav nav a{font-size:var(--text-sm);color:var(--muted);padding:8px 2px}.topnav nav a:hover{color:var(--fg)}.topnav nav a[aria-current=page]{color:var(--fg);font-weight:600}.role-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--border-soft);background:var(--surface);border-radius:var(--radius-pill);padding:5px 14px 5px 5px;font-size:13px;color:var(--fg-2);white-space:nowrap}.avatar{width:26px;height:26px;border-radius:50%;background:var(--surface-warm);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--fg)}.logout-btn{min-height:32px;padding:5px 14px;font-size:13px;border-radius:var(--radius-pill)}.logout-btn:hover{background:var(--surface-warm);color:var(--fg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:var(--radius-md);border:1px solid transparent;font:600 15px/1.2 var(--font-body);letter-spacing:-.005em;color:var(--fg);background:transparent;text-decoration:none;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px;flex:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-active);border-color:var(--accent-active)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--fg)}.btn-secondary:hover{background:var(--surface-warm);border-color:var(--meta)}.btn-ghost{padding-inline:12px;color:var(--fg-2)}.btn-ghost:hover{background:var(--surface-warm);color:var(--fg)}.btn-danger{background:transparent;border-color:color-mix(in oklab,var(--danger),transparent 40%);color:var(--danger)}.btn-danger:hover{background:color-mix(in oklab,var(--danger),transparent 88%);border-color:var(--danger)}.pw-meter{display:flex;align-items:center;gap:10px;margin-top:8px}.pw-bars{display:flex;gap:4px;flex:1 1;max-width:220px}.pw-bars span{height:4px;flex:1 1;border-radius:2px;background:var(--surface-warm)}.pw-bars span.on-1,.pw-bars span.on-2{background:var(--danger)}.pw-bars span.on-3{background:#ffd60a}.pw-bars span.on-4{background:#30d158}.pw-label{font-size:12px;color:var(--meta);white-space:nowrap}.pw-label-weak{color:var(--danger)}.pw-label-good{color:#ffd60a}.pw-label-strong{color:#30d158}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-5)}.ds-table{width:100%;border-collapse:collapse;font-size:15px}.ds-table th{font:600 var(--text-xs)/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--meta);text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}.ds-table td{padding:14px;border-bottom:1px solid var(--border-soft);vertical-align:top;color:var(--fg-2)}.ds-table td:first-child{color:var(--fg);font-weight:600;white-space:nowrap}.ds-table tr.is-you td{background:var(--surface-warm)}.ucards{display:none}.ucards-heading{font-size:18px;margin:0 0 12px}.pending-head{border-left:3px solid #ffd60a;padding:2px 0 2px 14px;margin-bottom:14px}.pending-head .ucards-heading{color:#ffd60a}.pending-head .pending-hint{margin:2px 0 0;font-size:13px;color:var(--meta)}.section-sep{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0 0}.toolbar{gap:8px}.ucard{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:14px 16px}.ucard.is-you{border-color:color-mix(in oklab,var(--accent-light),transparent 30%)}.ucard-head{display:flex;align-items:center;gap:12px;min-width:0}.ucard-id{min-width:0}.ucard-name{margin:0;font:600 16px/1.3 var(--font-body);color:var(--fg);display:flex;align-items:center;gap:8px}.ucard-email{margin:2px 0 0;font-size:13px;color:var(--muted);word-break:break-all}.avatar-lg{width:40px;height:40px;font-size:15px;flex:none}.status-chip{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:none;font:600 12px/1 var(--font-body);padding:5px 10px;border-radius:var(--radius-pill)}.status-chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status-chip.on{color:#30d158;background:color-mix(in srgb,#30d158,transparent 88%)}.status-chip.warn{color:#ffd60a;background:color-mix(in srgb,#ffd60a,transparent 88%)}.status-chip.off{color:var(--meta);background:var(--surface-warm)}.ucard-meta{flex-wrap:wrap;gap:6px}.ucard-actions,.ucard-meta{display:flex;margin-top:12px}.ucard-actions{gap:8px;padding-top:12px;border-top:1px solid var(--border-soft)}.ucard-actions>*{flex:1 1}.ucard-actions .btn{width:100%;min-height:40px;font-size:14px}@media (max-width:720px){.users-table-wrap{display:none}.ucards{display:grid;grid-gap:10px;gap:10px}}.hero{padding-block:clamp(64px,10vw,var(--section-y-desktop));text-align:center}.hero-mark{width:106px;height:120px;margin:0 auto var(--space-6)}.hero h1{max-width:20ch;margin:14px auto 18px}.hero .lead{margin:0 auto var(--space-6)}.hero-cta{display:inline-flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.pagehead{padding-top:clamp(36px,6vw,64px);padding-bottom:var(--space-6)}.pagehead h1{margin:10px 0 0}.banner{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:14px 16px;font-size:var(--text-sm);color:var(--fg-2);margin-bottom:var(--space-5)}.banner svg{width:18px;height:18px;color:var(--fg-2);flex:none;margin-top:2px}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.search{position:relative;flex:1 1 340px;min-width:260px}.search>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--meta);pointer-events:none}.search .input{padding-left:44px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:transparent;color:var(--muted);font:500 var(--text-sm)/1 var(--font-body);transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.chip:hover{border-color:var(--border);color:var(--fg-2);background:var(--surface)}.chip[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg);font-weight:600}.chip .n{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.7}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg a,.seg button{min-height:38px;padding:8px 16px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:500 var(--text-sm)/1 var(--font-body);transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard);display:inline-flex;align-items:center}.seg a:hover,.seg button:hover{color:var(--fg-2)}.seg a[aria-pressed=true],.seg button[aria-pressed=true]{background:var(--border);color:var(--fg);font-weight:600}.results-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.results-meta{margin:0}.per-label{align-self:center;padding:0 6px 0 10px;font-size:var(--text-xs);color:var(--meta);white-space:nowrap}.song-list{display:flex;flex-direction:column;border-top:1px solid var(--border-soft)}.song-row{display:grid;grid-template-columns:minmax(0,1fr) 190px 175px 26px;grid-gap:var(--space-4);gap:var(--space-4);align-items:center;padding:18px 12px;border-bottom:1px solid var(--border-soft);transition:background var(--motion-fast) var(--ease-standard)}.song-row:hover{background:color-mix(in srgb,var(--fg) 4%,transparent)}.song-title{font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.song-sub{color:var(--muted);margin-top:3px}.c-artist,.song-sub{font-size:var(--text-sm)}.c-artist{color:var(--fg-2)}.c-artist .lang{display:block;color:var(--meta);font-size:var(--text-xs);margin-top:2px}.c-last{text-align:right}.c-last .d{font-size:15px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.c-last .n{display:block;font-size:var(--text-xs);margin-top:2px}.c-chev,.c-last .n{color:var(--meta)}.c-chev svg{width:16px;height:16px}.song-row:hover .c-chev{color:var(--fg-2)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot.ok{background:var(--success)}.dot.warn{background:var(--warn)}.dot.off{background:var(--meta)}.badge-new{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);padding:3px 8px;border-radius:var(--radius-pill)}.empty{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:56px 24px;text-align:center;color:var(--muted)}.empty svg{width:36px;height:36px;color:var(--meta);margin:0 auto 14px}.empty h3{margin-bottom:8px}.empty p{margin:0 0 20px;font-size:15px}.detail{padding-top:var(--space-5)}.detail h1{font-size:clamp(32px,4.6vw,44px)}.back{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:var(--text-sm);padding:6px 0}.back svg{width:15px;height:15px}.back:hover{color:var(--fg)}.detail h1{margin-top:12px}.detail-sub{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--muted);margin:8px 0 0;letter-spacing:-.01em}.detail-artist{color:var(--fg-2);font-size:15px;margin:12px 0 16px}.meta-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-5)}.meta-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:var(--surface);font-size:13px;color:var(--fg-2)}.meta-chip .num{font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.band{max-width:var(--container-band-max);margin-inline:auto;padding-inline:var(--container-gutter-desktop)}.lyric-card{padding:var(--space-5) var(--space-6);overflow:hidden}.lc-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--meta);margin:0 0 var(--space-4)}.lyric{white-space:pre-line;font-size:var(--text-base);line-height:1.75}.lyric-label{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--meta);margin-top:6px}.usage{margin-top:56px}.usage-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.usage-count{font-size:13px;color:var(--meta)}.timeline{display:flex;flex-direction:column}.tl-row{display:grid;grid-template-columns:120px 1fr auto;grid-gap:var(--space-4);gap:var(--space-4);padding:16px 4px;border-top:1px solid var(--border-soft);align-items:baseline}.tl-date{font-family:var(--font-mono);font-size:13px;color:var(--fg-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tl-note{font-size:15px;font-weight:500;color:var(--fg)}.tl-by{font-size:13px}.tl-by,.tl-empty{color:var(--meta)}.tl-empty{padding:24px 4px;font-size:15px;border-top:1px solid var(--border-soft)}dialog.dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--fg);padding:0;width:min(480px,calc(100vw - 32px))}.dialog::-webkit-backdrop{background:color-mix(in srgb,var(--bg) 70%,transparent)}.dialog::backdrop{background:color-mix(in srgb,var(--bg) 70%,transparent)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6) 0}.dlg-close{background:var(--surface-warm);border:1px solid var(--border-soft);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--muted);flex:none}.dlg-close:hover{color:var(--fg);border-color:var(--border)}.dlg-close svg{width:14px;height:14px}.dialog-body{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.dialog-foot{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:600;color:var(--fg-2)}.field .help{font-size:13px;color:var(--meta)}.field .err{display:none;font-size:13px;color:var(--danger);align-items:center;gap:6px}.field.invalid .err{display:flex}.field.invalid .input,.field.invalid .select,.field.invalid .textarea{border-color:var(--danger)}.err svg,.field .err svg{width:14px;height:14px;flex:none}.input,.select,.textarea{width:100%;min-height:44px;padding:11px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);font:400 16px/1.45 var(--font-body);transition:border-color var(--motion-fast) var(--ease-standard)}.input::placeholder,.textarea::placeholder{color:var(--meta)}.input:hover,.select:hover,.textarea:hover{border-color:var(--meta)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--accent-light);box-shadow:var(--focus-ring)}.textarea{min-height:200px;resize:vertical;line-height:1.6}.textarea-lyric{min-height:480px}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid var(--meta);border-bottom:2px solid var(--meta);transform:translateY(-70%) rotate(45deg);pointer-events:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:38px}.form-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.radio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.radio-card{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--fg-2);font-size:var(--text-sm);transition:border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.radio-card:hover{border-color:var(--meta)}.radio-card input{position:absolute;opacity:0;pointer-events:none}.radio-card:has(input:checked){border-color:var(--fg);background:var(--surface-warm);color:var(--fg);font-weight:600}.radio-card:has(input:focus-visible){box-shadow:var(--focus-ring)}.radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);flex:none;transition:border var(--motion-fast) var(--ease-standard)}.radio-card:has(input:checked) .radio-dot{border:5px solid var(--fg)}.form-foot{justify-content:flex-end;gap:var(--space-2);border-top:1px solid var(--border-soft);padding-top:var(--space-5)}.form-foot,.lyric-tools{display:flex;flex-wrap:wrap}.lyric-tools{gap:6px}.lyric-tools button{min-height:44px;padding:8px 15px;border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--bg);color:var(--fg-2);font:500 13px/1 var(--font-mono);letter-spacing:.02em;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.lyric-tools button:hover{background:var(--surface-warm);border-color:var(--border);color:var(--fg)}.lyric-tools button:active{transform:translateY(1px)}.success-panel{text-align:center;padding:64px 24px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);max-width:760px}.success-icon{width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success);display:grid;place-items:center;margin:0 auto 18px}.success-icon svg{width:26px;height:26px}.success-panel h2{margin-bottom:10px}.success-panel p{color:var(--muted);font-size:15px;margin:0 0 26px}.success-actions{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.notfound{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:56px 24px;text-align:center;color:var(--muted);margin-top:var(--space-8)}.notfound h2{margin-bottom:10px}.pager{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-6)}.pager,.pager a,.pager span.pager-dot{align-items:center;justify-content:center}.pager a,.pager span.pager-dot{display:inline-flex;min-width:44px;min-height:44px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:transparent;color:var(--fg-2);font:500 var(--text-sm)/1 var(--font-body);transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.pager a:hover{background:var(--surface-warm);border-color:var(--border);color:var(--fg)}.pager span[aria-current=page]{background:var(--fg);border-color:var(--fg);color:var(--bg);font-weight:600}.pager .pager-disabled{opacity:.35;pointer-events:none}.pagefoot,.pager-label{font-size:13px;color:var(--meta)}.pagefoot{border-top:1px solid var(--border-soft);padding-block:var(--space-8);margin-top:64px}.pagefoot a{color:var(--fg-2);text-decoration:underline;text-underline-offset:3px}.pagefoot a:hover{color:var(--fg)}.tabbar{position:fixed;bottom:0;left:0;right:0;display:none;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border-soft);padding:6px 8px calc(6px + env(safe-area-inset-bottom, 0px))}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:46px;flex:1 1;padding:4px 12px;color:var(--meta);border-radius:var(--radius-sm);font-size:10px;letter-spacing:.02em}.tabbar a svg{width:22px;height:22px}.tabbar a:hover{color:var(--fg-2)}.tabbar a[aria-current=page]{color:var(--accent-light)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:10px;background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-pill);padding:12px 20px;color:var(--fg);font-size:var(--text-sm);z-index:90;max-width:min(92vw,480px);transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.toast-show{opacity:1;transform:translate(-50%)}.toast svg{width:18px;height:18px;color:var(--success);flex:none}.login-wrap{min-height:calc(100svh - 148px);display:grid;place-items:center;padding-block:clamp(24px,5vh,56px)}.login-center{width:100%;text-align:center}.login-center,.login-intro{display:flex;flex-direction:column;align-items:center}.login-intro{max-width:520px;margin-bottom:var(--space-6)}.login-intro img{width:54px;height:61px;margin-bottom:var(--space-4)}.login-intro .eyebrow{margin-bottom:10px}.login-intro h1{font-size:clamp(30px,4vw,40px);margin-bottom:12px}.login-intro .lead{font-size:16px}.login-card{width:100%;max-width:460px;text-align:left}@media (max-width:920px){.band,.container{padding-inline:var(--container-gutter-phone)}.grid-2,.grid-3{grid-template-columns:1fr}.topnav nav{display:none}.role-chip{margin-left:auto}.role-chip .role-name{display:none}.tabbar{display:flex}body{padding-bottom:84px}.toast{bottom:calc(24px + env(safe-area-inset-bottom, 0px))}.song-row{grid-template-columns:minmax(0,1fr) 22px;grid-template-areas:"main chev" "artist artist" "last last";row-gap:8px;padding:16px 6px}.c-main{grid-area:main;min-width:0}.c-artist{grid-area:artist;display:flex;gap:8px;align-items:baseline}.c-artist .lang{display:inline;margin:0}.c-last{grid-area:last;text-align:left;display:flex;align-items:baseline;gap:8px}.c-last .n{display:inline;margin:0}.c-chev{grid-area:chev}.form-grid,.radio-grid{grid-template-columns:1fr}.form-card,.lyric-card{padding:var(--space-5)}.textarea-lyric{min-height:360px}.tl-row{grid-template-columns:1fr;row-gap:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}