.app-root,.panel-root{--app-bg:#0a0a14;--app-bg-elevated:#11111f;--app-surface:#14142680;--app-surface-solid:#14142a;--app-surface-soft:hsla(0,0%,100%,.04);--app-border:hsla(0,0%,100%,.08);--app-border-strong:hsla(0,0%,100%,.14);--app-foreground:#f4f4f8;--app-muted:#9797ab;--app-muted-foreground:#7a7a90;--app-primary:#7c3aed;--app-primary-hover:#8b5cf6;--app-primary-foreground:#fff;--app-accent-from:#7c3aed;--app-accent-to:#a855f7;--app-accent-bg:rgba(124,58,237,.15);--app-accent-text:#c4b5fd;--app-success:#22c55e;--app-success-bg:rgba(20,83,45,.2);--app-warning:#f59e0b;--app-warning-bg:rgba(120,53,15,.25);--app-danger:#ef4444;--app-danger-bg:rgba(127,29,29,.25);--app-link:#a78bfa;--app-shadow:0 1px 3px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.25);--app-shadow-glow:0 0 32px rgba(124,58,237,.28);--app-radius-sm:0.5rem;--app-radius-md:0.75rem;--app-radius-lg:1rem;--app-radius-xl:1.25rem;--app-radius-pill:999px;--app-font:var(--font-vazirmatn),var(--font-sahel),system-ui,sans-serif;--background:var(--app-bg);--foreground:var(--app-foreground);--content:var(--app-bg-elevated);--card:240 20% 12%;--card-foreground:240 10% 96%;--popover:var(--app-surface-solid);--popover-foreground:240 10% 96%;--primary:262 83% 58%;--primary-foreground:0 0% 100%;--secondary:hsla(0,0%,100%,.08);--secondary-foreground:var(--app-foreground);--muted:240 8% 20%;--muted-foreground:240 5% 65%;--accent:262 83% 58%/15%;--border:hsla(0,0%,100%,.08);--input:240 15% 18%;--ring:262 83% 58%;--link:var(--app-link);--accent-themed:var(--app-primary);--accent-themed-hover:var(--app-primary-hover);--accent-themed-active:#6d28d9;--accent-foreground:var(--app-link);--contrast-themed-foreground:#fff;--destructive:0 84% 60%;--destructive-foreground:0 0% 98%;--success:142 71% 45%;--warning:38 92% 50%;color:var(--app-foreground);font-family:var(--app-font);background-color:var(--app-bg);-webkit-font-smoothing:antialiased}.app-root ::selection,.panel-root ::selection{background:rgba(124,58,237,.28);color:var(--app-foreground)}.app-field{border-color:var(--app-border);background-color:var(--app-surface-soft);color:var(--app-foreground)}.app-field::placeholder{color:var(--app-muted)}.app-root .app-field:-webkit-autofill,.app-root .app-field:-webkit-autofill:focus,.app-root .app-field:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--app-surface-soft) inset!important;-webkit-text-fill-color:var(--app-foreground)!important;caret-color:var(--app-foreground);transition:background-color 9999s ease-out}.app-otp-slot{border-color:var(--app-border);background-color:var(--app-surface-soft);color:var(--app-foreground);box-shadow:none}.app-modal-surface{--app-border:hsla(0,0%,100%,.08);--app-border-strong:hsla(0,0%,100%,.14);--app-surface-soft:hsla(0,0%,100%,.04);--app-foreground:#f4f4f8;--app-accent-bg:rgba(124,58,237,.15);--app-accent-text:#c4b5fd;--background:var(--app-surface-soft);--foreground:var(--app-foreground);--input:240 15% 18%;--ring:262 83% 58%;--muted-foreground:240 5% 65%;--border:var(--app-border);border-color:hsla(0,0%,100%,.08);background-color:#14142a;color:#f4f4f8;box-shadow:0 1px 3px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.25)}.app-modal-surface .text-muted-foreground{color:#9797ab}.app-modal-close{color:#9797ab;background-color:hsla(0,0%,100%,.04);transition:color .2s ease,background-color .2s ease}.app-modal-close:hover{color:#f4f4f8;background-color:hsla(0,0%,100%,.08)}.app-modal-divider{border-color:hsla(0,0%,100%,.08)}.app-player-speed-menu{z-index:60;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;background-color:#14142a!important;color:#f4f4f8!important;box-shadow:0 1px 3px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.25)}.app-player-speed-menu [data-radix-select-viewport]{height:auto!important;min-width:4rem}.app-player-speed-menu [role=option]{color:#f4f4f8}.app-player-speed-menu [role=option]:focus,.app-player-speed-menu [role=option][data-highlighted]{background-color:hsla(0,0%,100%,.04)!important;color:#f4f4f8!important}.app-player-speed-menu [role=option][data-state=checked]{color:#7c3aed;font-weight:600}.app-auth-card{border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background:var(--app-surface-solid);box-shadow:var(--app-shadow);color:var(--app-foreground)}.app-auth-header{background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(168,85,247,.08));color:var(--app-foreground);text-align:center}.app-auth-header,.app-btn-primary{border-radius:var(--app-radius-lg)}.app-btn-primary{display:inline-flex;width:100%;align-items:center;justify-content:center;border:2px solid transparent;background:linear-gradient(135deg,var(--app-accent-from),var(--app-accent-to));padding:.75rem 2rem;font-size:.875rem;font-weight:700;color:var(--app-primary-foreground);box-shadow:var(--app-shadow-glow);transition:opacity .2s ease,transform .2s ease}.app-btn-primary:hover:not(:disabled){opacity:.92}.app-btn-primary:disabled{pointer-events:none;opacity:.65}.app-btn-secondary{display:inline-flex;width:100%;align-items:center;justify-content:center;border-radius:var(--app-radius-lg);border:2px solid var(--app-primary);background:transparent;padding:.75rem 2rem;font-size:.875rem;font-weight:700;color:var(--app-link);transition:background .2s ease}.app-btn-secondary:hover:not(:disabled){background:var(--app-accent-bg)}.app-link{color:var(--app-link);transition:color .2s ease}.app-link:hover{color:var(--app-primary-hover)}.app-badge-accent{display:inline-flex;border-radius:var(--app-radius-pill);background:var(--app-accent-bg);padding:.125rem .625rem;font-size:.625rem;font-weight:500;color:var(--app-accent-text)}.app-badge-success{background:var(--app-success-bg);color:var(--app-success)}.app-badge-muted,.app-badge-success{display:inline-flex;border-radius:var(--app-radius-pill);padding:.125rem .625rem;font-size:.75rem;font-weight:500}.app-badge-muted{background:var(--app-surface-soft);color:var(--app-muted)}.app-message-default{background:var(--app-surface-soft);color:var(--app-foreground)}.app-message-hint{background:rgba(124,58,237,.12);color:var(--app-accent-text)}.app-message-success{background:var(--app-success-bg);color:var(--app-success)}.app-message-warning{background:var(--app-warning-bg);color:var(--app-warning)}.app-message-error{background:var(--app-danger-bg);color:var(--app-danger)}.pt-safe{padding-top:env(safe-area-inset-top,0)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0)}.glass-card{background:var(--app-surface-solid);border:1px solid var(--app-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.gradient-primary{background-image:linear-gradient(135deg,var(--app-accent-from),var(--app-accent-to))}@keyframes app-ambient-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-4%,3%) scale(1.06)}66%{transform:translate(3%,-3%) scale(.97)}}.ambient-blob{will-change:transform;animation:app-ambient-drift 24s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.ambient-blob{animation:none}}.text-display{letter-spacing:-.02em}.text-caption{letter-spacing:.01em}.app-header{--app-header-height:calc(3.25rem + 1.5rem + env(safe-area-inset-top, 0px));position:sticky;top:0;z-index:40;padding:.75rem 1rem 0;background:transparent}.app-header-bar{height:3.25rem;padding-inline:.75rem;border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background:color-mix(in oklab,var(--app-bg-elevated) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-header-menu-sheet{--app-surface-soft:hsla(0,0%,100%,.04);--app-border:hsla(0,0%,100%,.08);--app-border-strong:hsla(0,0%,100%,.14);--app-foreground:#f4f4f8;--app-accent-bg:rgba(124,58,237,.15);--app-accent-text:#c4b5fd;border-color:hsla(0,0%,100%,.08)!important;background-color:#14142a!important;color:#f4f4f8!important;box-shadow:0 1px 3px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.25)}.app-header-menu-sheet [data-slot=sheet-title]{color:#f4f4f8}.app-header-menu-sheet .app-header-menu-divider{border-color:hsla(0,0%,100%,.08)}.app-header-menu-sheet .app-header-menu-link{color:#f4f4f8}.app-header-menu-sheet .app-header-menu-link:hover{background:hsla(0,0%,100%,.04)}.app-header-menu-sheet .app-header-menu-link[data-active=true]{background:rgba(124,58,237,.15);color:#c4b5fd}.app-header-menu-sheet .app-header-menu-btn{border-color:hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#f4f4f8}.app-header-menu-sheet .app-header-menu-btn:hover{border-color:hsla(0,0%,100%,.14);background:rgba(124,58,237,.15);color:#c4b5fd}.app-header-menu-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface-soft);color:var(--app-foreground);transition:border-color .2s ease,background .2s ease,color .2s ease}.app-header-menu-btn:hover{border-color:var(--app-border-strong);background:color-mix(in oklab,var(--app-surface-soft) 80%,var(--app-accent-bg));color:var(--app-accent-text)}.app-profile-sheet{border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background:var(--app-surface-solid);box-shadow:var(--app-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-session-card{border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface-soft);transition:border-color .2s ease,background .2s ease}.app-session-card[data-active=true]{border-color:color-mix(in oklab,var(--app-primary) 45%,transparent);background:var(--app-accent-bg)}.app-player-dock{z-index:45;border-top:1px solid var(--app-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-global-player,.app-player-dock{position:fixed;right:0;left:0;bottom:env(safe-area-inset-bottom,0);background:color-mix(in oklab,var(--app-bg-elevated) 96%,transparent)}.app-global-player{z-index:46;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.app-global-player-collapsed{box-shadow:0 -8px 32px rgba(0,0,0,.35)}.app-global-player-expanded{box-shadow:0 -12px 40px rgba(0,0,0,.45)}.app-global-player-progress{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--app-surface-soft)}.app-global-player-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--app-accent-from),var(--app-accent-to));transition:width .15s linear}.app-main-with-player,.app-root.app-has-music-player{padding-bottom:calc(var(--app-player-height, 7.5rem) + env(safe-area-inset-bottom, 0px))}.app-main-with-player-expanded{padding-bottom:calc(18rem + env(safe-area-inset-bottom, 0px))}.app-player-seek{appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:999px;background:transparent;cursor:pointer;touch-action:pan-x}.app-player-seek::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--app-primary) 0,var(--app-primary) var(--seek-progress,0),var(--app-surface-soft) var(--seek-progress,0),var(--app-surface-soft) 100%)}.app-player-seek::-moz-range-track{height:6px;border-radius:999px;background:var(--app-surface-soft)}.app-player-seek::-moz-range-progress{height:6px;border-radius:999px;background:var(--app-primary)}@media (max-width:639px){.app-player-seek,.app-player-seek::-moz-range-progress,.app-player-seek::-moz-range-track,.app-player-seek::-webkit-slider-runnable-track{height:8px}.app-player-seek::-webkit-slider-thumb{width:18px;height:18px;margin-top:-5px}.app-player-seek::-moz-range-thumb{width:18px;height:18px}}.app-player-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-4px;border-radius:50%;background:var(--app-primary);box-shadow:0 0 0 4px rgba(124,58,237,.25)}.app-player-seek::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--app-primary);box-shadow:0 0 0 4px rgba(124,58,237,.25)}