@layer theme,base,legacy;@layer components{:root{--sidebar-width:248px;--account-header-height:0px}.account-app{--account-canvas:var(--bg);grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;color:var(--text);background:var(--account-canvas);display:grid}.account-sidebar{flex-direction:column;gap:18px;height:100dvh;min-height:0;padding:22px 14px 14px;display:flex;position:sticky;top:0}.account-brand{--brand-mark-height:26px;width:fit-content;color:var(--text);border-radius:12px;padding:2px 10px 6px;text-decoration:none;display:inline-flex}.account-create-button[aria-current=page]{background:var(--fill-strong)}.account-nav{gap:2px;display:grid}.account-nav-link{isolation:isolate;width:100%;height:44px;color:var(--text-secondary);font:600 15px/20px var(--font-ui);border-radius:12px;align-items:center;padding:0 12px;text-decoration:none;transition:color .16s,background-color .16s}.account-nav-link>div{align-items:center;gap:12px;display:flex}.account-nav-link:hover{color:var(--text);background:var(--fill-faint)}.account-nav-link.is-active{color:var(--text)}.account-nav-link.is-active .account-nav-icon,.account-mobile-nav-link.is-active .account-nav-icon{color:var(--accent-soft)}.account-nav-selection{background:var(--hover-background);border-radius:12px}.account-nav-icon{flex:none;width:20px;height:20px}.account-sidebar .app-download-card{margin-top:auto}.account-sidebar-bottom{align-items:center;gap:4px;margin-top:auto;display:flex}.account-sidebar .app-download-card+.account-sidebar-bottom{margin-top:0}.account-plan-pill{min-width:0;color:var(--text);border-radius:999px;flex:1;align-items:center;gap:10px;padding:8px 16px 8px 8px;text-decoration:none;display:flex}.account-plan-pill:hover,.account-plan-pill[aria-current=page]{background:var(--fill-strong)}.account-avatar{width:36px;height:36px;color:var(--accent-soft);background:var(--accent-background);font:700 15px/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.account-plan-meta{flex:1;gap:3px;min-width:0;display:grid}.account-plan-name{color:var(--text-tertiary);font:700 11px/15px var(--font-ui);letter-spacing:.8px;text-transform:uppercase}.account-plan-minutes{font:500 15px/20px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-plan-meter{background:var(--fill-medium);border-radius:3px;height:3px;overflow:hidden}.account-plan-meter i{border-radius:inherit;background:var(--accent);height:100%;display:block}.account-plan-pill.is-low .account-plan-meter i{background:var(--error)}.account-plan-pill.is-low .account-plan-minutes{color:var(--error-text)}.account-signout{color:var(--text-secondary);flex:none}.account-main{--raised:var(--surface-elevated);isolation:isolate;min-width:0;min-height:calc(100dvh - 16px);padding:36px max(40px, calc((100% - 1180px) / 2)) calc(var(--player-bar-height) + 32px);background:var(--surface);border-radius:24px;margin:8px 8px 8px 0;position:relative}.account-main:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(55% 75% at 26% 0%, var(--glow-a), transparent 72%), radial-gradient(40% 60% at 82% 6%, var(--glow-b), transparent 70%);height:560px;position:absolute;inset:0 0 auto}.account-main[data-view=create]:before{display:none}.account-main:focus{outline:none}.account-main :where(h1){font-family:var(--font-display);font-size:var(--font-size-page-title);letter-spacing:-.02em;font-weight:600;line-height:1.15}body:has(.persistent-player) .account-main{overscroll-behavior-y:contain;height:calc(100dvh - 16px);min-height:0;padding-bottom:calc(var(--player-bar-height) + var(--player-bottom-inset) + 32px);overflow-y:auto}.account-app :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.account-app :where(button,a){-webkit-tap-highlight-color:transparent}.account-app :where(button):disabled{cursor:not-allowed}.account-skip-link{z-index:100;color:var(--text);background:var(--surface-elevated);font:600 15px/20px var(--font-ui);border-radius:999px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.account-skip-link:focus{transform:none}.account-mobile-header,.account-mobile-nav,.account-create-fab{display:none}.account-app.is-focused{--account-canvas:var(--bg);padding-top:0;display:block}.account-focus-main{isolation:isolate;min-height:100dvh;position:relative}.account-focus-main:focus{outline:none}.account-focus-main:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 75% at 26% 0%, var(--glow-a), transparent 72%), radial-gradient(40% 60% at 82% 6%, var(--glow-b), transparent 70%);height:620px;position:absolute;inset:0 0 auto}.public-app{isolation:isolate;min-height:100dvh;color:var(--text);background:var(--bg);position:relative}.public-app:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 75% at 26% 0%, var(--glow-a), transparent 72%), radial-gradient(40% 60% at 82% 6%, var(--glow-b), transparent 70%);height:620px;position:absolute;inset:0 0 auto}.public-main{--raised:var(--surface);min-width:0;padding:36px max(40px, calc((100% - 1180px) / 2)) calc(var(--player-bar-height) + var(--player-bottom-inset) + 40px)}.public-main:focus{outline:none}.account-gate{--brand-mark-height:44px;min-height:100dvh;color:var(--text-secondary);text-align:center;background:var(--bg);place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.account-gate-mark{color:var(--text);margin-bottom:8px}.account-gate h1{color:var(--text);font:600 24px/30px var(--font-display);letter-spacing:-.01em;margin:0}.account-gate p{font:500 15px/20px var(--font-ui);margin:0}.account-gate [data-slot=button]{margin-top:8px}@media (max-width:760px){:root{--account-header-height:64px}body:has(.account-app){--player-bottom-inset:calc(94px + env(safe-area-inset-bottom))}.account-app:not(.is-focused){padding-top:var(--account-header-height)}.account-app{display:block}.account-app:where([data-lissin-theme=light] *){--account-canvas:var(--surface)}.account-sidebar{display:none}.account-mobile-header{z-index:30;height:var(--account-header-height);background:linear-gradient(var(--account-canvas) 40%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 8px;display:flex;position:fixed;inset:0 0 auto}.account-mobile-header .account-plan-pill{flex:0 auto;gap:8px;padding:4px 14px 4px 4px}.account-mobile-header .account-avatar{width:32px;height:32px;font-size:13px}.account-mobile-header .account-plan-minutes{font-size:13px;line-height:18px}.account-icon-button{width:44px;height:44px;color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.account-icon-button[aria-current=page]{background:var(--fill-strong)}.account-icon-button svg{width:20px;height:20px}.public-main{padding:20px 20px calc(var(--player-bar-height) + var(--player-bottom-inset) + 24px)}.account-main{min-height:calc(100dvh - var(--account-header-height));padding:12px 20px calc(116px + env(safe-area-inset-bottom));background:0 0;border-radius:0;margin:0}.account-main:before{top:calc(-1 * var(--account-header-height))}body:has(.persistent-player) .account-main{height:calc(100dvh - var(--account-header-height) - var(--player-bar-height) - var(--player-bottom-inset) - 12px);padding-bottom:24px}.account-mobile-nav{z-index:30;right:88px;bottom:calc(22px + env(safe-area-inset-bottom));border-radius:999px;justify-content:space-around;align-items:center;height:64px;padding:0 8px;display:flex;position:fixed;left:16px}.account-mobile-nav-link{isolation:isolate;width:72px;height:52px;color:var(--text-tertiary);font:600 10px/12px var(--font-ui);border-radius:999px;justify-content:center;align-items:center;text-decoration:none}.account-mobile-nav-link>div{justify-items:center;gap:3px;display:grid}.account-mobile-nav-link .account-nav-icon{width:24px;height:24px}.account-mobile-nav-link.is-active{color:var(--text)}.account-mobile-nav .account-nav-selection{background:0 0}.account-create-fab{z-index:30;right:16px;bottom:calc(26px + env(safe-area-inset-bottom));width:56px;height:56px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:fixed}.account-create-fab[aria-current=page]{background:var(--fill-strong)}.account-create-fab svg{width:24px;height:24px}}.account-switch{background:var(--hover-background);width:52px;height:32px;box-shadow:inset 0 0 0 1px var(--divider);appearance:none;cursor:pointer;border-radius:999px;flex:none;margin:0;transition:background-color .2s;position:relative}.account-switch:after{content:"";width:26px;height:26px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.account-switch:checked{background:var(--fill-strong)}.account-switch:checked:after{transform:translate(20px)}.account-switch:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){.account-nav-link,.account-switch,.account-switch:after{transition:none}}}@layer utilities;