:root{--fog:#eef0f5;--paper:#fff;--ink:#1b1d2a;--muted:#7d8296;--yes:#3446e0;--wash:#dde0fa;--glow:#f2a93b;--ink-soft:#4a4e63;--line:#dfe2ea;--yes-hover:#2636c4;--on-yes:#fff;--glow-text:#95600a;--zone-no:#7d82960f;--zone-yes:#3446e00f;--ink-hover:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body:"Atkinson Hyperlegible", "Helvetica Neue", Arial, sans-serif;--font-mono:"Martian Mono", ui-monospace, Menlo, monospace;--fs-13:13px;--fs-15:15px;--fs-18:18px;--fs-24:24px;--fs-40:40px;--fs-56:56px;--radius-card:20px;--radius:12px;--shadow-card:0 30px 60px -20px #1b1d2a38, 0 8px 20px -10px #1b1d2a1f;--ease:cubic-bezier(.2, .7, .2, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fog:#12131b;--paper:#1c1e2a;--ink:#e8eaf2;--muted:#8b90a6;--yes:#8291ff;--wash:#272c52;--glow:#f2a93b;--ink-soft:#b3b7c9;--line:#2c2f3e;--yes-hover:#9ba7ff;--on-yes:#0e1020;--glow-text:#f2b455;--zone-no:#8b90a614;--zone-yes:#8291ff14;--ink-hover:#fff;--shadow-card:0 30px 60px -20px #0009, 0 8px 20px -10px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--fog:#12131b;--paper:#1c1e2a;--ink:#e8eaf2;--muted:#8b90a6;--yes:#8291ff;--wash:#272c52;--glow:#f2a93b;--ink-soft:#b3b7c9;--line:#2c2f3e;--yes-hover:#9ba7ff;--on-yes:#0e1020;--glow-text:#f2b455;--zone-no:#8b90a614;--zone-yes:#8291ff14;--ink-hover:#fff;--shadow-card:0 30px 60px -20px #0009, 0 8px 20px -10px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fog);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-15);-webkit-font-smoothing:antialiased;min-width:860px;margin:0;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--yes)}:focus-visible{outline:2px solid var(--yes);outline-offset:3px;border-radius:6px}.mono{font-family:var(--font-mono);letter-spacing:0;font-size:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:40px;height:64px;padding:0 32px;display:flex}.brand{font-family:var(--font-display);font-weight:700;font-size:var(--fs-18);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.brand-dot{color:var(--yes)}.nav{gap:4px;display:flex}.nav a{color:var(--ink-soft);border-radius:999px;padding:6px 12px;text-decoration:none}.nav a:hover{background:var(--wash);color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);background:var(--paper);font-weight:700}.topbar-count{color:var(--ink-soft)}.main{flex-direction:column;flex:1;min-height:0;display:flex}.footer{font-size:var(--fs-13);color:var(--ink-soft);justify-content:center;gap:16px;padding:14px 32px 18px;display:flex}.footer a{color:var(--ink-soft)}.status-toast{background:var(--ink);color:var(--paper);font-size:var(--fs-13);z-index:20;border-radius:999px;padding:10px 18px;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.btn{background:var(--yes);color:var(--on-yes);transition:transform .15s var(--ease), background .15s;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--yes-hover)}.btn:active{transform:scale(.98)}.btn-quiet{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-quiet:hover{background:var(--wash)}.btn-small{font-size:var(--fs-13);padding:6px 14px}.link-btn{color:var(--yes);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.listen{flex:1;grid-template-columns:1fr minmax(380px,auto) 1fr;min-height:0;display:grid;position:relative}.zone{color:var(--muted);font-size:var(--fs-18);background:0 0;border:0;flex-direction:column;justify-content:center;gap:10px;padding:0 48px;transition:background .2s,color .2s;display:flex}.zone-left{align-items:flex-start}.zone-right{align-items:flex-end}.zone .arrow{font-size:var(--fs-40);line-height:1;font-family:var(--font-display)}.zone-left:hover,.zone-left.hot{background:var(--zone-no);color:var(--ink)}.zone-right:hover,.zone-right.hot{background:var(--zone-yes);color:var(--yes)}.zone:disabled{cursor:default;opacity:.5}.zone:disabled:hover{background:0 0}.stage{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;padding:18px 0 8px;display:flex}.why{color:var(--glow-text);font-weight:700;font-size:var(--fs-15);text-align:center;align-items:center;gap:8px;min-height:24px;display:flex}.why:before{content:"";background:var(--glow);border-radius:50%;flex:none;width:8px;height:8px}.why.empty:before{display:none}.card{--cover:min(440px, calc(100vh - 495px));width:calc(var(--cover) + 40px);background:var(--paper);border-radius:var(--radius-card);min-width:300px;box-shadow:var(--shadow-card);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;animation:card-in .32s var(--ease);transition:transform .18s var(--ease), opacity .18s var(--ease);padding:20px}.card.dragging{cursor:grabbing;transition:none}.card.leave-left{opacity:0;transform:translate(-70vw)rotate(-8deg)}.card.leave-right{opacity:0;transform:translate(70vw)rotate(8deg)}@keyframes card-in{0%{opacity:0;transform:scale(.97)}}.cover{aspect-ratio:1;border-radius:var(--radius);background:var(--wash);object-fit:cover;pointer-events:none;width:100%;display:block}.progress{align-items:center;gap:12px;margin-top:16px;display:flex}.progress-track{background:var(--wash);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{background:var(--yes);border-radius:2px;height:100%;transition:width .25s linear}.progress .mono{color:var(--ink-soft);white-space:nowrap}.title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-40);letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:14px 0 4px;line-height:1.05;display:-webkit-box;overflow:hidden}.title.long{font-size:30px}.meta{color:var(--ink-soft);font-size:var(--fs-18)}.chips{flex-wrap:wrap;gap:6px;min-height:28px;margin-top:12px;display:flex}.chip{background:var(--wash);color:var(--ink);font-size:var(--fs-13);border-radius:999px;padding:3px 12px}.chip-no{border:1px solid var(--line);color:var(--ink-soft);background:0 0}.hints{font-size:var(--fs-13);color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.hint{color:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.hint:hover:not(:disabled){background:var(--paper);color:var(--ink)}.hint:disabled{opacity:.45;cursor:default}kbd{font-family:var(--font-mono);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:11px}.placeholder{aspect-ratio:1/1.25;border-radius:var(--radius-card);background:var(--paper);text-align:center;width:min(480px,100vh - 340px);min-width:300px;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.start{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.start-inner{grid-template-columns:auto 1fr;align-items:center;gap:56px;max-width:880px;display:grid}.start h1{font-family:var(--font-display);font-size:var(--fs-56);letter-spacing:-.03em;margin:0 0 16px;line-height:1}.start p{font-size:var(--fs-18);color:var(--ink-soft);max-width:440px;margin:0 0 28px}.start-actions{align-items:center;gap:20px;display:flex}.page{width:100%;max-width:1080px;margin:0 auto;padding:40px 32px 24px}.page-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-40);letter-spacing:-.02em;margin:0 0 6px}.lead{color:var(--ink-soft);font-size:var(--fs-18);max-width:640px;margin:0 0 28px}.panel{background:var(--paper);border-radius:16px;padding:24px 28px}.section{margin-top:40px}.section-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-24);letter-spacing:-.01em;margin:0 0 4px}.section-note{color:var(--ink-soft);margin:0 0 16px}.add-layout{grid-template-columns:1fr 320px;align-items:start;gap:32px;display:grid}.search{width:100%;font-size:var(--fs-24);background:var(--paper);border:2px solid #0000;border-radius:16px;outline:none;padding:18px 22px}.search:focus{border-color:var(--yes)}.results{background:var(--paper);border-radius:16px;margin:16px 0 0;padding:8px;list-style:none}.row{border-radius:10px;grid-template-columns:52px 1fr auto auto;align-items:center;gap:14px;padding:8px;display:grid}.row:hover{background:var(--fog)}.row img{background:var(--wash);border-radius:8px;width:52px;height:52px}.row-text{min-width:0}.row-links{font-size:var(--fs-13);white-space:nowrap;gap:12px;display:inline-flex}.row-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.row-sub{color:var(--ink-soft);font-size:var(--fs-13);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.play-btn{border:1px solid var(--line);background:var(--paper);width:36px;height:36px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.play-btn:hover{background:var(--wash)}.play-btn.on{background:var(--yes);color:var(--on-yes);border-color:var(--yes)}.seed-mark{font-size:var(--fs-13);color:var(--glow-text);align-items:center;gap:6px;font-weight:700;display:inline-flex}.seed-mark:before{content:"";background:var(--glow);border-radius:50%;width:8px;height:8px}.seeds{flex-direction:column;gap:4px;margin:12px 0 0;padding:0;list-style:none;display:flex}.seeds li{grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:6px 0;display:grid}.seeds img{width:40px;height:40px;box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--glow);border-radius:6px}.remove{color:var(--ink-soft);font-size:var(--fs-13);background:0 0;border:0;border-radius:6px;padding:4px 8px}.remove:hover{background:var(--fog);color:var(--ink)}.empty-note{color:var(--ink-soft);padding:16px 8px}.taste-hero{grid-template-columns:360px 1fr;align-items:center;gap:56px;display:grid}.summary{font-family:var(--font-display);font-weight:600;font-size:var(--fs-24);letter-spacing:-.01em;margin:8px 0 24px;line-height:1.35}.stats{gap:32px;display:flex}.stat-num{font-family:var(--font-mono);font-size:var(--fs-24);display:block}.stat-label{color:var(--ink-soft);font-size:var(--fs-13)}.legend{font-size:var(--fs-13);color:var(--ink-soft);flex-wrap:wrap;gap:6px 14px;margin-top:20px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{background:var(--yes);border-radius:2px;width:14px;height:3px;display:inline-block}.clusters{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.cluster{background:var(--paper);border-radius:16px;padding:18px}.cluster-covers{margin-bottom:14px;display:flex}.cluster-covers img{border:3px solid var(--paper);background:var(--wash);border-radius:10px;width:72px;height:72px;margin-right:-18px}.cluster-label{font-weight:700;font-size:var(--fs-18);line-height:1.3}.cluster-count{color:var(--ink-soft);font-size:var(--fs-13);margin-top:4px}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sub-title{font-size:var(--fs-13);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-weight:700}.bars{flex-direction:column;gap:10px;display:flex}.bar-row{grid-template-columns:120px 1fr 36px;align-items:center;gap:12px;display:grid}.bar-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-track{background:var(--fog);border-radius:5px;height:10px;overflow:hidden}.bar-fill{background:var(--yes);border-radius:5px;height:100%}.bar-fill.neg{background:var(--muted);opacity:.5}.bar-row .mono{color:var(--ink-soft);text-align:right}.songs{background:var(--paper);border-radius:16px;margin:0;padding:8px;list-style:none}.songs .row{grid-template-columns:36px 44px 1fr auto}.songs .row img{width:44px;height:44px}details.panel summary{cursor:pointer;font-weight:700}details.panel[open] summary{margin-bottom:12px}.danger-zone{border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:16px;margin-top:64px;padding-top:24px;display:flex}.confirm{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-delete{background:var(--ink)}.btn-delete:hover{background:var(--ink-hover)}.earprint-empty{text-align:center;color:var(--ink-soft);font-size:var(--fs-13);max-width:260px;margin:8px auto 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card.leave-left,.card.leave-right{transform:none}}@media (width<=1100px){.zone{padding:0 24px}.taste-hero{grid-template-columns:280px 1fr;gap:32px}.add-layout{grid-template-columns:1fr 260px}}.theme-btn{border:1px solid var(--line);color:var(--ink-soft);font-size:var(--fs-13);background:0 0;border-radius:999px;padding:4px 12px}.theme-btn:hover{background:var(--wash);color:var(--ink)}.topbar-right{align-items:center;gap:16px;margin-left:auto;display:flex}.pl-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}.pl-side,.pl-main{flex-direction:column;gap:16px;min-width:0;display:flex}.pl-builder{padding:22px 24px 24px}.pl-fieldset{border:0;min-width:0;margin:0;padding:0}.pl-fieldset:disabled{opacity:.6}.pl-field+.pl-field{margin-top:22px}.pl-field-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.pl-field-head .sub-title{margin:0}.pl-field-value{font-size:var(--fs-13);color:var(--ink);font-weight:700}.pl-field .chips{min-height:0;margin-top:0}.range{width:100%;accent-color:var(--yes);margin:0}.range-ends{font-size:var(--fs-13);color:var(--ink-soft);justify-content:space-between;margin-top:2px;display:flex}.toggle-chip{border:1px solid var(--line);color:var(--ink-soft);font-size:var(--fs-13);text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border-radius:999px;max-width:100%;padding:3px 12px;overflow:hidden}.toggle-chip:hover:not(:disabled){background:var(--wash);color:var(--ink)}.toggle-chip[aria-pressed=true]{background:var(--yes);border-color:var(--yes);color:var(--on-yes);font-weight:700}.toggle-chip:disabled{cursor:default}.pl-input{border:1px solid var(--line);background:var(--fog);width:100%;color:var(--ink);font-size:var(--fs-15);border-radius:10px;outline:none;padding:8px 12px}.pl-input:focus{border-color:var(--yes)}.pl-input::placeholder,.pl-name::placeholder{color:var(--muted)}.pl-chosen{margin-bottom:8px}.pl-suggest{margin-top:8px}.chip-x{align-items:center;gap:4px;padding-right:4px;display:inline-flex}.chip-x button{color:var(--ink-soft);background:0 0;border:0;border-radius:50%;width:20px;height:20px;padding:0;line-height:1}.chip-x button:hover{background:var(--paper);color:var(--ink)}.pl-hint{color:var(--ink-soft);font-size:var(--fs-13);margin:0}.pl-build{justify-content:center;width:100%;margin-top:24px}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn:disabled:hover{background:var(--yes)}.btn-quiet:disabled:hover{background:0 0}.pl-saved{padding:20px 24px}.pl-saved ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pl-saved li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.pl-saved li:first-child{border-top:0}.pl-saved li.open .row-title{color:var(--yes)}.pl-saved-actions{font-size:var(--fs-13);gap:10px;display:flex}.pl-rename,.pl-confirm{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.pl-confirm span{font-size:var(--fs-13)}.pl-rename .pl-input{flex:100%}.pl-actions{align-items:center;gap:8px;display:flex}.pl-empty{font-size:var(--fs-18);justify-content:space-between;align-items:center;gap:24px;margin-top:24px;display:flex}.pl-empty p{margin:0}.pl-empty-saved{max-width:420px;margin-top:16px}.pl-placeholder{color:var(--ink-soft);text-align:center;justify-content:center;align-items:center;min-height:160px;display:flex}.pl-head{padding:20px 24px}.pl-name{width:100%;font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);background:0 0;border:0;border-bottom:2px solid #0000;outline:none;padding:2px 0;font-size:28px;font-weight:700}.pl-name:hover:not(:disabled){border-bottom-color:var(--line)}.pl-name:focus{border-bottom-color:var(--yes)}.pl-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;display:flex}.pl-meta{color:var(--ink-soft);font-size:var(--fs-13)}.pl-export{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.pl-export .pl-meta{margin-right:4px}.pl-export-msg{font-size:var(--fs-13);color:var(--yes);flex:260px;font-weight:700;line-height:1.45}.yt-panel{border:1px solid var(--line);background:var(--fog);border-radius:14px;flex:100%;order:10;gap:10px;max-width:520px;margin-top:6px;padding:14px 16px;display:grid}.yt-row{align-items:center;gap:8px;display:flex}.yt-row .pl-meta{flex:0 0 64px}.yt-row .pl-input{background:var(--paper);flex:1;min-width:0}.yt-note{font-size:var(--fs-13);color:var(--ink-soft);margin:0}.pl-export-msg a{color:var(--ink);white-space:nowrap}.pl-export-msg.error{color:var(--glow-text)}.pl-progress{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding-top:14px;font-weight:700;display:flex}.pl-note{border-left:3px solid var(--glow);background:var(--fog);color:var(--ink);font-size:var(--fs-15);border-radius:0 8px 8px 0;margin:14px 0 0;padding:10px 14px}.pl-placeholder .pl-note{text-align:left;margin:0}.pl-notice{min-height:0;font-size:var(--fs-13);color:var(--ink-soft)}.pl-notice:not(:empty){margin-top:10px}.pl-player{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.pl-player img,.pl-cover-empty{background:var(--wash);border-radius:8px;width:56px;height:56px;display:block}.pl-cover-empty.small{width:44px;height:44px}.pl-progress-bar{margin-top:8px}.pl-transport{align-items:center;gap:8px;display:flex}.pl-big{width:44px;height:44px}.pl-rate{flex-wrap:wrap;grid-column:2/-1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pl-rated{font-size:var(--fs-13);color:var(--ink-soft);margin-right:auto;font-weight:700}.pl-list{background:var(--paper);border-radius:16px;margin:0;padding:8px;list-style:none}.pl-row{border-radius:10px;grid-template-columns:26px 36px 44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:6px 8px;display:grid}.pl-row:hover{background:var(--fog)}.pl-row.current{background:var(--wash)}.pl-row img{background:var(--wash);border-radius:6px;width:44px;height:44px}.pl-num{color:var(--ink-soft);text-align:right}.badge{white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}.badge-liked{border:1px solid var(--line);color:var(--ink-soft)}.badge-new{background:var(--wash);color:var(--ink);border:1px solid var(--wash)}.pl-row.current .badge-new{background:var(--paper);border-color:var(--paper)}.pl-row-actions{gap:2px;display:flex}.icon-btn{min-width:30px;height:30px;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;padding:0 6px}.icon-btn.text{font-size:var(--fs-13);padding:0 8px}a.icon-btn{align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--paper);color:var(--ink)}.icon-btn:disabled{opacity:.35;cursor:default}.play-btn:disabled{opacity:.45;cursor:default}.popularity{font-size:var(--fs-13);color:var(--ink-soft);align-items:center;gap:6px;display:flex}.popularity-label{margin-right:2px}.gate{flex-direction:column;min-height:100%;display:flex}.gate-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.gate-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:40px 24px 64px;display:flex}.gate-intro{text-align:center;max-width:520px}.gate-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-24);letter-spacing:-.01em;margin:0 0 8px}.gate-intro .gate-title{font-size:var(--fs-40);line-height:1.1}.gate-note{color:var(--ink-soft);margin:0}.gate-small{color:var(--ink-soft);font-size:var(--fs-13)}.gate-panel{width:100%;max-width:560px}.gate-panel p{margin:0 0 14px}.gate-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 12px;display:flex}.gate-progress{background:var(--wash);border-radius:999px;height:8px;margin:16px 0 8px;overflow:hidden}.gate-progress>div{background:var(--yes);height:100%;transition:width .3s var(--ease)}.sync-badge{font-size:var(--fs-13);color:var(--muted)}.sync-offline{color:var(--glow-text)}.account{position:relative}.account-btn{border:1px solid var(--line);background:var(--paper);border-radius:999px;place-items:center;width:32px;height:32px;padding:0;display:grid;overflow:hidden}.account-btn img{object-fit:cover;width:100%;height:100%;display:block}.account-initial{text-transform:uppercase;font-weight:700}.account-menu{z-index:30;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.account-who{font-size:var(--fs-13);overflow-wrap:anywhere;flex-direction:column;display:flex}.account-who span{color:var(--ink-soft)}