:root{--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--bg-base: #08090d;--bg-glow-a: rgba(124, 92, 246, .12);--bg-glow-b: rgba(56, 189, 248, .08);--surface-0: rgba(18, 20, 28, .72);--surface-1: rgba(24, 27, 38, .88);--surface-2: rgba(32, 36, 50, .95);--surface-inset: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #8b5cf6;--accent-hover: #a78bfa;--accent-soft: rgba(139, 92, 246, .14);--accent-glow: rgba(139, 92, 246, .35);--cyan: #38bdf8;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 32px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .45);--header-h: 4.25rem}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);line-height:1.5;font-weight:400;color:var(--text);background:var(--bg-base);-webkit-font-smoothing:antialiased}#root{min-height:100vh}html{overflow-x:hidden}.app-shell{min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--bg-glow-a),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,var(--bg-glow-b),transparent),var(--bg-base)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.app-header{position:sticky;top:0;z-index:100;padding:.85rem 1.25rem}.app-header__inner{max-width:920px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .65rem .55rem .85rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-0);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:var(--shadow-sm)}.app-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;flex-shrink:0}.app-brand__mark{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:var(--radius-sm);font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--accent),#6366f1);box-shadow:0 4px 14px var(--accent-glow)}.app-brand__text{display:flex;flex-direction:column;line-height:1.2}.app-brand__text strong{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.app-brand__text small{font-size:.68rem;font-weight:500;color:var(--text-muted);letter-spacing:.04em}.app-nav{display:flex;gap:.25rem;padding:.2rem;border-radius:var(--radius-full);background:#00000038;border:1px solid var(--border)}.app-nav__link{padding:.45rem .9rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .18s,background .18s,box-shadow .18s;white-space:nowrap}.app-nav__link:hover{color:var(--text-secondary)}.app-nav__link--active{color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-strong),0 2px 8px #0003}.app-user{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.app-user__identity{display:inline-flex;align-items:center;gap:.4rem;max-width:12rem}.app-user__avatar{width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--border)}.app-user__avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;color:#e0e7ff;background:linear-gradient(135deg,#6366f18c,#a855f773)}.app-user__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--text-secondary)}.app-user__profile-link{text-decoration:none;border-radius:var(--radius-sm);padding:.18rem .35rem;transition:color .15s ease,background .15s ease}.app-user__profile-link:hover{color:var(--text);background:#ffffff0f}.app-user__profile-link.router-link-active{color:#c7d2fe;background:#6366f129}.app-user__level-wrap{position:relative}.app-user__level-popover{position:absolute;top:calc(100% + .45rem);right:0;z-index:200;min-width:10.5rem;padding:.65rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;pointer-events:none}.app-user__level-wrap:hover .app-user__level-popover,.app-user__level-wrap:focus-within .app-user__level-popover{opacity:1;visibility:visible;transform:translateY(0)}.app-user__level-popover-title{margin:0 0 .45rem;font-size:.72rem;color:var(--text-muted)}.app-user__level-popover-hint{margin:.45rem 0 0;font-size:.72rem;color:var(--text-secondary)}.app-user__level-popover .practice-level__tooltip{display:none}.app-user__login{padding:.38rem .75rem;font-size:.78rem;white-space:nowrap}.app-user__logout{padding:.28rem .55rem;font-size:.72rem}.app-shell--auth-locked .app-main{pointer-events:none;-webkit-user-select:none;user-select:none}.login-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.login-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 40%,rgba(139,92,246,.18),transparent 70%),radial-gradient(ellipse 50% 40% at 80% 60%,rgba(56,189,248,.1),transparent 65%),#04050ac7;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}.login-modal__card{position:relative;z-index:1;width:100%;max-width:min(26.5rem,100%);max-height:min(90dvh,100%);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.login-card{position:relative;z-index:1;width:100%;max-width:min(26.5rem,100%);max-height:100%;margin:0;padding:0;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(165deg,#1c1e2af2,#12141ceb);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0a inset,0 0 80px #8b5cf61f;-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15);overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--cyan),var(--accent));opacity:.85}.login-card__header{display:flex;align-items:flex-start;gap:1rem;padding:1.75rem 1.75rem 0}.login-card__mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.25rem;height:3.25rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent) 0%,#6366f1 55%,var(--cyan) 100%);box-shadow:0 10px 28px var(--accent-glow)}.login-card__mark-icon{font-size:1.35rem;font-weight:700;color:#fff;line-height:1}.login-card__titles{min-width:0;padding-top:.15rem}.login-card__title{margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--text)}.login-card__subtitle{margin:.45rem 0 0;font-size:.88rem;line-height:1.55;color:var(--text-secondary)}.login-card__features{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.15rem 1.75rem 0;padding:0;list-style:none}.login-card__features li{padding:.28rem .65rem;font-size:.72rem;font-weight:500;color:var(--text-muted);border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--border)}.login-form{padding:1.35rem 1.75rem 1.75rem}.login-form__field{margin-bottom:1.1rem}.login-form__field .login-form__label{display:block;margin-bottom:.45rem;font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.login-form__input-wrap{position:relative}.login-form__input-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);display:flex;color:var(--text-muted);pointer-events:none}.login-form__input{width:100%;padding:.78rem .95rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000047;color:var(--text);font-family:var(--font);font-size:.95rem;transition:border-color .15s,box-shadow .15s,background .15s}.login-form__input-wrap .login-form__input{padding-left:2.65rem}.login-form__input--code{flex:1;min-width:0;font-variant-numeric:tabular-nums;letter-spacing:.12em;text-align:center}.login-form__input::placeholder{color:var(--text-muted);letter-spacing:normal}.login-form__input:hover{border-color:var(--border-strong)}.login-form__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#00000059}.login-form__code-row{display:flex;gap:.55rem;align-items:stretch}.login-form__send{flex-shrink:0;min-width:6.5rem;padding:.78rem .85rem;border:1px solid rgba(139,92,246,.45);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-hover);font-family:var(--font);font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.login-form__send:hover:not(:disabled){background:#8b5cf638;border-color:var(--accent-hover);transform:translateY(-1px)}.login-form__send:disabled{opacity:.45;cursor:not-allowed;transform:none}.login-form__security{margin-bottom:1.1rem;padding:.75rem .9rem;border-radius:var(--radius-sm);border:1px dashed var(--border);background:#00000026}.login-form__security--ok{display:flex;align-items:center;gap:.55rem;border-style:solid;border-color:#34d39959;background:#34d39914;font-size:.8rem;color:var(--success)}.login-form__security-ok{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;color:#052e1a;background:var(--success)}.login-form__security-label{margin:0 0 .55rem;font-size:.76rem;color:var(--text-muted)}.login-form__captcha{min-height:2.5rem;max-width:100%;overflow:hidden}.login-form__captcha .turnstile-widget,.login-form__captcha iframe{max-width:100%!important}.turnstile-widget{width:100%;max-width:100%;overflow:hidden}.login-form__submit{width:100%;margin-top:.25rem;padding:.82rem 1.25rem;font-size:.95rem;border-radius:var(--radius-sm)}@media (max-width: 480px){.login-modal{padding:.75rem}.login-card__header,.login-form{padding-left:1.25rem;padding-right:1.25rem}.login-card__features{margin-left:1.25rem;margin-right:1.25rem}.login-card__title{font-size:1.28rem}.login-form__code-row{flex-direction:column}.login-form__send{width:100%;min-width:0}}@media (max-height: 720px){.login-card__header{padding-top:1.25rem}.login-card__header,.login-form{padding-left:1.35rem;padding-right:1.35rem}.login-card__features{margin-top:.75rem;margin-left:1.35rem;margin-right:1.35rem}.login-form{padding-top:1rem;padding-bottom:1.25rem}.login-form__field{margin-bottom:.85rem}.login-card__mark{width:2.75rem;height:2.75rem}.login-card__title{font-size:1.25rem}}.login-qr{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start;margin-top:1rem}.login-qr__wrap{display:flex;justify-content:center}.login-qr__img{width:200px;height:200px;border-radius:12px;background:#fff;object-fit:contain}.login-qr__img--placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem}.login-qr__steps{margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.65;color:var(--text-muted)}.login-qr__hint{grid-column:1 / -1;margin:0;font-size:.82rem;color:var(--text-muted)}.login-qr__hint--error{color:#f87171}.login-qr__retry{grid-column:1 / -1;justify-self:start}@media (max-width: 520px){.login-qr{grid-template-columns:1fr;justify-items:center;text-align:center}.login-qr__steps{text-align:left}}.profile-page{width:100%}.profile-page__header{margin-bottom:1rem}.profile-page__loading{padding:2rem 0;text-align:center;color:var(--text-muted)}.profile-card{padding:1.35rem 1.25rem 1.15rem}.profile-card__hero{display:flex;align-items:center;gap:.85rem;margin-bottom:1.15rem}.profile-card__avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:3rem;height:3rem;border-radius:999px;font-size:1.15rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),#6366f1);box-shadow:0 8px 24px var(--accent-glow)}.profile-card__avatar--img{object-fit:cover;background:var(--surface-2)}.profile-card__intro h3{margin:0;font-size:1.05rem}.profile-card__intro p{margin:.2rem 0 0;font-size:.82rem;color:var(--text-muted);word-break:break-all}.profile-card__level{margin-top:.55rem}.practice-level{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem;max-width:100%;cursor:default}.practice-level__label{font-size:.72rem;color:var(--text-muted)}.practice-level__icons{display:flex;flex-wrap:wrap;align-items:center;gap:.18rem}.practice-level__icon{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;flex-shrink:0}.practice-level__icon svg{width:100%;height:100%}.practice-level__icon--star{color:#f5c542;filter:drop-shadow(0 0 2px rgba(245,197,66,.35))}.practice-level__icon--moon{color:#7dd3fc;filter:drop-shadow(0 0 2px rgba(125,211,252,.35))}.practice-level__icon--crown{color:#fbbf24;filter:drop-shadow(0 0 2px rgba(251,191,36,.4))}.practice-level__empty{font-size:.74rem;color:var(--text-muted)}.practice-level__tooltip{position:absolute;left:0;bottom:calc(100% + .45rem);z-index:5;padding:.35rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:.74rem;white-space:nowrap;box-shadow:var(--shadow-sm);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;pointer-events:none}.practice-level:hover .practice-level__tooltip,.practice-level:focus-within .practice-level__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.profile-form__label{display:block;margin-bottom:.35rem;font-size:.82rem;color:var(--text-muted)}.profile-form__input,.profile-form__textarea{width:100%;margin-bottom:.85rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000002e;color:var(--text);font-size:.92rem;font-family:inherit}.profile-form__input--readonly{color:var(--text-secondary);background:#0000001a;cursor:default}.profile-form__textarea{min-height:6.5rem;resize:vertical;line-height:1.55}.profile-form__input:focus,.profile-form__textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.profile-form__hint{margin:-.55rem 0 .85rem;text-align:right;font-size:.74rem;color:var(--text-muted)}.profile-form__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;padding:.75rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000024}.profile-form__meta-label{display:block;margin-bottom:.2rem;font-size:.74rem;color:var(--text-muted)}.profile-form__meta strong{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.profile-card__btn{width:100%}.profile-practice{margin-top:1rem;padding:1.2rem 1.15rem}.profile-practice__head h3{margin:0;font-size:1rem}.profile-practice__head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.profile-practice__level{flex-shrink:0}.profile-practice__head p{margin:.35rem 0 0;font-size:.78rem;color:var(--text-muted);line-height:1.5}.profile-practice__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem}.profile-practice__stat{padding:.75rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000024}.profile-practice__stat span{display:block;font-size:.74rem;color:var(--text-muted)}.profile-practice__stat strong{display:block;margin-top:.3rem;font-size:.95rem}.profile-practice__breakdown,.profile-practice__calendar,.profile-practice__trend{margin-top:1rem}.profile-practice__breakdown h4,.profile-practice__calendar h4,.profile-practice__trend h4{margin:0 0 .55rem;font-size:.86rem;color:var(--text-secondary)}.practice-calendar__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.practice-calendar__nav{display:inline-flex;align-items:center;gap:.55rem}.practice-calendar__nav strong{min-width:6.5rem;text-align:center;font-size:.92rem}.practice-calendar__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000002e;color:var(--text);font-size:1rem;line-height:1;cursor:pointer}.practice-calendar__nav-btn:disabled{opacity:.35;cursor:not-allowed}.practice-calendar__summary{margin:0;font-size:.78rem;color:var(--text-muted)}.practice-calendar__loading,.practice-calendar__error{margin:0;padding:1rem 0;font-size:.82rem;color:var(--text-muted);text-align:center}.practice-calendar__error{color:var(--danger)}.practice-calendar__weekdays,.practice-calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.practice-calendar__weekdays{margin-bottom:.35rem}.practice-calendar__weekdays span{text-align:center;font-size:.72rem;color:var(--text-muted)}.practice-calendar__cell{min-height:3.35rem;padding:.35rem .25rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0000001f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;text-align:center}.practice-calendar__cell--outside{opacity:.38}.practice-calendar__cell--heat-1{background:#6366f11f;border-color:#6366f140}.practice-calendar__cell--heat-2{background:#6366f138;border-color:#6366f159}.practice-calendar__cell--heat-3{background:#6366f157;border-color:#6366f17a}.practice-calendar__cell--heat-4{background:#6366f17a;border-color:#6366f19e}.practice-calendar__day{font-size:.78rem;color:var(--text-secondary)}.practice-calendar__duration{font-size:.66rem;color:var(--text-muted);line-height:1.2;word-break:keep-all}.practice-calendar__cell--active .practice-calendar__duration{color:var(--text)}.profile-practice__breakdown ul{margin:0;padding:0;list-style:none}.profile-practice__breakdown li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.84rem}.profile-practice__breakdown li:last-child{border-bottom:none}.profile-practice__bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;align-items:end;min-height:7rem;padding-top:.35rem}.profile-practice__bar-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}.profile-practice__bar{width:100%;max-width:2rem;min-height:.5rem;border-radius:.35rem .35rem .1rem .1rem;background:linear-gradient(180deg,#6366f1d9,#6366f159)}.profile-practice__bar-item span{font-size:.68rem;color:var(--text-muted);white-space:nowrap}.login-callback{max-width:24rem;margin:2rem auto;text-align:center}.login-callback__retry{display:inline-block;margin-top:1rem;text-decoration:none}.audio-job-banner{max-width:920px;margin:0 auto;padding:0 1.25rem .65rem}.audio-job-banner__inner{display:flex;align-items:center;gap:.35rem;min-height:2.25rem;padding:.45rem .5rem .45rem .85rem;border-radius:var(--radius-md);border:1px solid transparent}.audio-job-banner__link,.audio-job-banner__text{flex:1;min-width:0;margin:0;padding:0;border:none;background:none;font-size:.82rem;font-weight:500;line-height:1.4}.audio-job-banner__link{display:block;text-decoration:none;color:inherit;transition:opacity .18s}.audio-job-banner__link:hover{opacity:.88}.audio-job-banner__inner--running{color:#c4b5fd;background:#6366f11f;border-color:#6366f147}.audio-job-banner__inner--done{color:#86efac;background:#22c55e1a;border-color:#22c55e47}.audio-job-banner__inner--failed{color:#fca5a5;background:#ef44441a;border-color:#ef444447}.audio-job-banner__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:0;padding:0;border:none;border-radius:var(--radius-sm);background:#0000002e;color:inherit;font-size:1rem;line-height:1;cursor:pointer;opacity:.75;transition:opacity .18s,background .18s}.audio-job-banner__dismiss:hover{opacity:1;background:#00000047}.app-main{max-width:920px;margin:0 auto;padding:.5rem 1.25rem 4rem}.page-header{margin-bottom:1.75rem}.page-header--center{text-align:center}.page-eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-hover)}.page-title{margin:0;font-size:clamp(1.5rem,4vw,1.85rem);font-weight:700;letter-spacing:-.03em;color:var(--text)}.page-desc{margin:.45rem 0 0;font-size:.92rem;color:var(--text-secondary)}.subtitle{color:var(--text-secondary);margin:0 0 2rem;font-size:.95rem}h1{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.03em;color:var(--text)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.35rem 1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card h2{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;margin:0 0 1.1rem;color:var(--text);letter-spacing:-.01em}.process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.process-panel{display:flex;flex-direction:column;padding:1.1rem 1.15rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000026}.process-panel__head{margin-bottom:1rem}.process-panel__title{margin:0;font-size:.92rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.process-panel__desc{margin:.35rem 0 0;font-size:.78rem;color:var(--text-muted);line-height:1.5}.process-panel__model-hint{margin:-.35rem 0 .85rem;font-size:.76rem;color:var(--text-muted);line-height:1.45}.process-panel__body{flex:1;display:flex;flex-direction:column}.process-panel__action{margin-top:auto;padding-top:.5rem}.process-panel__btn{width:100%}.process-grid__hint{margin:1rem 0 0}@media (max-width: 960px){.process-grid{grid-template-columns:1fr}}label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.4rem;letter-spacing:.01em}.field{margin-bottom:1rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;margin-bottom:.85rem;border-radius:var(--radius-full);background:#ffffff14;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,var(--accent),#6366f1);box-shadow:0 2px 10px var(--accent-glow);cursor:pointer;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,var(--accent),#6366f1);box-shadow:0 2px 10px var(--accent-glow);cursor:pointer}input[type=range]::-moz-range-track{height:6px;border-radius:var(--radius-full);background:#ffffff14}select{width:100%;margin-bottom:.75rem}.app-select{position:relative;margin-bottom:.75rem}.app-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem .95rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0003;color:var(--text);font-family:var(--font);font-size:.88rem;font-weight:500;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.app-select__trigger:hover:not(:disabled){border-color:var(--border-strong);background:#00000047}.app-select__trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.app-select--open .app-select__trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.app-select--disabled .app-select__trigger{opacity:.45;cursor:not-allowed}.app-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-select__chevron{width:.45rem;height:.45rem;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg) translateY(-2px);transition:transform .15s,border-color .15s;flex-shrink:0}.app-select--open .app-select__chevron{transform:rotate(-135deg) translateY(-2px);border-color:var(--accent-hover)}.app-select__menu{position:absolute;z-index:60;top:calc(100% + .4rem);left:0;right:0;margin:0;padding:.35rem;list-style:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);box-shadow:var(--shadow-lg);max-height:260px;overflow-y:auto}.app-select__menu::-webkit-scrollbar{width:6px}.app-select__menu::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full)}.app-select__option{padding:.6rem .8rem;border-radius:8px;font-size:.86rem;line-height:1.4;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s}.app-select__option:hover{background:var(--accent-soft);color:var(--text)}.app-select__option--active{background:var(--accent-soft);color:var(--accent-hover);box-shadow:inset 0 0 0 1px #8b5cf659}.btn-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.65rem}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:.62rem 1.15rem;font-family:var(--font);font-size:.88rem;font-weight:600;transition:transform .15s,filter .15s,box-shadow .15s,opacity .15s}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn-secondary{color:var(--text);background:#ffffff0f;border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--border-strong)}.btn-ghost{color:var(--text-muted);background:transparent;border:1px solid transparent;padding:.62rem .85rem}.btn-ghost:hover:not(:disabled){color:var(--text-secondary);background:#ffffff0a}.upload-hint{font-size:.84rem;color:var(--text-muted);margin:0 0 .85rem}.drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:168px;padding:1.75rem 1.25rem;margin-bottom:.85rem;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#00000026;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;outline:none}.drop-zone:hover{border-color:#8b5cf673;background:#8b5cf60a}.drop-zone:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}.drop-zone--active{border-color:var(--cyan);background:#38bdf80f;box-shadow:0 0 0 1px #38bdf833;transform:scale(1.005)}.drop-zone--has-file{border-color:var(--accent);border-style:solid;background:var(--accent-soft)}.drop-zone--ready{border-color:#4ade8073;border-style:solid;background:#4ade800f}.drop-zone--ready .drop-zone__icon{color:var(--success);background:#4ade801f}.drop-zone--locked{cursor:not-allowed;opacity:.72;border-style:solid;border-color:var(--border);background:#0000001f}.drop-zone--locked:hover{border-color:var(--border);background:#0000001f;transform:none}.drop-zone__input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.drop-zone__icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:.75rem;border-radius:var(--radius-full);font-size:1.35rem;color:var(--accent-hover);background:var(--accent-soft)}.drop-zone__title{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.drop-zone__filename{margin:0;font-size:.92rem;font-weight:600;color:var(--accent-hover);word-break:break-all;text-align:center;max-width:100%}.drop-zone__sub{margin:.4rem 0 0;font-size:.8rem;color:var(--text-muted)}.upload-status{margin-top:.85rem;padding:.95rem 1.05rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.upload-status--success{background:#4ade800f;border-color:#4ade8033}.upload-status--warn{background:#fbbf240f;border-color:#fbbf2438}.upload-status--pending{background:#38bdf80f;border-color:#38bdf82e}.upload-status__head{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.55rem}.upload-status__badge{display:inline-block;padding:.18rem .6rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;color:var(--success);background:#4ade801f}.upload-status__name{font-size:.88rem;color:var(--text);word-break:break-all}.upload-status__hint{margin:0;font-size:.84rem;line-height:1.55;color:var(--text-secondary)}.upload-status__hint strong{color:var(--text);font-weight:600}.source-tabs{display:flex;gap:.35rem;padding:.35rem;margin-bottom:1.25rem;border-radius:var(--radius-full);background:#00000047;border:1px solid var(--border)}.source-tabs__btn{flex:1;padding:.55rem 1rem;border:none;border-radius:var(--radius-full);font-size:.88rem;font-weight:600;color:var(--text-muted);background:transparent;cursor:pointer;transition:background .15s,color .15s}.source-tabs__btn:hover:not(:disabled){color:var(--text);background:#ffffff0f}.source-tabs__btn--active{color:#fff;background:linear-gradient(135deg,#c026d3,#7c3aed 55%,#6366f1);box-shadow:0 4px 14px #7c3aed59}.source-tabs__btn:disabled{opacity:.45;cursor:not-allowed}.source-section-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text)}.source-pane--netease{margin-top:.25rem}.ncm-panel__intro{margin:0 0 1rem;font-size:.82rem;color:var(--text-muted);line-height:1.55}.ncm-panel__status{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.ncm-panel__status--loading{color:var(--text-muted);font-size:.85rem}.ncm-panel__status--ok{background:#22c55e14;border-color:#22c55e40}.ncm-panel__status--warn{flex-wrap:wrap;background:#fbbf2414;border-color:#fbbf244d}.ncm-panel__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.ncm-panel__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:#ec489933;color:#f9a8d4;font-size:1.1rem}.ncm-panel__status-text{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.ncm-panel__status-text strong{font-size:.9rem;color:var(--text)}.ncm-panel__status-text span{font-size:.76rem;color:var(--text-muted)}.ncm-panel__unlink{flex-shrink:0;font-size:.78rem}.ncm-bind{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start;padding:1rem 0}@media (max-width: 640px){.ncm-bind{grid-template-columns:1fr;justify-items:center;text-align:center}}.ncm-bind__qr-wrap{flex-shrink:0}.ncm-bind__qr{display:block;border-radius:var(--radius-sm);background:#fff;padding:6px}.ncm-bind__qr--placeholder{width:168px;height:168px;display:flex;align-items:center;justify-content:center;font-size:.78rem;color:var(--text-muted);background:#00000040;border:1px dashed var(--border);padding:1rem;text-align:center}.ncm-bind__title{margin:0 0 .65rem;font-size:1rem;font-weight:600}.ncm-bind__list{margin:0 0 .75rem;padding-left:1.2rem;font-size:.84rem;color:var(--text-secondary);line-height:1.6}.ncm-bind__hint{margin:0 0 .85rem;font-size:.82rem;color:var(--cyan)}.ncm-bind__service{margin-top:.75rem;font-size:.74rem}.ncm-bind__service code{font-size:.72rem}.ncm-search{display:flex;gap:.5rem;margin-bottom:.65rem}.ncm-search__input{flex:1;min-width:0;padding:.55rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000040;color:var(--text);font-size:.9rem}.ncm-search__input:focus{outline:none;border-color:#c026d3}.ncm-search__btn{flex-shrink:0}.ncm-search__meta{margin:0 0 .5rem;font-size:.76rem;color:var(--text-muted)}.ncm-results-pager{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 0 1rem}.ncm-results-pager__info{font-size:.8rem;color:var(--text-secondary);min-width:4.5rem;text-align:center}.ncm-results-pager__btn{min-width:5rem}.ncm-results{list-style:none;margin:0 0 1rem;padding:0;max-height:280px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.5) rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000001f}.ncm-results::-webkit-scrollbar{width:7px}.ncm-results::-webkit-scrollbar-track{margin:6px 2px;background:#ffffff08;border-radius:var(--radius-full)}.ncm-results::-webkit-scrollbar-thumb{min-height:2.5rem;background:linear-gradient(180deg,#8b5cf6a6,#7c3aed73);border:2px solid transparent;background-clip:padding-box;border-radius:var(--radius-full);box-shadow:0 0 8px #8b5cf640}.ncm-results::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a78bfad9,#8b5cf6a6);background-clip:padding-box}.ncm-results::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#c084fcf2,#8b5cf6bf);background-clip:padding-box}.ncm-result{border-bottom:1px solid var(--border)}.ncm-result:last-child{border-bottom:none}.ncm-result__btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .85rem;border:none;background:transparent;text-align:left;cursor:pointer;color:inherit;transition:background .12s}.ncm-result__btn:hover:not(:disabled){background:#ffffff0d}.ncm-result--active .ncm-result__btn{background:#c026d31f}.ncm-result--disabled .ncm-result__btn{opacity:.5;cursor:not-allowed}.ncm-result__cover{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.ncm-result__cover--empty{display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--text-muted)}.ncm-result__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.ncm-result__title{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ncm-result__sub{font-size:.74rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ncm-result__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.ncm-result__time{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.ncm-result__tag{font-size:.68rem;padding:.12rem .4rem;border-radius:var(--radius-full);font-weight:600}.ncm-result__tag--ok{background:#22c55e26;color:#86efac}.ncm-result__tag--no{background:#f871711f;color:#fca5a5}.card-inset{padding:1rem 1.1rem;border-radius:var(--radius-sm);border:1px solid rgba(192,38,211,.25);background:#c026d30f}.ncm-selected__head{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.85rem}.ncm-selected__sub{font-size:.78rem;color:var(--text-muted)}.ncm-preview__audio{display:none}.ncm-preview{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem;padding:.55rem .65rem;border-radius:var(--radius-sm);background:#0003;border:1px solid var(--border)}.ncm-preview__btn{flex-shrink:0;min-width:5.5rem}.ncm-preview__hint{font-size:.76rem;color:var(--text-muted)}.ncm-selected__action{width:100%;margin-top:.5rem}.upload-status__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.status{font-size:.88rem;color:var(--text-secondary)}.status.running{color:var(--cyan)}.status.completed{color:var(--success)}.status.failed{color:var(--danger)}.app-toast-stack{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.65rem;width:min(22rem,calc(100vw - 2rem));pointer-events:none}.app-toast{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem .95rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#0f172af5;box-shadow:var(--shadow-md);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-toast--success{border-color:#4ade8059}.app-toast--error{border-color:#f8717159}.app-toast--info{border-color:#38bdf859}.app-toast__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:700}.app-toast--success .app-toast__icon{color:#4ade80;background:#4ade801f}.app-toast--error .app-toast__icon{color:#f87171;background:#f871711f}.app-toast--info .app-toast__icon{color:#38bdf8;background:#38bdf81f}.app-toast__message{flex:1;margin:0;font-size:.86rem;line-height:1.45;color:var(--text-secondary);word-break:break-word}.app-toast__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer}.app-toast__close:hover{color:var(--text);background:#ffffff0f}.app-toast__close-icon{display:block;font-size:1.1rem;line-height:1;transform:translateY(-.5px)}.app-toast-enter-active,.app-toast-leave-active{transition:opacity .22s ease,transform .22s ease}.app-toast-enter-from,.app-toast-leave-to{opacity:0;transform:translate(1rem)}.app-toast-move{transition:transform .22s ease}.progress-bar{height:6px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden;margin:.75rem 0}.progress-bar__fill,.progress-bar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:var(--radius-full);transition:width .25s ease}.upload-progress{margin:.85rem 0 .5rem}.upload-progress__head{display:flex;justify-content:space-between;font-size:.82rem;font-weight:500;color:var(--cyan);margin-bottom:.45rem}.queue-info{padding:.95rem 1.1rem;margin-bottom:.85rem;border-radius:var(--radius-sm);background:#38bdf80f;border:1px solid rgba(56,189,248,.15)}.queue-info__stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.queue-info__badge{display:inline-block;padding:.22rem .7rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;color:var(--cyan);background:#38bdf81f}.queue-info__badge--muted{color:var(--text-secondary);background:#ffffff0f}.queue-info__text{margin:0;font-size:.86rem;color:var(--text-secondary)}.queue-info__text strong{color:var(--accent-hover)}.job-retention-hint{margin:1.35rem 0 1.15rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.55;color:var(--text-secondary);background:#8b5cf60f;border:1px solid rgba(139,92,246,.14);border-radius:var(--radius-sm)}.job-progress{display:flex;flex-direction:column;gap:.85rem}.job-progress__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.job-progress__title{margin:0;font-size:.95rem;font-weight:600;color:var(--cyan)}.job-progress__message{margin:.35rem 0 0;font-size:.88rem;color:var(--text-secondary);line-height:1.5}.job-progress__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.job-progress__percent{font-size:1.1rem;font-weight:700;color:var(--accent-hover)}.job-progress__elapsed{font-size:.78rem;color:var(--text-muted)}.job-progress__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}.job-progress__step{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}.job-progress__step-dot{width:1.65rem;height:1.65rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);background:#ffffff08}.job-progress__step-label{font-size:.72rem;color:var(--text-muted);line-height:1.25}.job-progress__step--done .job-progress__step-dot{color:var(--success);border-color:#4ade8059;background:#4ade8014}.job-progress__step--done .job-progress__step-label{color:var(--text-secondary)}.job-progress__step--active .job-progress__step-dot{color:var(--cyan);border-color:#38bdf873;background:#38bdf81f;box-shadow:0 0 0 3px #38bdf814}.job-progress__step--active .job-progress__step-label{color:var(--cyan);font-weight:600}.job-progress__step--failed .job-progress__step-dot{color:var(--danger);border-color:#f8717173;background:#f871711a}.job-progress__step--failed .job-progress__step-label{color:var(--danger)}.job-progress__bar{margin:0}.job-progress__hint{margin:0;padding:.75rem .9rem;border-radius:var(--radius-sm);font-size:.82rem;line-height:1.55;color:var(--text-secondary);background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.job-progress__hint--pulse{color:var(--cyan);border-color:#38bdf82e;background:#38bdf80f}.job-progress__actions{display:flex;justify-content:flex-end;margin-top:8px}.job-progress__cancel{padding:6px 16px;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);background:#ef444414;color:#fca5a5;font-size:13px;cursor:pointer;transition:all .2s}.job-progress__cancel:hover:not(:disabled){background:#ef44442e;border-color:#ef444499}.job-progress__cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.job-progress__head{flex-direction:column}.job-progress__meta{align-items:flex-start}.job-progress__steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem}.job-progress__step-label{font-size:.65rem}}.file-name{color:var(--text-secondary);font-size:.86rem;margin:.55rem 0 0}.file-name--pending{color:var(--text-muted)}.hint{font-size:.8rem;color:var(--text-muted);margin-top:.55rem;line-height:1.55}.job-outputs{margin-top:1rem}.job-outputs__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.job-outputs__toolbar .status{margin:0}.job-outputs__format-hint{margin:.25rem 0 0;font-size:.82rem;color:var(--text-muted);line-height:1.45}.btn-download-all{display:inline-flex;align-items:center;padding:.52rem 1rem;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--cyan),#6366f1);box-shadow:0 4px 14px #38bdf840;transition:filter .15s,transform .15s}.btn-download-all:hover{filter:brightness(1.06);transform:translateY(-1px)}.job-outputs__list{display:flex;flex-direction:column;gap:.85rem}.chord-outputs{margin-top:1rem}.chord-outputs__toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.chord-outputs__meta,.chord-outputs__hint,.chord-outputs__loading,.chord-outputs__empty{margin:.35rem 0 0;font-size:.78rem;color:var(--text-muted);line-height:1.5}.chord-outputs__actions{display:flex;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.chord-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.chord-table{width:100%;border-collapse:collapse;font-size:.84rem}.chord-table th,.chord-table td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.chord-table th{font-weight:600;color:var(--text-secondary);background:#0000002e}.chord-table__name{color:#c4b5fd;font-size:.95rem}.stem-player{--stem-accent: #8b5cf6;padding:1.05rem 1.15rem .9rem;border-radius:var(--radius-md);background:#00000038;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.stem-player__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.stem-player__meta{display:flex;align-items:center;gap:.65rem;min-width:0}.stem-player__dot{width:9px;height:9px;border-radius:50%;background:var(--stem-accent);box-shadow:0 0 10px var(--stem-accent);flex-shrink:0}.stem-player__title{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.stem-player__file{margin:.12rem 0 0;font-size:.74rem;color:var(--text-muted);word-break:break-all}.stem-player__zip{flex-shrink:0;padding:.38rem .78rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;color:var(--text-secondary);text-decoration:none;background:#ffffff0d;border:1px solid var(--border);transition:background .15s,border-color .15s,color .15s}.stem-player__zip:hover{color:var(--text);background:#ffffff14;border-color:var(--stem-accent)}.stem-player__wave{border-radius:var(--radius-sm);overflow:hidden;background:#00000059;min-height:72px;position:relative;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.stem-player__wave.is-scrubbing{cursor:grabbing}.stem-player__audio{display:none}.stem-player__canvas{display:block;width:100%;height:72px;pointer-events:none}.stem-player__loadbar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff1a;pointer-events:none}.stem-player__loadbar-fill{height:100%;background:var(--stem-accent, #38bdf8);transition:width .3s ease}.stem-player__wave.is-loading{cursor:wait;background:linear-gradient(90deg,#00000059,#ffffff0a,#00000059);background-size:200% 100%;animation:wave-shimmer 1.2s ease-in-out infinite}@keyframes wave-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.stem-player__controls{display:flex;align-items:center;gap:.75rem;margin-top:.65rem}.stem-player__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stem-player__play{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:var(--stem-accent);color:#fff;flex-shrink:0;cursor:pointer;box-shadow:0 4px 12px #00000047;transition:filter .15s ease,transform .15s ease}.stem-player__play:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.05)}.stem-player__play:active:not(:disabled){transform:scale(.98)}.stem-player__play:disabled{opacity:.4;cursor:not-allowed}.stem-player__icon{display:block;width:18px;height:18px}.stem-player__icon--play{margin-left:2px}.stem-player__time{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--text-muted);flex:1}.stem-player__raw{font-size:.76rem;color:var(--text-muted);text-decoration:none}.stem-player__raw:hover{color:var(--cyan)}.metronome-card{text-align:center}.metronome-display{display:flex;align-items:baseline;justify-content:center;gap:.4rem;margin-bottom:1.25rem;padding:1.25rem 1rem .75rem;border-radius:var(--radius-md);background:#0003;border:1px solid var(--border)}.metronome-bpm{font-size:clamp(3rem,12vw,4.5rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--text)}.metronome-unit{font-size:.95rem;font-weight:500;color:var(--text-muted)}.metronome-beats{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;max-width:100%}.metronome-accent-section{margin-bottom:1.5rem;padding:.85rem .75rem 1rem;border-radius:var(--radius-sm);background:#0000002e;border:1px solid var(--border)}.metronome-accent-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.metronome-accent-head label{margin:0}.metronome-accent-hint{font-size:.76rem;color:var(--text-muted)}.metronome-preview-row{margin-top:-.35rem;margin-bottom:.5rem}.metronome-beats--compact{gap:.4rem}.metronome-beats--compact .metronome-beat{width:10px;height:10px}.metronome-beats--compact .metronome-beat--accent{width:13px;height:13px}.metronome-signature-hint{margin:-.35rem 0 .75rem}.metronome-denom-options{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.metronome-denom-chip{min-width:2.2rem;padding:.35rem .55rem;border-radius:var(--radius-full);border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.metronome-denom-chip:hover{color:var(--text);border-color:var(--border-strong)}.metronome-denom-chip--active{color:var(--accent-hover);border-color:#8b5cf673;background:var(--accent-soft)}.metronome-compound-toggle{display:flex!important;align-items:flex-start;gap:.55rem;margin-bottom:1rem;padding:.75rem .85rem;border-radius:var(--radius-sm);background:#38bdf80f;border:1px solid rgba(56,189,248,.14);font-size:.84rem;color:var(--text-secondary);cursor:pointer}.metronome-compound-toggle input{width:auto;margin:.15rem 0 0;accent-color:var(--accent)}.metronome-stepper{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.metronome-signature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:.75rem;padding:.85rem;border-radius:var(--radius-sm);background:#0000002e;border:1px solid var(--border)}.metronome-signature__part input[type=range]{margin-bottom:0}.metronome-signature__label{display:block;margin-bottom:.35rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.metronome-stepper__btn{width:2.5rem;height:2.5rem;padding:0;font-size:1.2rem;line-height:1}.metronome-stepper__value{min-width:3.5rem;font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);text-align:center}.metronome-beat{width:14px;height:14px;padding:0;border:none;border-radius:50%;background:#ffffff1a;cursor:pointer;transition:transform .08s,background .08s,box-shadow .08s}.metronome-beat:hover{transform:scale(1.12);background:#ffffff2e}.metronome-beat--accent{width:18px;height:18px;background:#8b5cf673;box-shadow:0 0 0 2px #8b5cf659}.metronome-beat--active{background:var(--accent);box-shadow:0 0 18px var(--accent-glow);transform:scale(1.2)}.metronome-actions{justify-content:center;margin-top:1.1rem}.metronome-play{min-width:128px}.tuner-card{text-align:center}.tuner-display{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:9rem;margin-bottom:.75rem;padding:1rem;border-radius:var(--radius-md);background:#0003;border:1px solid var(--border)}.tuner-note{display:flex;align-items:center;justify-content:center;width:100%;min-height:5.2rem;font-size:clamp(3rem,12vw,4.5rem);font-weight:700;line-height:1;margin:0;letter-spacing:-.03em;color:var(--text-secondary);transition:color .15s}.tuner-note--empty{color:#ffffff26}.tuner-note--in-tune{color:var(--success);text-shadow:0 0 32px rgba(52,211,153,.35)}.tuner-freq{display:flex;align-items:center;justify-content:center;min-height:1.65rem;margin:0;font-size:1rem;font-variant-numeric:tabular-nums;line-height:1.5;color:var(--text-secondary)}.tuner-freq--muted{color:var(--text-muted)}.tuner-string-label{display:flex;align-items:center;justify-content:center;min-height:1.35rem;margin:.15rem 0 0;font-size:.86rem;font-weight:500;line-height:1.5;color:var(--accent-hover)}.tuner-string-label--empty{color:#ffffff26}.tuner-strings{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:0 0 1.25rem}.tuner-string{display:flex;flex-direction:column;align-items:center;gap:.12rem;min-width:3.4rem;padding:.5rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000002e;color:var(--text-muted);cursor:default}.tuner-string__label{font-size:.7rem;font-weight:500;color:var(--text-muted)}.tuner-string__note{font-size:.88rem;font-weight:700;color:var(--text-secondary)}.tuner-string--active{border-color:#8b5cf680;background:var(--accent-soft);box-shadow:0 0 16px #8b5cf626}.tuner-string--active .tuner-string__label{color:var(--accent-hover)}.tuner-string--active .tuner-string__note{color:var(--text)}.tuner-string--in-tune{border-color:#34d39980;background:#34d39914;box-shadow:0 0 16px #34d39926}.tuner-string--in-tune .tuner-string__label,.tuner-string--in-tune .tuner-string__note{color:var(--success)}.tuner-chromatic-hint{margin:0 0 1.25rem}.tuner-meter{max-width:340px;margin:0 auto 1.5rem}.tuner-meter__track{position:relative;height:8px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--danger) 0%,var(--success) 50%,var(--warning) 100%);overflow:hidden;opacity:.85}.tuner-meter__center{position:absolute;left:50%;top:-4px;width:2px;height:16px;margin-left:-1px;background:#fff;border-radius:1px}.tuner-meter__needle{position:absolute;left:50%;top:-6px;width:4px;height:20px;margin-left:-2px;background:#fff;border-radius:2px;box-shadow:0 0 10px #ffffff73;transition:transform .08s linear}.tuner-meter__labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.72rem;color:var(--text-muted)}.tuner-cents{display:flex;align-items:center;justify-content:center;min-height:1.35rem;margin:.75rem 0 0;font-size:.86rem;font-variant-numeric:tabular-nums;line-height:1.5;color:var(--text-secondary)}.tuner-cents--muted{color:var(--text-muted)}@media (max-width: 640px){.app-header__inner{flex-direction:column;align-items:stretch;padding:.75rem;border-radius:var(--radius-md)}.app-user,.app-nav{justify-content:center}.app-nav__link{flex:1;text-align:center;padding:.5rem;font-size:.78rem}}@media (max-width: 520px){.metronome-signature{grid-template-columns:1fr}}.jam-notice{padding:1rem 1.25rem;background:#38bdf80f;border-color:#38bdf824}.jam-notice p{margin:0;font-size:.86rem;line-height:1.6;color:var(--text-secondary)}.jam-player-card{padding:1rem}.jam-player-wrap{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius-sm);overflow:hidden;background:#000}.jam-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.jam-player-meta{margin-top:1rem}.jam-player-meta h3{margin:0 0 .45rem;font-size:1.05rem;color:var(--text)}.jam-player-meta p{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .65rem}.jam-tag{display:inline-block;padding:.18rem .55rem;border-radius:var(--radius-full);font-size:.74rem;font-weight:600;color:var(--accent-hover);background:var(--accent-soft)}.jam-tag--muted{color:var(--text-muted);background:#ffffff0f}.jam-audio-wrap{padding:.5rem 0}.jam-audio{width:100%;border-radius:var(--radius-sm)}.jam-track-badge{display:inline-block;margin-right:.35rem;padding:.1rem .4rem;border-radius:var(--radius-full);font-size:.68rem;font-weight:600;color:var(--cyan);background:#38bdf81f;vertical-align:middle}.jam-track-badge--bili{color:#fb7299;background:#fb72991f}.jam-track-item--bookmark{border-style:dashed}.jam-bookmark-link{text-decoration:none;color:inherit}.jam-bookmark-link:hover{background:#fb72990f}.jam-external-link{font-size:.84rem;color:var(--cyan);text-decoration:none}.jam-external-link:hover{text-decoration:underline}.jam-style-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.jam-style-tab{padding:.38rem .75rem;border-radius:var(--radius-full);border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.jam-style-tab:hover{color:var(--text-secondary)}.jam-style-tab--active{color:var(--text);border-color:#8b5cf673;background:var(--accent-soft)}.jam-track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.jam-track-item{display:flex;align-items:stretch;gap:.35rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000026;overflow:hidden}.jam-track-item--active{border-color:#8b5cf673;box-shadow:0 0 0 1px #8b5cf633}.jam-track-item__main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.75rem .9rem;border:none;background:transparent;text-align:left;cursor:pointer;color:inherit}.jam-track-item__main:hover{background:#ffffff08}.jam-track-item__title{font-size:.92rem;font-weight:600;color:var(--text)}.jam-track-item__meta{font-size:.78rem;color:var(--text-muted)}.jam-track-item__remove{width:2.5rem;padding:0;border:none;border-left:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:1.2rem;cursor:pointer}.jam-track-item__remove:hover{color:var(--danger);background:#f8717114}.jam-input{width:100%;margin-bottom:.75rem;padding:.68rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0003;color:var(--text);font-family:var(--font);font-size:.88rem}.jam-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.jam-input::placeholder{color:var(--text-muted)}.app-shell--admin{min-height:100vh}.app-main--admin{max-width:none;padding:0}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(239,68,68,.35);box-shadow:0 4px 14px #ef444433}.btn-danger:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.admin-login{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at top,rgba(56,189,248,.12),transparent 42%),var(--bg)}.admin-login__card{width:min(100%,420px);padding:1.6rem 1.5rem 1.4rem}.admin-login__eyebrow{margin:0 0 .35rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}.admin-login__card h1{margin:0 0 .45rem;font-size:1.45rem}.admin-login__hint{margin:0 0 1.2rem;color:var(--text-muted);font-size:.88rem;line-height:1.5}.admin-login__field{display:grid;gap:.4rem;margin-bottom:.95rem}.admin-login__field span{font-size:.84rem;color:var(--text-secondary)}.admin-login__field input{width:100%;padding:.68rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0003;color:var(--text);font-family:var(--font);font-size:.92rem}.admin-login__field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.admin-login__submit{width:100%;margin-top:.35rem}.admin-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--bg)}.admin-shell__sidebar{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1rem;border-right:1px solid var(--border);background:#00000038}.admin-shell__brand{display:grid;gap:.15rem;padding:.35rem .5rem .75rem}.admin-shell__brand strong{font-size:1rem}.admin-shell__brand small{color:var(--text-muted);font-size:.78rem}.admin-shell__nav{display:grid;gap:.35rem}.admin-shell__nav-link{display:block;padding:.72rem .85rem;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:background .15s,color .15s}.admin-shell__nav-link:hover{color:var(--text);background:#ffffff0d}.admin-shell__nav-link--active{color:#fff;background:linear-gradient(135deg,#38bdf838,#6366f138);border:1px solid rgba(56,189,248,.18)}.admin-shell__footer{margin-top:auto;padding:.75rem .5rem .25rem;border-top:1px solid var(--border)}.admin-shell__user{margin:0 0 .55rem;font-size:.84rem;color:var(--text-muted)}.admin-shell__logout{width:100%;padding:.58rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0a;color:var(--text-secondary);cursor:pointer;font-family:var(--font)}.admin-shell__logout:hover{background:#ffffff14;color:var(--text)}.admin-shell__main{min-width:0;display:flex;flex-direction:column}.admin-shell__header{padding:1.25rem 1.5rem .75rem;border-bottom:1px solid var(--border)}.admin-shell__header h1{margin:0;font-size:1.35rem}.admin-shell__content{padding:1.25rem 1.5rem 2rem}.admin-cache__toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-cache__desc{margin:0;max-width:52rem;color:var(--text-muted);line-height:1.55;font-size:.9rem}.admin-cache__actions{display:flex;flex-wrap:wrap;gap:.65rem}.admin-cache__loading{padding:2rem 0;color:var(--text-muted)}.admin-cache__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.admin-cache__card h2{margin:0 0 .85rem;font-size:1rem}.admin-cache__stats{display:grid;gap:.75rem;margin:0}.admin-cache__stats div{display:grid;gap:.18rem}.admin-cache__stats dt{margin:0;font-size:.78rem;color:var(--text-muted)}.admin-cache__stats dd{margin:0;font-size:1.05rem;font-weight:600}.admin-cache__path dd{font-size:.82rem;font-weight:500;word-break:break-all;color:var(--text-secondary)}.admin-stats__toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.admin-stats__desc{margin:0;max-width:42rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.admin-stats__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.admin-stats__days{display:inline-flex;padding:.2rem;border-radius:var(--radius-sm);background:#00000038;border:1px solid var(--border)}.admin-stats__day-btn{padding:.4rem .75rem;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-muted);font-size:.82rem;cursor:pointer}.admin-stats__day-btn:hover:not(:disabled){color:var(--text)}.admin-stats__day-btn--active{background:#6366f138;color:#c7d2fe}.admin-stats__day-btn:disabled{opacity:.55;cursor:not-allowed}.admin-stats__loading{padding:2rem 0;text-align:center;color:var(--text-muted)}.admin-stats__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.85rem;margin-bottom:1.25rem}.admin-stats__card{padding:1rem 1.05rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#0000002e}.admin-stats__card-label{margin:0;font-size:.78rem;color:var(--text-muted)}.admin-stats__card-value{display:block;margin-top:.35rem;font-size:1.65rem;line-height:1.1;color:var(--text)}.admin-stats__card-value--sm{font-size:1.15rem}.admin-stats__card-sub{display:block;margin-top:.35rem;font-size:.76rem;color:var(--text-secondary)}.admin-stats__charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-stats__panel{padding:1rem 1rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#0000002e}.admin-stats__panel--wide{grid-column:span 2}.admin-stats__panel-head h2{margin:0;font-size:1rem}.admin-stats__panel-head p{margin:.25rem 0 0;font-size:.78rem;color:var(--text-muted)}.admin-stats__chart{width:100%;height:280px}.admin-stats__chart--pie{height:300px}@media (max-width: 960px){.admin-stats__charts,.admin-stats__panel--wide{grid-column:span 1}.admin-stats__charts{grid-template-columns:1fr}}.admin-users__toolbar{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.admin-users__desc{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.admin-users__search{display:flex;flex-wrap:wrap;gap:.65rem}.admin-users__search-input{flex:1;min-width:220px;min-height:2.5rem;padding:.5rem .75rem;font-size:.9rem;color:var(--text);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-md)}.admin-users__search-input:focus{outline:none;border-color:var(--accent)}.admin-users__loading{padding:2rem 0;text-align:center;color:var(--text-muted)}.admin-users__panel{padding:1rem}.admin-users__summary{margin-bottom:.85rem;font-size:.88rem;color:var(--text-secondary)}.admin-users__table-wrap{overflow-x:auto}.admin-users__table{width:100%;border-collapse:collapse;font-size:.86rem}.admin-users__table th,.admin-users__table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.admin-users__table th{font-weight:600;color:var(--text-secondary);white-space:nowrap}.admin-users__email{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-users__bio{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.admin-users__empty{text-align:center;color:var(--text-muted)}.admin-users__badge{display:inline-block;padding:.15rem .55rem;font-size:.75rem;border-radius:var(--radius-full)}.admin-users__badge--active{color:#166534;background:#22c55e26}.admin-users__badge--disabled{color:#991b1b;background:#ef444426}.admin-users__badge--pending{color:#92400e;background:#f59e0b2e}.admin-log-id{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono, ui-monospace, monospace);font-size:.78rem;color:var(--text-muted)}.admin-log-cleared{display:inline-block;margin-left:.35rem;padding:.08rem .35rem;border-radius:999px;font-size:.68rem;color:var(--text-muted);background:#94a3b824}.admin-log-filter{flex:0 0 9rem;min-width:9rem}.admin-log-table td{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-log-notes{margin-top:.75rem}.admin-users__actions-cell{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;white-space:nowrap}.admin-users__action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:2rem;padding:.4rem .85rem;font-family:var(--font);font-size:.82rem;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--text);text-decoration:none;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s}.admin-users__action-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--border-strong);text-decoration:none;color:var(--text)}.admin-users__action-btn--detail{color:var(--accent-hover);background:#8b5cf614;border-color:#8b5cf647}.admin-users__action-btn--detail:hover{color:#c4b5fd;background:#8b5cf624;border-color:#8b5cf673}.admin-users__action-btn:disabled{opacity:.45;cursor:not-allowed}.admin-users__link{color:var(--accent-hover);text-decoration:none}.admin-users__link:hover{text-decoration:underline}.admin-users__sub{font-size:.78rem;color:var(--text-muted)}.admin-practice-table{margin-top:1rem;padding:1rem}.admin-practice-table__title{margin:0 0 .75rem;font-size:1rem}.admin-user-detail__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-user-detail__back{font-size:.9rem;color:var(--accent-hover);text-decoration:none}.admin-user-detail__back:hover{text-decoration:underline}.admin-user-detail__hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem;margin-bottom:1rem}.admin-user-detail__name{margin:0;font-size:1.35rem}.admin-user-detail__meta{display:flex;flex-wrap:wrap;gap:.75rem;margin:.5rem 0 0;font-size:.85rem;color:var(--text-secondary)}.admin-user-detail__bio{margin:.65rem 0 0;font-size:.88rem;color:var(--text-secondary);line-height:1.5}.admin-user-detail__hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.admin-user-detail__quota-bar{margin-top:.5rem;height:4px;border-radius:var(--radius-full);background:#ffffff14;overflow:hidden}.admin-user-detail__quota-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--cyan));transition:width .25s ease}.admin-user-detail__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.admin-user-detail__panel{padding:1rem 1.15rem}.admin-user-detail__panel h3{margin:0 0 .75rem;font-size:.95rem}.admin-user-detail__panel--wide{grid-column:span 2}.admin-user-detail__dl{display:grid;gap:.55rem;margin:0}.admin-user-detail__dl>div{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem}.admin-user-detail__dl dt{margin:0;color:var(--text-muted)}.admin-user-detail__dl dd{margin:0;text-align:right}.admin-user-detail__page-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.admin-user-detail__page-list li{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem}.admin-user-detail__tags-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-user-detail__tags-head h3{margin:0 0 .35rem}.admin-user-detail__tags-hint{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.5;max-width:36rem}.admin-user-detail__tags-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.admin-user-detail__tags-link{font-size:.88rem;color:var(--accent-hover);text-decoration:none}.admin-user-detail__tags-link:hover{text-decoration:underline}.admin-user-detail__tag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.admin-user-detail__tag-item{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s}.admin-user-detail__tag-item:hover{border-color:var(--border-strong);background:#ffffff08}.admin-user-detail__tag-item input{margin-top:.2rem;flex-shrink:0}.admin-user-detail__tag-dot{width:.65rem;height:.65rem;margin-top:.35rem;border-radius:50%;flex-shrink:0}.admin-user-detail__tag-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.admin-user-detail__tag-main strong{font-size:.92rem}.admin-user-detail__tag-main small{font-size:.78rem;color:var(--text-muted)}.admin-user-detail__tags-note{margin:.85rem 0 0;font-size:.82rem;color:var(--text-muted)}.admin-user-detail__empty{margin:0;font-size:.88rem;color:var(--text-muted)}@media (max-width: 900px){.admin-user-detail__grid,.admin-user-detail__panel--wide{grid-template-columns:1fr;grid-column:span 1}}.admin-tags__toolbar{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.admin-tags__desc{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.admin-tags__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.admin-tags__badge{display:inline-block;padding:.2rem .55rem;border-radius:var(--radius-full);border:1px solid;font-size:.86rem;font-weight:600}.admin-tags__delete{color:#fca5a5;border-color:#f8717159}.admin-tags__delete:hover:not(:disabled){color:#fecaca;background:#ef44441f;border-color:#f8717180}.admin-tags__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem;background:#04050ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admin-tags__modal{width:100%;max-width:32rem;max-height:90dvh;overflow-y:auto;padding:1.25rem}.admin-tags__modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.admin-tags__modal-head h2{margin:0;font-size:1.1rem}.admin-tags__close{border:none;background:transparent;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer}.admin-tags__field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-size:.86rem;color:var(--text-secondary)}.admin-tags__field input[type=text],.admin-tags__field input[type=number]{padding:.55rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000040;color:var(--text)}.admin-tags__field--inline{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.65rem}.admin-tags__color{width:2.5rem;height:2rem;padding:0;border:none;background:transparent;cursor:pointer}.admin-tags__sort{width:6rem}.admin-tags__pages{margin:0 0 1rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.admin-tags__pages legend{padding:0 .25rem;font-size:.86rem;color:var(--text-secondary)}.admin-tags__page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.5rem}.admin-tags__page-item{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .6rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);cursor:pointer;font-size:.88rem}.admin-tags__page-item small{color:var(--text-muted);font-size:.72rem}.admin-tags__page-item:has(input:checked){border-color:#6366f173;background:#6366f11a}.admin-tags__modal-foot{display:flex;justify-content:flex-end;gap:.65rem}.admin-users__pager{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1rem;font-size:.85rem;color:var(--text-secondary)}@media (max-width: 860px){.admin-shell{grid-template-columns:1fr}.admin-shell__sidebar{border-right:none;border-bottom:1px solid var(--border)}}.music-pet{--pet-scale: 1;--pet-live2d-w: calc(280px * var(--pet-scale));--pet-live2d-h: calc(360px * var(--pet-scale));--pet-sprite-w: calc(120px * var(--pet-scale));--pet-sprite-h: calc(140px * var(--pet-scale));position:fixed;z-index:900;width:fit-content;height:fit-content;pointer-events:none;touch-action:none}.music-pet--chat-open{z-index:10050}.music-pet--dragging{-webkit-user-select:none;user-select:none}.music-pet>*{pointer-events:auto}.pet-practice-reminder-test{position:fixed;left:1rem;bottom:1rem;z-index:901;padding:.45rem .75rem;border:1px dashed var(--warning);border-radius:var(--radius-sm);background:#fbbf241f;color:var(--warning);font-size:.74rem;cursor:pointer}.pet-practice-reminder-test:hover{background:#fbbf2438}.pet-mascot{position:relative;z-index:1;overflow:visible;font-size:calc(1rem * var(--pet-scale));display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;border:none;background:transparent;cursor:grab;touch-action:none;transition:transform .25s cubic-bezier(.34,1.4,.64,1)}.pet-mascot--dragging,.pet-mascot--dragging:hover{cursor:grabbing;transform:none;transition:none}.pet-mascot:hover:not(.pet-mascot--dragging){transform:scale(1.04) translateY(-2px)}.pet-mascot:hover .pet-sprite__glow{opacity:.85;transform:scale(1.08)}.pet-mascot--celebrate{animation:pet-celebrate .55s ease-in-out 4}.pet-mascot--thinking .pet-sprite{animation:pet-sway 1s ease-in-out infinite}.pet-mascot--happy .pet-sprite__svg{animation:pet-bounce-soft .5s ease-in-out 2}@keyframes pet-celebrate{0%,to{transform:translateY(0)}50%{transform:translateY(-14px) scale(1.06)}}@keyframes pet-sway{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}.pet-mascot__hint{position:absolute;left:50%;right:auto;bottom:calc(100% + .75rem);z-index:5;width:fit-content;min-width:5.5rem;max-width:min(22rem,calc(100vw - 2.5rem));margin:0;padding:.6rem .85rem;font-size:.82rem;line-height:1.5;white-space:normal;word-break:keep-all;overflow-wrap:break-word;text-align:center;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transform:translate(-50%);pointer-events:none;animation:pet-hint-in .25s ease}.pet-mascot__hint:after{content:"";position:absolute;left:50%;right:auto;bottom:-6px;top:auto;width:10px;height:10px;background:var(--surface-2);border-left:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);border-right:none;border-top:none;transform:translate(-50%) rotate(-45deg)}@keyframes pet-hint-in{0%{opacity:0}to{opacity:1}}.pet-mascot--live2d{overflow:visible}.pet-mascot--live2d-loading{cursor:wait}.pet-mascot--live2d-loading:disabled{opacity:1}.pet-mascot--live2d-loading .pet-mascot__badge{opacity:.65}.pet-mascot__live2d{width:var(--pet-live2d-w);height:var(--pet-live2d-h);overflow:visible;flex-shrink:0}.pet-mascot__live2d--loading{visibility:visible;opacity:1}.pet-mascot__live2d canvas{display:block;width:100%!important;height:100%!important;pointer-events:none}.pet-mascot--live2d .pet-mascot__live2d{animation:pet-live2d-in .35s ease forwards}@keyframes pet-live2d-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pet-sprite{position:relative;width:var(--pet-sprite-w);height:var(--pet-sprite-h);animation:pet-float 3.5s ease-in-out infinite}.pet-sprite__glow{position:absolute;top:10%;right:5%;bottom:15%;left:5%;background:radial-gradient(circle,rgba(139,92,246,.45) 0%,rgba(56,189,248,.15) 45%,transparent 70%);border-radius:50%;opacity:.55;transition:opacity .25s ease,transform .25s ease;animation:pet-glow-pulse 3s ease-in-out infinite}.pet-sprite__svg{position:relative;z-index:1;width:100%;height:100%;animation:pet-breathe 3.2s ease-in-out infinite;transform-origin:center bottom}.pet-sprite__eyes{transform-origin:center;animation:pet-blink-svg 5s infinite}.pet-sprite__notes{animation:pet-notes-float 4s ease-in-out infinite;transform-origin:center}.pet-sprite__headphones{transform-origin:60px 50px;animation:pet-headphone-bob 3.5s ease-in-out infinite}.pet-sprite__shadow{display:block;width:56px;height:8px;margin:-4px auto 0;background:#00000047;border-radius:50%;filter:blur(3px);animation:pet-shadow-scale 3.5s ease-in-out infinite}.pet-mascot__badge{padding:.2rem .65rem;font-size:.75rem;font-weight:600;color:#e9d5ff;letter-spacing:.06em;background:linear-gradient(135deg,#6366f159,#8b5cf640);border:1px solid rgba(167,139,250,.45);border-radius:var(--radius-full);box-shadow:0 2px 12px #8b5cf640}.pet-mascot--live2d .pet-sprite{display:none}@keyframes pet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pet-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,1.04)}}@keyframes pet-glow-pulse{0%,to{opacity:.45}50%{opacity:.7}}@keyframes pet-blink-svg{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.12)}}@keyframes pet-notes-float{0%,to{transform:translateY(0) rotate(0);opacity:.85}50%{transform:translateY(-5px) rotate(6deg);opacity:1}}@keyframes pet-headphone-bob{0%,to{transform:rotate(0)}50%{transform:rotate(-2deg)}}@keyframes pet-shadow-scale{0%,to{transform:scaleX(1);opacity:.35}50%{transform:scaleX(.88);opacity:.22}}@keyframes pet-bounce-soft{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pet-chat{position:relative;z-index:10050;font-size:calc(1rem * var(--pet-scale, 1));isolation:isolate;display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;pointer-events:auto}.pet-chat--floating{position:fixed}.pet-chat__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--surface-2)}.pet-chat__title{display:block;font-size:1rem;color:var(--text)}.pet-chat__sub{margin:.15rem 0 0;font-size:.75rem;color:var(--text-muted)}.pet-chat__close{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:2rem;height:2rem;padding:0;font-size:1.2rem;line-height:1;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.pet-chat__close:hover{background:var(--surface-inset);color:var(--text)}.pet-chat__messages{flex:1;min-height:calc(120px * var(--pet-scale, 1));padding:.85rem 1rem;overflow-y:auto}.pet-chat__row{display:flex;margin-bottom:.65rem}.pet-chat__row--user{justify-content:flex-end}.pet-chat__row--bot{justify-content:flex-start}.pet-chat__bubble{max-width:88%;padding:.55rem .75rem;font-size:.88rem;line-height:1.5;border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word}.pet-chat__row--user .pet-chat__bubble{color:#fff;background:linear-gradient(135deg,var(--accent),#6366f1)}.pet-chat__row--bot .pet-chat__bubble{color:var(--text);background:var(--surface-inset);border:1px solid var(--border)}.pet-chat__typing{margin:0;font-size:.8rem;color:var(--text-muted)}.pet-chat--drop-active{box-shadow:0 0 0 2px #8b5cf659,var(--shadow-lg)}.pet-chat__drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:#08090db8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.pet-chat__drop-hint span{padding:.55rem .85rem;border:1px dashed rgba(139,92,246,.65);border-radius:var(--radius-full);background:#8b5cf61f;color:var(--text);font-size:.82rem}.pet-chat__foot{display:flex;flex-direction:column;gap:.55rem;padding:.75rem;border-top:1px solid var(--border)}.pet-chat__composer{display:grid;grid-template-columns:auto 1fr auto;gap:.45rem;align-items:end}.pet-chat__attach{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.pet-chat__attach svg{width:1.08rem;height:1.08rem}.pet-chat__attach:hover:not(:disabled){color:var(--accent-hover);border-color:#8b5cf673;background:var(--accent-soft);transform:translateY(-1px)}.pet-chat__attach:active:not(:disabled){transform:translateY(0)}.pet-chat__attach:disabled{opacity:.4;cursor:not-allowed}.pet-chat__file-input{display:none}.pet-chat__pending-images{display:flex;flex-wrap:wrap;gap:.45rem}.pet-chat__pending-image{position:relative;margin:0}.pet-chat__pending-image img,.pet-chat__image{display:block;max-width:9rem;max-height:7rem;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border)}.pet-chat__pending-remove{position:absolute;top:-.35rem;right:-.35rem;width:1.2rem;height:1.2rem;padding:0;border:none;border-radius:var(--radius-full);background:#000000b8;color:#fff;font-size:.85rem;line-height:1;cursor:pointer}.pet-chat__image-error{margin:0;font-size:.72rem;color:var(--danger)}.pet-chat__images{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.pet-chat__text{margin:0;white-space:pre-wrap;word-break:break-word}.pet-chat__input{flex:1;min-width:0;min-height:2.5rem;padding:.5rem .65rem;font:inherit;font-size:.88rem;color:var(--text);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm);resize:none}.pet-chat__input:focus{outline:none;border-color:var(--accent)}.pet-chat__send{align-self:flex-end;padding:.5rem .85rem;font-size:.85rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer}.pet-chat__send:disabled{opacity:.45;cursor:not-allowed}.pet-chat-enter-active,.pet-chat-leave-active{transition:opacity .2s ease,transform .2s ease}.pet-chat-enter-from,.pet-chat-leave-to{opacity:0;transform:translateY(10px) scale(.97)}.pet-chat--below.pet-chat-enter-from,.pet-chat--below.pet-chat-leave-to{transform:translateY(-10px) scale(.97)}@media (max-width: 640px){.pet-mascot__hint{max-width:min(18rem,calc(100vw - 2rem));bottom:calc(100% + .55rem);font-size:.78rem}}