@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.m-96{margin:calc(var(--spacing) * 96)}.m-142{margin:calc(var(--spacing) * 142)}.m-302{margin:calc(var(--spacing) * 302)}.m-330{margin:calc(var(--spacing) * 330)}.m-388{margin:calc(var(--spacing) * 388)}.m-1548{margin:calc(var(--spacing) * 1548)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--night:#0e0a14;--text:#fffffff5;--secondary:#ebebf5a8;--tertiary:#ebebf55c;--fill:#7878803d;--fill-strong:#7878805c;--separator:#ffffff1a;--accent:#ffb547;--accent-ink:#2a1606;--rose:#ff6f91;--focus:#8ab4ff;--glass:#1e182685;--glass-solid:#1a1521f0;--gutter:clamp(12px, 2.6vw, 28px);--sheet:cubic-bezier(.32, .72, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:radial-gradient(120% 90% at 50% 100%, #4b1d3f 0%, #1a1130 55%, var(--night) 100%) fixed var(--night)}body{min-height:100dvh;color:var(--text);font:100%/1.5 var(--font-sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;background:0 0;font-size:15px;overflow:hidden}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.35}svg{flex-shrink:0}:where(button,a,input,[role=tab],[role=menuitemradio]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff0f,0 20px 50px #00000059}html[data-lite] .glass,html[data-lite] .crate-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-solid)}@media (prefers-reduced-transparency:reduce){.glass,.crate-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--glass-solid)!important}}.pill,.collection,.crate-tab,.btn-primary,.menu-item{transition:transform .1s ease-out,background-color .15s}.pill:active,.collection:active,.btn-primary:active{transform:scale(.96)}.window{z-index:0;touch-action:none;width:100vw;height:100lvh;display:block;position:fixed;inset:0}.room{z-index:1;height:100dvh;padding:max(12px, env(safe-area-inset-top)) var(--gutter) max(14px, env(safe-area-inset-bottom));pointer-events:none;grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.room>*{pointer-events:auto}.topbar{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.topbar>*{pointer-events:auto}.topbar-actions{gap:8px;display:flex}.pill{letter-spacing:-.01em;height:38px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:590;display:inline-flex}.pill svg{font-size:17px}.pill-icon{justify-content:center;width:38px;padding:0}.pill[aria-pressed=true]{color:#1a1521;background:#ffffffe6}.pill-guess{position:relative}.pill-new{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #1a1521}.pill-note{color:var(--secondary);font-weight:500}.pill-dot{background:#f4a43a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px}.pill-dot[data-sky=day]{background:#e9eef5}.pill-dot[data-sky=dawn]{background:#ffb3a1}.pill-dot[data-sky=night],.pill-dot[data-sky=late]{background:#9fb4ff}.sky{position:relative}.menu{z-index:30;transform-origin:0 0;min-width:220px;animation:pop .22s var(--sheet);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);left:0}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.menu-item{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 10px;font-size:15px;display:flex}.menu-item:hover{background:var(--fill)}.menu-scenes{min-width:270px;max-height:min(78dvh,640px);overflow-y:auto}.menu-label{color:var(--tertiary);padding:8px 10px 4px;font-size:12px;font-weight:600}.menu-scenes .menu-item{gap:12px;height:auto;min-height:48px;padding:7px 10px}.menu-scenes .menu-item>span:first-child{gap:1px;display:grid}.menu-scenes .menu-hint{color:var(--tertiary);font-size:12px}.menu-sep{background:var(--separator);height:1px;margin:4px 10px;display:block}.menu-item svg{color:var(--accent)}.pip{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);transition:width .3s var(--sheet), box-shadow .2s;background:#0e0b12e0;border-radius:14px;display:grid;position:fixed;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #ffffff0f,0 18px 40px #00000073}html[data-dragging] .pip{transition:none;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #ffffff1f,0 28px 60px #0000008c}.pip-bar{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;height:28px;color:var(--secondary);align-items:center;gap:4px;padding:0 4px 0 6px;display:flex}html[data-dragging] .pip-bar{cursor:grabbing}.pip-grip{font-size:14px}.pip-label{font-size:12px;font-weight:600}.pip-actions{margin-left:auto;display:flex}.pip-actions button{width:24px;height:24px;color:var(--secondary);border-radius:6px;place-items:center;font-size:14px;display:grid}.pip-actions button:hover{color:var(--text);background:var(--fill)}.pip-frame{transition:height .3s var(--sheet);background:#000;position:relative}.pip-slot{position:absolute;inset:0}.pip-idle{color:var(--tertiary);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}html[data-throwing] .player-host{opacity:0}html:not([data-throwing]) .player-host{transition:opacity .2s}.pip[data-size=audio] .pip-bar{cursor:default}html[data-dragging] .player-host iframe{pointer-events:none}.pip-audio{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border-radius:50%;overflow:visible}.disc{background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 45%), conic-gradient(from var(--sheen,30deg), #cfd2d8, #e9e3ee, #d3e4ea, #e6e9df, #ece1d6, #cfd2d8, #dcdfe6, #e7dcea, #cfd2d8);border-radius:50%;width:100%;height:100%;animation:8s linear infinite paused disc-spin;position:relative;box-shadow:0 14px 30px #00000080,inset 0 0 0 1px #ffffff80}.disc[data-spinning]{animation-play-state:running}.disc svg{width:100%;height:100%;display:block}@keyframes disc-spin{to{transform:rotate(360deg)}}.disc-label{fill:var(--body);transition:fill .8s}.disc-label-ring{stroke:var(--accent);stroke-width:1.5px;opacity:.85}.disc-hub{fill:var(--accent);transition:fill .8s}.disc-singers{fill:var(--label-ink);opacity:.72;font-family:var(--font-display);font-size:11.5px;font-weight:600}.disc-title{fill:var(--label-ink);font-family:var(--font-display);font-variation-settings:"wdth" 100;letter-spacing:-.01em;font-size:15px;font-weight:750}.disc-rim{fill:#1c1622cc;font-family:var(--font-display);font-variation-settings:"wdth" 112;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:700}.disc-by{font-family:var(--font-brand);font-variation-settings:normal;letter-spacing:0;text-transform:none;font-size:10.5px;font-weight:800}.disc-dot{fill:#f2b544}.disc-mono{fill:var(--label-ink);opacity:.85}.disc-credit{letter-spacing:.1em;fill:#1c162280;font-size:7.5px}.notes{pointer-events:none;position:absolute;top:8%;left:50%}.notes i{color:#ffffffe6;text-shadow:0 0 8px #ffd696b3;opacity:0;font-size:18px;font-style:normal;animation:3.6s ease-out infinite paused note-rise;position:absolute;top:0;left:0}.notes[data-on] i{animation-play-state:running}.notes:not([data-on]) i{visibility:hidden}.notes i:first-child{--dx:-26px;--tilt:-18deg;animation-delay:0s}.notes i:nth-child(2){--dx:14px;--tilt:14deg;font-size:15px;animation-delay:.6s}.notes i:nth-child(3){--dx:-8px;--tilt:-8deg;font-size:21px;animation-delay:1.2s}.notes i:nth-child(4){--dx:30px;--tilt:22deg;font-size:14px;animation-delay:1.8s}.notes i:nth-child(5){--dx:-34px;--tilt:-24deg;animation-delay:2.4s}.notes i:nth-child(6){--dx:6px;--tilt:10deg;font-size:16px;animation-delay:3s}@keyframes note-rise{0%{opacity:0;transform:translate(-50%)scale(.6)rotate(0)}15%{opacity:1}60%{transform:translate(calc(-50% + var(--dx) * .6), -70px) scale(1) rotate(var(--tilt))}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -120px) scale(1.1) rotate(calc(var(--tilt) * -.5))}}@media (prefers-reduced-motion:reduce){.notes{display:none}}.pip-slot-hidden{opacity:0;pointer-events:none;width:2px;height:2px;position:absolute;top:50%;left:50%}.pip-audio-actions{opacity:0;flex-direction:column;gap:4px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:50%;left:calc(100% + 8px);transform:scale(.9)}.pip-audio:hover .pip-audio-actions,.pip-audio:focus-within .pip-audio-actions{opacity:1;transform:none}@media (hover:none){.pip-audio-actions{opacity:1;transform:none}}.sky-icon,.icon-menu,.level,.pip-audio-tap,.mood-pick,.scr-disc,.mood-row{display:none}.mood-pick{position:relative}.mood-pick-btn{white-space:nowrap;min-width:0}.queue-sheet-card{flex-direction:column;max-height:min(70dvh,560px);display:flex}.queue-sheet-card .queue{overscroll-behavior:contain;overflow-y:auto}.queue-sheet-card .empty{padding:12px 8px 20px}.mood-pick-btn{height:36px;color:var(--text);background:#ffffff14;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.mood-pick-btn svg{color:var(--tertiary);font-size:14px}.mood-pick-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.mood-pick-dot[data-mood=none]{background:var(--tertiary)}.level{position:relative}.level-btn{width:44px;height:44px;color:var(--text);border-radius:50%;place-items:center;font-size:21px;display:grid}.level[data-off] .level-btn{color:var(--tertiary)}.level-btn[aria-expanded=true]{background:#ffffff1a}.level-pop{z-index:5;animation:pop .2s var(--sheet);background:#1a1521;border-radius:18px;justify-items:center;gap:8px;padding:14px 10px 10px;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%;box-shadow:0 0 0 1px #ffffff14,0 16px 40px #00000080}.level-pop input{writing-mode:vertical-lr;width:28px;height:140px;accent-color:var(--accent);direction:rtl}.level-value{font:600 11px var(--font-mono);color:var(--secondary)}.mood-sheet{z-index:90;background:#00000073;align-items:flex-end;animation:.2s ease-out fade;display:flex;position:fixed;inset:0}.mood-sheet-card{width:100%;padding:8px 12px max(16px, env(safe-area-inset-bottom));animation:sheet-up .28s var(--sheet);background:#1a1521;border-radius:22px 22px 0 0;box-shadow:0 -20px 60px #00000080}@keyframes sheet-up{0%{transform:translateY(100%)}}.mood-sheet-grip{background:var(--fill-strong);border-radius:3px;width:36px;height:5px;margin:2px auto 10px;display:block}.mood-sheet-title{color:var(--tertiary);padding:0 8px 6px;font-size:13px;font-weight:600}.mood-sheet-item{text-align:left;width:100%;min-height:52px;color:var(--text);border-radius:12px;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 8px;display:grid}.mood-sheet-item:active,.mood-sheet-item[aria-checked=true]{background:var(--fill)}.mood-sheet-item svg{color:var(--accent)}.mood-sheet-text{display:grid}.mood-sheet-text b{font-size:16px}.mood-sheet-text span{color:var(--tertiary);font-size:13px}@media (max-width:1024px){.pip-audio-tap{border-radius:50%;display:block;position:absolute;inset:0}.pip-audio .pip-audio-actions,.pip-audio .notes,.icon-more{display:none}.icon-menu{display:block}}.pip-audio-actions button{width:28px;height:28px;color:var(--text);box-shadow:0 0 0 1px var(--separator), 0 4px 10px #0006;background:#2c2533;border-radius:50%;place-items:center;font-size:14px;display:grid}.player-host{z-index:21;overflow:hidden}.player-host[data-fixed]{z-index:21}html[data-mode=car] .player-host{z-index:60}html[data-mode=lights] .room{visibility:hidden}.player-host iframe{width:100%;height:100%;display:block}.dock{grid-row:3;justify-self:center;width:min(1000px,100%)}.device,.pip-audio{--body:#cdc6bb;--body-hi:#e3ddd2;--body-lo:#a9a196;--on-body:#1e1814b8;--accent:#ff5a1f;--label-ink:#1e1814}.device{--ink:#fff;background:radial-gradient(140% 120% at 20% 0%, var(--body-hi), var(--body) 45%, var(--body-lo)), var(--body);border-radius:34px;gap:12px;padding:14px;transition:background-color .8s,--body .8s;display:grid;box-shadow:inset 0 2px 1px #ffffff73,inset 0 -3px 6px #0000002e,0 2px #00000040,0 40px 80px #00000073,0 12px 24px #00000040}[data-mood=rain]{--body:#5d6f84;--body-hi:#7a8ca1;--body-lo:#475669;--on-body:#ffffffb3;--accent:#8fd3ff;--label-ink:#fff}[data-mood=sad]{--body:#8b8f97;--body-hi:#a6aab2;--body-lo:#6e727a;--on-body:#ffffffb8;--accent:#c3cfff;--label-ink:#fff}[data-mood=romantic]{--body:#c0675a;--body-hi:#d98576;--body-lo:#9d4f44;--on-body:#ffffffbd;--accent:#ffb3a0;--label-ink:#fff}[data-mood=late-night]{--body:#2c2832;--body-hi:#3d3844;--body-lo:#1f1c24;--on-body:#fff9;--accent:#ffb547;--label-ink:#fff}[data-mood=long-drive]{--body:#5b692e;--body-hi:#73833d;--body-lo:#465223;--on-body:#ffffffb3;--accent:#c6f04a;--label-ink:#fff}[data-mood=soulful]{--body:#c8b38e;--body-hi:#dccaa8;--body-lo:#a99473;--on-body:#281e12b3;--accent:#ffd27a;--label-ink:#2a1d10}[data-mood=playful]{--body:#e07f37;--body-hi:#f09a55;--body-lo:#bd6526;--on-body:#281204b8;--accent:#fff09a;--label-ink:#2a1204}.mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:12px;font-weight:500;line-height:1.35}.device-main{grid-template-columns:minmax(0,1fr) 132px;gap:14px;display:grid}.scr{min-width:0;color:var(--ink);background:radial-gradient(120% 120% at 30% 0,#17141c,#0a090c 70%);border-radius:24px;gap:10px;padding:16px 20px 14px;display:grid;box-shadow:inset 0 0 0 2px #0000008c,inset 0 6px 18px #000c,0 1px #ffffff59}.scr-top{color:#ffffff8c;align-items:center;gap:12px;display:flex}.scr-top .scr-hatch{flex:1}.scr-hatch{background:repeating-linear-gradient(115deg,#fff6 0 1.5px,#0000 1.5px 9px);height:10px}.scr-preset{align-items:flex-end;gap:16px;display:flex}.roller{font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums;margin:-.08em 0 -.06em;font-size:clamp(56px,7.4vw,92px);font-weight:800;line-height:1;transition:color .6s;display:inline-flex}.roller[data-idle]{opacity:.28}.roller-digit{height:1em;display:inline-block;overflow:hidden}.roller-strip{flex-direction:column;transition:transform .7s cubic-bezier(.2,.9,.25,1.05);display:flex}.roller-digit:nth-child(2) .roller-strip{transition-delay:50ms}.roller-digit:nth-child(3) .roller-strip{transition-delay:.1s}.roller-strip>span{height:1em;line-height:1em}.scr-preset-text{gap:2px;min-width:0;padding-bottom:4px;display:grid}.scr-clip{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scr-accent{color:var(--accent);font-size:15px;font-weight:700;transition:color .6s}.scr-dim{color:#ffffff8c}.scr-song{animation:song-in .5s var(--sheet)}@keyframes song-in{0%{opacity:0;transform:translateY(6px)}}.scr-song{min-width:0}.scr-title{white-space:nowrap;font-family:var(--font-display);font-variation-settings:"wdth" 100;letter-spacing:-.02em;font-size:clamp(20px,2.3vw,28px);font-weight:700;line-height:1.15;display:block;overflow:hidden}.scr-title>span{display:inline-block}.scr-title[data-scroll]>span{animation:14s ease-in-out infinite alternate marquee}@keyframes marquee{0%,20%{transform:translate(0)}80%,to{transform:translateX(var(--shift))}}.scr-sub{color:#ffffffa8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;overflow:hidden}.wave{gap:4px;display:grid}.wave-bars{--p:0;align-items:center;gap:2px;height:40px;display:flex;position:relative}.wave-bars i{--lit:clamp(0, (var(--p) - var(--i)) * 400, 1);background:var(--ink);border-radius:2px;flex:1;min-height:3px}@supports (color:color-mix(in lab, red, red)){.wave-bars i{background:color-mix(in srgb, var(--ink) calc(var(--lit) * 100%), #fff3)}}.wave-input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:-6px 0}.wave-input:focus-visible{opacity:.01}.wave-bars:has(.wave-input:focus-visible){outline:2px solid var(--focus);outline-offset:4px;border-radius:4px}.wave-times{font-family:var(--font-mono);color:#ffffff8c;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.device-knobs{background:#0000000f;border-radius:24px;grid-template-rows:auto auto 1fr;justify-items:center;gap:10px;padding:10px 0 4px;display:grid;box-shadow:inset 0 1px 3px #0000002e,0 1px #ffffff40}.device-brand{font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.18em;text-transform:uppercase;color:var(--on-body);align-self:end;font-size:9px;font-weight:600}.knob{justify-items:center;gap:4px;display:grid}.knob-dial{touch-action:none;cursor:ns-resize;border-radius:50%;width:84px;height:84px;position:relative}.knob-ring{position:absolute;inset:0}.knob-track,.knob-arc{fill:none;stroke-width:3px;stroke-linecap:round}.knob-track{stroke:#0000002e}.knob-arc{stroke:var(--on-body)}.knob-cap{background:radial-gradient(circle at 38% 30%,#fff,#e6e2dc 55%,#c9c3bb);border-radius:50%;transition:transform 60ms linear;position:absolute;inset:13px;box-shadow:0 8px 14px #00000059,0 2px 3px #0000004d,inset 0 -3px 5px #0000001f}.knob-cap i{background:var(--accent);filter:saturate(1.4)brightness(.85);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:12%;left:50%;box-shadow:inset 0 1px 1px #0000004d}.knob[data-dimmed] .knob-cap i{background:#9a948c}.knob-label{font-family:var(--font-mono);color:var(--on-body);font-size:11px}.knob-label b{font-variant-numeric:tabular-nums;font-weight:700}.device-keys{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.keys{gap:6px;display:flex}.keys-presets{grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.p-moment .p-n{color:var(--accent)}.k,.p{color:#221c26;background:linear-gradient(#faf8f5,#e2ddd6);border-radius:16px;place-items:center;height:50px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:grid;position:relative;box-shadow:0 3px #00000038,0 6px 12px #00000029,inset 0 1px #fff}.k:active,.p:active{transform:translateY(2px);box-shadow:0 1px #00000038,0 2px 4px #00000029,inset 0 1px #fff}.k{width:52px;font-size:22px}.k-play{color:#fff;background:linear-gradient(#2d2833,#17141b);width:64px;font-size:26px;box-shadow:0 3px #0006,0 6px 12px #0003,inset 0 1px #ffffff26}.k-play[data-attention]{animation:1.6s ease-in-out infinite attention}@keyframes attention{0%,to{box-shadow:0 3px #0006,0 0 #ffb5478c}50%{box-shadow:0 3px #0006,0 0 0 8px #ffb54700}}.k-play[data-loading]{animation:1.2s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.7}}.k-led:after,.p:after{content:"";background:#0000001f;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.k-led[aria-pressed=true]:after,.p[aria-pressed=true]:after{background:#ff5a1f;box-shadow:0 0 6px #ff5a1f}.k-heart[aria-pressed=true]{color:#e0245e}.p{text-align:left;align-content:center;justify-items:start;gap:0;padding:0 10px}.p-n{font-family:var(--font-mono);color:#221c2680;font-size:11px}.p-name{letter-spacing:-.01em;font-size:13px;font-weight:650}.p[aria-pressed=true]{color:#fff;background:linear-gradient(#2d2833,#17141b)}.p[aria-pressed=true] .p-n{color:#ffffff8c}.crate{z-index:40;pointer-events:none;position:fixed;inset:0}.crate-panel{background:radial-gradient(120% 46% at 50% -8%, var(--body,#6b3d7a), transparent 70%), linear-gradient(180deg, #ffffff08, transparent 30%), #120e18d1;border-radius:26px;flex-direction:column;width:min(460px,100vw - 20px);display:flex;position:absolute;top:10px;bottom:10px;right:10px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.crate-panel{background:radial-gradient(120% 46% at 50% -8%, color-mix(in srgb, var(--body,#6b3d7a) 55%, transparent), transparent 70%), linear-gradient(180deg, #ffffff08, transparent 30%), #120e18d1}}.crate-panel{-webkit-backdrop-filter:blur(48px)saturate(190%);backdrop-filter:blur(48px)saturate(190%);transition:transform .45s var(--sheet), background .8s;pointer-events:auto;outline:none;transform:translate(calc(100% + 20px));box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff12,0 2px 6px #00000040,0 40px 100px #0000008c}.crate[data-open] .crate-panel{transform:none}@media (max-width:720px){.crate-panel{border-radius:24px 24px 0 0;width:100%;height:90dvh;inset:auto 0 0;transform:translateY(100%)}.crate:before{content:"";opacity:0;background:#0006;transition:opacity .3s;position:absolute;inset:0}.crate[data-open]:before{opacity:1;pointer-events:auto}}.crate-head{justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 6px 14px;display:flex}.crate-tabs{background:#00000047;border-radius:12px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid;position:relative;box-shadow:inset 0 1px 2px #00000059,0 1px #ffffff0f}.crate-tabs:before{content:"";width:calc(33.3333% - 2px);transform:translateX(calc(var(--tab,0) * 100%));transition:transform .35s var(--sheet);background:linear-gradient(#fff3,#ffffff1f);border-radius:9px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:inset 0 1px #ffffff38,0 3px 10px #00000059}.crate-tab{height:32px;color:var(--secondary);border-radius:9px;padding:0 16px;font-size:14px;font-weight:590;transition:color .2s;position:relative}.crate-tab:hover,.crate-tab[aria-selected=true]{color:var(--text)}.crate-section,.mixtape-heading{letter-spacing:-.01em;color:var(--text);align-items:baseline;gap:8px;margin:18px 4px 8px;font-size:17px;font-weight:700;display:flex}.crate-section span{color:var(--tertiary);font-size:13px;font-weight:500}.crate-body{overscroll-behavior:contain;padding:10px 14px calc(20px + env(safe-area-inset-bottom));flex:1;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 16px),#0000);mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 16px),#0000)}.crate-note{color:var(--secondary);margin-bottom:12px}.crate-meta{color:var(--secondary);justify-content:space-between;gap:12px;margin:4px 4px 6px;font-size:13px;display:flex}.link-btn{color:var(--accent)}.icon-btn{width:36px;height:36px;color:var(--secondary);background:var(--fill);border-radius:50%;place-items:center;font-size:18px;transition:color .15s,transform .1s ease-out;display:grid}.icon-btn:active{transform:scale(.92)}.icon-btn:hover{color:var(--text)}.collections{scrollbar-width:none;align-items:center;gap:4px;margin:0 -14px 10px;padding:3px 14px 4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.collections-rule{background:var(--separator);flex:none;width:1px;height:20px;margin:0 4px}.collection{height:30px;color:var(--secondary);background:#ffffff0f;border-radius:7px;flex:none;align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:620;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0f}.collection:hover{color:var(--text);background:#ffffff1a}.collection svg{width:12px;height:12px;color:var(--rose)}.collection-count{color:var(--tertiary);font-size:11px;font-weight:500}.collection[aria-selected=true]{color:#1a1521;box-shadow:0 0 0 2px var(--accent), 0 3px 10px #0000004d;background:linear-gradient(#fff,#ffffffe0)}@supports (color:color-mix(in lab, red, red)){.collection[aria-selected=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent), 0 3px 10px #0000004d}}.collection[aria-selected=true] .collection-count{color:#1a152180}.filters{margin-bottom:4px;display:grid}.search-row{gap:8px;display:flex}.search{min-width:0;height:42px;color:var(--secondary);background:#00000038;border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 12px;font-size:17px;display:flex;box-shadow:inset 0 1px 2px #0000004d,0 1px #ffffff0d}.search:focus-within{box-shadow:inset 0 0 0 1.5px var(--focus)}.search input{min-width:0;color:var(--text);background:0 0;outline:none;flex:1;font-size:15px}.search kbd{color:var(--tertiary);box-shadow:inset 0 0 0 1px var(--separator);border-radius:5px;padding:0 6px;font-family:inherit;font-size:12px}.filter-toggle{width:42px;height:42px;color:var(--secondary);background:linear-gradient(#ffffff1a,#ffffff0a);border-radius:12px;flex:none;place-items:center;font-size:19px;transition:color .15s,transform .1s ease-out;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,0 2px 6px #00000040}.filter-toggle:hover,.filter-toggle[aria-expanded=true]{color:var(--text)}.filter-toggle[aria-expanded=true]{background:linear-gradient(#ffffff2e,#ffffff1a)}.filter-toggle:active{transform:scale(.94)}.filter-count{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);border-radius:999px;place-items:center;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.filter-chips{scrollbar-width:none;gap:6px;margin-top:10px;display:flex;overflow-x:auto}.filter-chip{background:var(--accent);border-radius:999px;flex:none;align-items:center;gap:5px;height:28px;padding:0 8px 0 11px;font-size:13px;font-weight:590;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.filter-chip{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.filter-chip{color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.filter-chip{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}}.filter-chip svg{opacity:.7;width:12px;height:12px}.filter-chip-clear{box-shadow:none;color:var(--accent);background:0 0;padding:0 10px}.filter-tray{opacity:0;transition:grid-template-rows .35s var(--sheet), opacity .25s;grid-template-rows:0fr;display:grid}.filter-tray[data-open]{opacity:1;grid-template-rows:1fr}.filter-tray-inner{gap:16px;min-height:0;display:grid;overflow:hidden}.filter-tray[data-open] .filter-tray-inner{background:#0003;border-radius:16px;margin-top:10px;padding:14px;box-shadow:inset 0 0 0 1px #ffffff0f}.filter-group header{color:var(--secondary);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px;font-weight:650;display:flex}.filter-group output{color:var(--text);font-size:15px;font-weight:700}.filter-reset{color:var(--accent);justify-self:start;font-size:13px;font-weight:590}.years-track{height:28px;position:relative}.years-track:before{content:"";background:linear-gradient(90deg, var(--fill-strong) var(--lo,0%), var(--accent) var(--lo,0%) var(--hi,100%), var(--fill-strong) var(--hi,100%));border-radius:3px;height:6px;margin-top:-3px;position:absolute;top:50%;left:0;right:0;box-shadow:inset 0 1px 2px #0000004d}.years-track input{appearance:none;pointer-events:none;background:0 0;width:100%;position:absolute;inset:0}.years-track input::-webkit-slider-thumb{appearance:none;pointer-events:auto;cursor:grab;background:radial-gradient(circle at 50% 35%,#fff,#d9d6de);border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 4px #ffffff14,0 3px 8px #00000073}.years-track input::-moz-range-thumb{pointer-events:auto;background:#fff;border:0;border-radius:50%;width:20px;height:20px}.years-ticks{height:16px;margin:2px 11px 0;position:relative}.years-ticks span{color:var(--tertiary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;transition:color .2s;position:absolute;transform:translate(-50%)}.years-ticks span[data-in]{color:var(--secondary)}.singers{flex-wrap:wrap;gap:6px;display:flex}.singer{background:#ffffff12;border-radius:999px;height:30px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .15s,transform .1s ease-out;box-shadow:inset 0 0 0 1px #ffffff0d}.singer:hover{background:#ffffff1f}.singer:active{transform:scale(.95)}.singer[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 8px var(--accent)}@supports (color:color-mix(in lab, red, red)){.singer[aria-pressed=true]{box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 40%, transparent)}}@media (prefers-reduced-motion:reduce){.filter-tray{transition:none}}.tracklist{display:grid}.tracklist>li{content-visibility:auto;contain-intrinsic-size:auto 60px}.tracklist>li[data-dragging]{z-index:2;position:relative}.row{border-radius:12px;align-items:center;transition:background-color .15s;display:flex}.row:hover{background:#ffffff0f}.row[data-current]{background:linear-gradient(90deg, var(--accent), #ffffff0a)}@supports (color:color-mix(in lab, red, red)){.row[data-current]{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 16%, transparent), #ffffff0a)}}.row-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:7px 6px;display:flex}.row[data-missing] .row-main{opacity:.4}.row-art{border-radius:8px;flex:none;width:46px;height:46px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d,inset 0 0 0 1px #ffffff14}.row-play{color:#fff;opacity:0;background:#0e0a148c;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.row-play svg{width:18px;height:18px}@media (hover:hover){.row:hover .row-play{opacity:1}.row:hover .row-num,.row-heart[aria-pressed=false]{opacity:0}.row:hover .row-heart,.row-heart:focus-visible{opacity:1}}.row:active .row-art{transform:scale(.96)}.row-art svg{width:100%;height:100%}.row-num{color:#fff;font-variant-numeric:tabular-nums;background:#0e0a146b;place-items:center;font-size:13px;font-weight:600;transition:opacity .15s;display:grid;position:absolute;inset:0}.row-text{min-width:0;display:grid}.row-title{white-space:nowrap;text-overflow:ellipsis;font-weight:590;overflow:hidden}.row[data-current] .row-title{color:var(--accent)}.row-sub{color:#ebebf58c;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.row-moods{display:none}.row[data-missing] .row-moods{margin-left:auto;display:flex}.tag{background:var(--fill);color:var(--secondary);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}.row-heart,.row-grip{width:40px;height:40px;color:var(--tertiary);border-radius:50%;flex:none;place-items:center;font-size:18px;transition:opacity .15s,color .15s,transform .1s ease-out;display:grid}.row-heart:active{transform:scale(.85)}.row-heart:hover{color:var(--secondary)}.row-heart[aria-pressed=true]{color:var(--rose)}.row-grip{cursor:grab;touch-action:none;width:28px}.eq{align-items:flex-end;gap:2px;height:14px;display:flex}.eq i{background:var(--accent);transform-origin:bottom;border-radius:1px;width:3px;height:100%;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.empty{text-align:center;color:var(--secondary);max-width:36ch;margin:0 auto;padding:40px 8px}.queue{display:grid}.queue button{text-align:left;border-radius:12px;grid-template-columns:46px minmax(0,1fr) auto;grid-template-areas:"art title n""art film n";align-items:center;column-gap:12px;width:100%;padding:7px 8px 7px 6px;transition:background-color .15s;display:grid}.queue button:hover{background:#ffffff0f}.queue button:active .queue-art{transform:scale(.96)}.queue-art{background:var(--fill);border-radius:8px;grid-area:art;width:46px;height:46px;transition:transform .1s ease-out;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d,inset 0 0 0 1px #ffffff14}.queue-art>img,.queue-art>svg{object-fit:cover;width:100%;height:100%}.queue-eq{background:#0e0a1473;place-items:center;display:grid;position:absolute;inset:0}.queue-n{text-align:right;min-width:2ch;color:var(--tertiary);font-variant-numeric:tabular-nums;grid-area:n;font-size:12px}.queue-title{white-space:nowrap;text-overflow:ellipsis;grid-area:title;align-self:end;font-weight:590;overflow:hidden}.queue-film{color:#ebebf58c;white-space:nowrap;text-overflow:ellipsis;grid-area:film;align-self:start;font-size:13px;overflow:hidden}.queue li:first-child .crate-section{margin-top:4px}.queue li[data-now] button{background:linear-gradient(135deg, var(--accent), #ffffff0a 70%);border-radius:16px;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"art title""art film";column-gap:14px;padding:10px}@supports (color:color-mix(in lab, red, red)){.queue li[data-now] button{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, transparent), #ffffff0a 70%)}}.queue li[data-now] button{box-shadow:inset 0 0 0 1px #ffffff14}.queue li[data-now] .queue-art{border-radius:10px;width:72px;height:72px;box-shadow:0 10px 24px #00000073}.queue li[data-now] .queue-title{color:var(--accent);font-size:17px;font-weight:700}.queue li[data-past]{opacity:.45}.mixtape-add{margin-bottom:14px}.mixtape-row{gap:8px;display:flex}.mixtape-row input{background:var(--fill);min-width:0;height:42px;color:var(--text);border-radius:11px;outline:none;flex:1;padding:0 12px}.mixtape-row input:focus{box-shadow:inset 0 0 0 1.5px var(--focus)}.mixtape-row input[aria-invalid]{box-shadow:inset 0 0 0 1.5px var(--rose)}.mixtape-status{min-height:20px;color:var(--secondary);margin-top:6px;font-size:13px}.mixtape-status[data-kind=error]{color:var(--rose)}.mixtape-status[data-kind=added]{color:#8ee6a8}.btn-primary,.btn-secondary{white-space:nowrap;border-radius:11px;align-items:center;gap:6px;height:40px;padding:0 14px;font-size:14px;font-weight:650;display:inline-flex}.btn-primary{color:#1a1521;background:#fff}.btn-secondary{background:var(--fill);color:var(--text)}.btn-secondary.danger{color:var(--rose)}.mixtape-shelf{gap:4px;display:grid}.mixtape-shelf li{border-radius:12px;align-items:center;display:flex}.mixtape-shelf li:hover{background:#ffffff0d}.mixtape-card{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:8px 6px;display:flex}.mixtape-thumb{object-fit:cover;background:var(--fill);border-radius:10px;flex:none;width:56px;height:56px;box-shadow:0 6px 16px #00000059,inset 0 0 0 1px #ffffff14}.mixtape-text{min-width:0;display:grid}.mixtape-title{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.mixtape-meta{color:var(--secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mixtape-detail .back{margin-bottom:10px;font-size:14px}.mixtape-hero{align-items:flex-end;gap:14px;margin-bottom:12px;display:flex}.mixtape-cover{object-fit:cover;background:var(--fill);border-radius:14px;flex:none;width:104px;height:104px;box-shadow:0 10px 30px #0006}.mixtape-hero-text{min-width:0}.mixtape-hero h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.15}.mixtape-hero p{color:var(--secondary);font-size:13px}.mixtape-source{color:#fff;background:#f03;border-radius:999px;margin-bottom:4px;padding:1px 8px;font-size:11px;font-weight:650;display:inline-block}.mixtape-source[data-kind=spotify]{color:#06210f;background:#1ed760}.mixtape-actions{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.crate-note.small{font-size:12px}.row-art img{object-fit:cover;width:100%;height:100%}.row-time{color:var(--tertiary);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:8px;font-size:12px}.scr-flag{color:#ffffff73}.keymap{z-index:80;background:#00000073;place-items:center;padding:16px;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.keymap-card{background:var(--glass-solid);width:min(480px,100%);max-height:88dvh;animation:pop .3s var(--sheet);border-radius:22px;padding:16px 20px 18px;overflow-y:auto;box-shadow:inset 0 1px #ffffff1a,0 30px 80px #00000080}.keymap-card header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.keymap-card header .icon-btn{margin-left:auto}.keymap-hint{color:var(--secondary);background:var(--fill);border-radius:6px;padding:2px 8px;font-family:inherit;font-size:12px}.keymap-card h2{letter-spacing:-.02em;font-size:20px;font-weight:700}.keymap-card dl>div{border-top:1px solid var(--separator);grid-template-columns:104px 1fr;gap:12px;padding:7px 0;display:grid}.keymap-card kbd{background:var(--fill);border-radius:6px;padding:2px 8px;font-family:inherit;font-size:13px;font-weight:600}.keymap-card dd{color:var(--secondary)}.keymap:has(.spot){place-items:start center;padding-top:min(16vh,140px)}.keymap-card.spot{flex-direction:column;width:min(600px,100%);max-height:min(72dvh,620px);padding:0;display:flex;overflow:hidden}.spot-field{border-bottom:1px solid var(--separator);flex:none;align-items:center;gap:12px;height:60px;padding:0 18px;display:flex}.spot-field svg{width:20px;height:20px;color:var(--tertiary)}.spot-field input{min-width:0;color:var(--text);letter-spacing:-.01em;background:0 0;outline:none;flex:1;font-size:19px}.spot-field input::placeholder{color:var(--tertiary)}.spot-list{overscroll-behavior:contain;padding:6px 8px 8px;list-style:none;overflow-y:auto}.spot-group{color:var(--tertiary);padding:10px 10px 4px;font-size:12px;font-weight:600;display:block}.spot-item{cursor:pointer;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:6px 10px;display:grid}.spot-item[aria-selected=true]{background:#ffffff17}.spot-item[aria-disabled]{cursor:default;opacity:.5}.spot-no{font:600 14px var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums}.spot-mood{background:radial-gradient(circle at 70% 30%, var(--accent) 0 4px, transparent 5px), var(--body);border-radius:8px;width:26px;height:26px;box-shadow:inset 0 1px #ffffff4d}.spot-go{background:var(--fill);width:26px;height:26px;color:var(--secondary);border-radius:8px;place-items:center;font-size:13px;display:grid}.spot-text{min-width:0;display:grid}.spot-text b,.spot-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spot-text b{font-size:15px;font-weight:600}.spot-text span{color:var(--tertiary);font-size:13px}.spot-act{color:var(--secondary);white-space:nowrap;font-size:12px}.spot-empty,.spot-tip{color:var(--secondary);padding:16px 20px;font-size:14px}.spot-tip{padding-bottom:4px}.spot dl{padding:4px 20px 16px;overflow-y:auto}.spot[data-start]{overflow-y:auto}.spot[data-start] .spot-list{flex:none;overflow:visible}.spot[data-start] .spot-field{z-index:1;background:var(--glass-solid);position:sticky;top:0}.spot-keys .spot-group{padding:4px 20px 0}@media (max-width:640px){.keymap:has(.spot){padding-top:12px}}.car{z-index:50;padding:max(16px, env(safe-area-inset-top)) var(--gutter) max(20px, env(safe-area-inset-bottom));background:#08050ccc;grid-template-rows:auto 1fr auto auto;gap:16px;display:grid;position:fixed;inset:0}.car-head{justify-content:space-between;align-items:flex-start;display:flex}.car-video{opacity:.55;border-radius:8px;width:72px;height:40px;overflow:hidden}.car-exit{background:var(--fill);border-radius:50%;place-items:center;width:60px;height:60px;font-size:26px;display:grid}.car-now{text-align:center;align-self:center;gap:10px;display:grid}.car-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.4rem,8vw,5.5rem);font-weight:800;line-height:1.04}.car-sub{color:var(--secondary);font-size:clamp(1.05rem,2.6vw,1.5rem)}.car-bar{--p:0;background:linear-gradient(90deg, #fff calc(var(--p) * 100%), var(--fill-strong) 0);border-radius:3px;justify-self:center;width:min(560px,80vw);height:6px;margin-top:10px}.car-moods{scrollbar-width:none;justify-content:safe center;gap:8px;display:flex;overflow-x:auto}.car-moods button{background:var(--fill);border-radius:999px;flex:none;height:52px;padding:0 20px;font-size:17px;font-weight:600}.car-moods button[aria-pressed=true]{color:#1a1521;background:#fff}.car-controls{grid-template-columns:.8fr 1fr 1.3fr 1fr .8fr;gap:12px;width:100%;max-width:900px;margin:0 auto;display:grid}.car-controls button{background:var(--fill);border-radius:28px;place-items:center;height:clamp(88px,16vh,140px);font-size:clamp(2rem,6vw,3.2rem);display:grid}.car-controls button:active{background:var(--fill-strong);transform:scale(.97)}.car-controls .car-vol{color:var(--secondary);font-size:clamp(1.6rem,4vw,2.2rem)}.car-controls .car-play{color:#1a1521;background:#fff}@media (max-width:520px){.car-controls{grid-template-columns:1fr 1.4fr 1fr}.car-controls .car-vol{display:none}.car-video{opacity:0;pointer-events:none;width:2px;height:2px}.car-head{justify-content:flex-end}.car-moods{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:visible}.car-moods button{height:46px;padding:0 6px;font-size:15px}}html[data-mode=car] .room{visibility:hidden}.reel{animation:2.4s linear infinite paused spin}svg[data-playing] .reel{animation-play-state:running}.tape-pack{--pack:1;transform-box:fill-box;transform-origin:50%;transform:scale(var(--pack));transition:transform .25s linear}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.room{overscroll-behavior:contain;overflow-y:auto}}@media (max-width:980px){.device-keys{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"transport toggles""presets presets"}.keys-transport{grid-area:transport}.keys-toggle{grid-area:toggles;justify-content:flex-end}.keys-presets{grid-area:presets}}@media (max-width:1024px){.room{padding-left:10px;padding-right:10px}.dock,.foot{width:min(560px,100%)}.pill-car{display:none}.topbar-actions .pill:not(.pill-icon){justify-content:center;gap:0;width:38px;padding:0;font-size:0}.topbar-actions .pill:not(.pill-icon) svg{font-size:17px}.device{-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:#120d1ac7;border-radius:26px;grid-template-columns:44px repeat(3,minmax(0,1fr)) 44px;grid-template-areas:"scr scr scr scr scr""shuf prev play next rep""heart mood mood mood rain";align-items:center;gap:14px 6px;padding:16px 14px 12px;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff0f,0 24px 60px #00000080}.device-main,.device-keys,.device-knobs,.keys-transport,.keys-toggle,.scr-top,.scr-preset,.scr-song{display:contents}.scr-top .scr-hatch,.scr-preset-text,.device-brand,.knob-volume,.knob-rain,.keys-presets{display:none}.level{justify-content:center;display:flex}.level[data-level=rain]{grid-area:rain}.scr{box-shadow:none;background:0 0;border-radius:0;grid-area:scr;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"label num num""disc title share""disc sub share""wave wave wave";gap:2px 12px;padding:0;display:grid}.scr-top>.mono:first-child{color:var(--tertiary);grid-area:label;font-size:11px}.scr-top>.scr-dim{grid-area:1/2/auto/4;justify-self:end;font-size:11px}.scr .roller{color:var(--accent);font-size:13px;font-family:var(--font-mono);letter-spacing:0;grid-area:num;justify-self:start;margin:0}.scr-disc{grid-area:disc;width:56px;height:56px;margin-top:8px;display:block}.scr-title{grid-area:title;align-self:end;margin-top:8px;font-size:18px}.scr-sub{grid-area:sub;align-self:start;font-size:13px}.scr .share{grid-area:share;align-self:center;margin-top:8px}.wave{grid-area:wave;margin-top:10px}.wave-bars{height:26px}.keys-transport>:first-child{grid-area:prev}.keys-transport>:nth-child(2){grid-area:play}.keys-transport>:nth-child(3){grid-area:next}.keys-toggle>:first-child{grid-area:shuf}.keys-toggle>:nth-child(2){grid-area:rep}.keys-toggle>:nth-child(3){grid-area:heart}.device .k{width:48px;height:48px;box-shadow:none;color:var(--text);background:0 0;border-radius:50%;justify-self:center;font-size:26px}.device .k-led{color:var(--secondary);font-size:21px}.device .k-led:after{background:0 0;width:4px;height:4px;top:auto;bottom:4px;right:50%;translate:50%}.device .k-led[aria-pressed=true]{color:var(--accent)}.device .k-led[aria-pressed=true]:after{background:var(--accent);box-shadow:none}.device .k-heart[aria-pressed=true]{color:var(--rose)}.device .k-play{color:#17121d;background:#fff;width:64px;height:64px;font-size:28px;box-shadow:0 8px 24px #00000059}.device .k:active{box-shadow:none;transform:scale(.92)}.device .k-play:active{box-shadow:0 4px 12px #00000059}.mood-row{grid-area:mood;justify-content:center;gap:6px;min-width:0;display:flex}.mood-row .mood-pick-btn{gap:6px;padding:0 10px;font-size:13px}.mood-row .mood-pick:first-child .mood-pick-btn>svg{display:none}.mood-pick-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.mood-row-help{width:30px;height:36px;font:700 16px var(--font-brand);color:var(--secondary);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.mood-row-help:active{background:var(--fill)}.mood-row .mood-pick:last-child{flex-shrink:0}.mood-pick{min-width:0;display:flex}}@media (max-width:640px) and (max-height:700px){.wave-bars{height:18px}.device{gap:10px 6px;padding:12px 12px 10px}}@media (max-height:760px) and (min-width:641px){.scr-top .scr-hatch{display:none}.roller{font-size:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.2s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.share{align-self:flex-start;margin-left:auto;position:relative}.share-btn{color:#ffffffbf;background:#ffffff14;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;transition:transform .1s ease-out,background-color .15s;display:grid}.share-btn:hover{color:#fff;background:#ffffff29}.share-btn:active{transform:scale(.94)}.share-pop{z-index:30;background:var(--glass-solid);width:min(340px,100vw - 32px);color:var(--text);transform-origin:100% 100%;animation:pop .22s var(--sheet);border-radius:16px;gap:10px;padding:14px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:inset 0 1px #ffffff1a,0 24px 60px #00000080}.share-head{gap:2px;display:grid}.share-head .mono{color:var(--accent,#ffb547)}.share-head strong{letter-spacing:-.01em;font-size:17px}.share-opt{color:var(--secondary);align-items:center;gap:8px;font-size:14px;display:flex}.share-opt input{accent-color:#ffb547;width:16px;height:16px}.share-url{background:var(--fill);height:36px;color:var(--secondary);font-size:12px;font-family:var(--font-mono);border-radius:9px;outline:none;padding:0 10px}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.more{position:relative}.menu-right{transform-origin:100% 0;left:auto;right:0}.menu-hint{color:var(--tertiary);font-family:inherit;font-size:12px}.wordmark{font-family:var(--font-brand);letter-spacing:-.02em;color:inherit;font-weight:800;text-decoration:none}.wordmark i{color:#f2b544;font-style:normal}.menu-brand{border-top:1px solid var(--separator);color:var(--secondary);border-radius:0 0 8px 8px;margin-top:4px}.menu-item{color:inherit;text-decoration:none}html:has(.doc) body{overflow:auto}.doc{max-width:920px;padding:max(20px, env(safe-area-inset-top)) var(--gutter) 64px;margin:0 auto;line-height:1.6}.doc-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:40px;font-size:15px;display:flex}.doc-back{color:var(--secondary);text-decoration:none}.doc-back:hover{color:var(--text)}.doc-head .wordmark{font-size:22px}.doc h1{font-family:var(--font-display);font-variation-settings:"wdth" 112;letter-spacing:-.03em;font-size:clamp(40px,7vw,64px);font-weight:800;line-height:1.02}.doc-lead{color:var(--secondary);max-width:62ch;margin-top:14px;font-size:19px}.doc section{margin-top:44px}.doc h2{letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.doc p{max-width:68ch}.doc a{color:var(--accent,#ffb547);text-underline-offset:3px}.doc .wordmark{color:var(--text)}.doc-list{color:var(--secondary);padding-left:20px;list-style:outside}.doc-search{background:var(--fill);border-radius:12px;align-items:center;gap:10px;height:44px;margin:10px 0 12px;padding:0 14px;display:flex}.doc-search input{min-width:0;color:var(--text);background:0 0;outline:none;flex:1;font-size:15px}.doc-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--focus)}.doc-count{color:var(--tertiary);font-variant-numeric:tabular-nums;font-size:13px}.doc-foot{border-top:1px solid var(--separator);color:var(--secondary);margin-top:56px;padding-top:20px}.contact{gap:14px;margin-top:14px;display:grid}.contact-kinds{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.doc .contact-kind{background:var(--fill);color:var(--text);border-radius:14px;gap:2px;padding:14px 16px;text-decoration:none;transition:background-color .15s,transform .1s ease-out;display:grid}.doc .contact-kind:hover{background:var(--fill-strong)}.doc .contact-kind:active{transform:scale(.98)}.contact-kind span{font-weight:650}.contact-kind small{color:var(--secondary);font-size:13px}.contact-email{flex-wrap:wrap;align-items:center;gap:12px;font-size:17px;display:flex}.credits-labels{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 20px;margin-top:8px;display:grid}.credits-labels li{border-bottom:1px solid var(--separator);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.credits-singers{color:var(--secondary);max-width:none!important}.credits-card{--row:56px;box-shadow:inset 0 0 0 1px var(--separator), 0 18px 40px -24px #0009;background:#ffffff08;border-radius:18px;margin-top:12px;overflow:hidden}.credits-card .doc-search{border-bottom:1px solid var(--separator);background:0 0;border-radius:0;height:52px;margin:0;padding:0 18px}.credits-card .doc-search:focus-within{box-shadow:none;background:#ffffff08}.credits-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;height:min(64vh,600px);overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),#0000);mask-image:linear-gradient(#000 calc(100% - 36px),#0000)}.credits-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.credits-table,.credits-table thead,.credits-table tbody{width:100%;display:block}.credits-table{font-size:14px}.credits-table thead{z-index:1;-webkit-backdrop-filter:blur(12px);background:#1a1521db;position:sticky;top:0}.credits-table tr{grid-template-columns:44px minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:14px;padding:0 18px;display:grid}.credits-table thead tr{height:34px;box-shadow:inset 0 -1px 0 var(--separator)}.credits-table tbody tr:not(.credits-spacer){height:var(--row);transition:background-color .15s;box-shadow:inset 0 -1px #ffffff0d}.credits-table tbody tr:not(.credits-spacer):hover{background:#ffffff0a}.credits-table th{text-align:left;color:var(--tertiary);font-size:12px;font-weight:500}.credits-table td{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.credits-table td>*{text-overflow:ellipsis;display:block;overflow:hidden}.credits-table .credits-spacer{padding:0;display:block}.credits-table .credits-spacer td{display:block}.credits-table td strong{font-weight:600}.credits-table .muted{color:var(--tertiary);font-size:13px}.credits-table td:nth-child(3){color:var(--secondary);font-size:13px}.credits-table td:nth-child(4){font-size:13px}.credits-table .mono a{color:var(--tertiary);font-variant-numeric:tabular-nums;text-decoration:none;transition:color .15s}.credits-table tr:hover .mono a{color:var(--accent)}.credits-phone{display:none}.credits-empty{color:var(--secondary);text-align:center;padding:28px 18px}@media (max-width:640px){.credits-card{--row:60px}.credits-card .doc-search,.credits-table tr{padding:0 14px}.credits-table thead{display:none}.credits-table tr{grid-template-columns:38px minmax(0,1fr);gap:10px}.credits-table td:nth-child(n+3){display:none}.credits-phone{display:inline}}.curated{margin-bottom:14px}.curated-head{justify-content:space-between;align-items:center;gap:8px;margin:10px 0 8px;display:flex}.curated-head .mixtape-heading{margin:0 4px}.curated-by{color:var(--tertiary);font-weight:400}.curated-tabs{background:#ffffff0f;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.curated-tabs button{color:var(--secondary);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600}.curated-tabs button[aria-pressed=true]{color:#1a1521;background:#ffffffe6}.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px;display:grid}@media (max-width:480px){.curated-grid{grid-template-columns:1fr}.curated-title{-webkit-line-clamp:1}}.curated-tile{text-align:left;background:#ffffff12;border-radius:10px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;height:52px;padding:0 8px 0 0;transition:background .15s,transform .12s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.curated-tile:hover{background:#ffffff1f}.curated-tile:active{transform:scale(.98)}.curated-tile:disabled{opacity:.5}.curated-art{background:var(--tone);width:52px;height:52px;position:relative}@supports (color:color-mix(in lab, red, red)){.curated-art{background:color-mix(in srgb, var(--tone) 40%, #120c18)}}.curated-art img{object-fit:cover;width:100%;height:100%}.curated-art:after{content:"";background:linear-gradient(160deg, var(--tone), transparent 65%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.curated-art:after{background:linear-gradient(160deg, color-mix(in srgb, var(--tone) 45%, transparent), transparent 65%)}}.curated-art:after{mix-blend-mode:soft-light}.curated-tile[aria-busy] .curated-art:after{mix-blend-mode:normal;background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%) 0 0/200% 100%;animation:1s linear infinite card-shimmer}.curated-text{gap:2px;min-width:0;display:grid}.curated-title{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;font-size:12.5px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.curated-meta{font:500 10.5px var(--font-mono);color:var(--tertiary)}.curated-tile[aria-busy] .curated-meta{color:var(--accent)}.curated-action{width:24px;height:24px;color:var(--secondary);border-radius:50%;place-items:center;transition:color .15s,box-shadow .15s;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff40}.curated-tile:hover .curated-action:not([data-added]){color:var(--text);box-shadow:inset 0 0 0 1.5px #fff9}.curated-action[data-added]{color:#120c18;background:var(--tone);box-shadow:none}.curated-action svg{width:13px;height:13px}.curated-error{color:#ff8f8f;margin-top:6px;font-size:11.5px}@media (prefers-reduced-motion:reduce){.curated-tile[aria-busy] .curated-art:after{animation:none}}.mixtape-thumb-mark{background:radial-gradient(circle,#0e0a14 0 12%,#ff5a1f 13% 30%,#cdc6bb 31% 70%,#d9dce3 71%)}.mixtape-thumb-mark[data-kind=spotify]{background:radial-gradient(circle,#0e0a14 0 12%,#1ed760 13% 30%,#cdc6bb 31% 70%,#d9dce3 71%)}.topbar-left{pointer-events:auto;align-items:center;gap:14px;display:flex}.brandmark{color:var(--text);text-shadow:0 1px 10px #00000080;font-size:22px;line-height:1}.brandmark:focus-visible{outline-offset:4px;border-radius:4px}.foot{width:min(1000px,100%);color:var(--tertiary);text-shadow:0 1px 6px #0009;flex-wrap:wrap;grid-row:4;justify-content:flex-end;justify-self:center;align-items:center;gap:2px 14px;margin-top:10px;font-size:11.5px;line-height:1.4;display:flex}.foot a{color:var(--secondary);text-decoration:none}.foot a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.foot .wordmark{color:var(--secondary)}@media (max-width:1024px){.brandmark{font-size:19px}.topbar-left{gap:8px}.foot{justify-content:center;gap:4px 12px;margin-top:8px;font-size:11px}.foot>:not(.foot-brand){display:none}.foot .foot-brand{flex-basis:100%;justify-content:center}.topbar-left{min-width:0}.sky .pill{justify-content:center;width:38px;padding:0}.sky .pill-dot,.sky .sky-label{display:none}.sky .sky-icon{display:block}.sky .pill-note,.sky .pill>svg:not(.sky-icon),.scr-preset-text .scr-dim{display:none}}.doc:has(.doc-layout){max-width:1180px}.doc-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:56px;display:grid}.doc-main{min-width:0}.widget{position:sticky;top:24px}.widget-card{background:radial-gradient(90% 60% at 100% 0,#f2b5441f,#0000 70%),#1e1b18eb;border-radius:22px;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 24px 60px #0006}.widget-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tertiary);align-items:center;gap:8px;font-size:11px;display:flex}.widget-dot{background:#34c759;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34c759}.widget-title{font-family:var(--font-brand);letter-spacing:-.03em;line-height:1.02;margin:12px 0 6px!important;font-size:30px!important;font-weight:800!important}.widget-title em{font-family:var(--font-display);color:#f1ece2bf;font-style:italic;font-weight:500;display:block}.widget-text{color:var(--secondary);font-size:14px}.widget-keys{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 16px;display:grid}.doc .keycap{color:#1d1a16;background:linear-gradient(#f4f0e8,#e2dcd0);border-radius:12px;align-content:space-between;height:92px;padding:10px 12px;text-decoration:none;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:grid;position:relative;box-shadow:inset 0 1px #fff,0 6px #8f887c,0 10px 18px #00000059}.doc .keycap:hover{background:linear-gradient(#fbf8f2,#e8e2d6)}.doc .keycap:active{transform:translateY(5px);box-shadow:inset 0 1px #fff,0 1px #8f887c,0 3px 8px #0000004d}.doc .keycap-primary{color:#1d1a16;background:linear-gradient(#f6c66d,#f2b544);box-shadow:inset 0 1px #fff9,0 6px #a87822,0 10px 18px #00000059}.doc .keycap-primary:active{box-shadow:inset 0 1px #fff9,0 1px #a87822,0 3px 8px #0000004d}.keycap-glyph{font-size:26px;font-weight:800;line-height:1}.keycap-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;line-height:1.25}.widget-email{flex-wrap:wrap;gap:8px;display:flex}.doc .widget-pill{color:#1d1a16;background:#f1ece2;border-radius:999px;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:13.5px;font-weight:650;text-decoration:none;display:inline-flex}.widget-copy{height:38px;color:var(--secondary);border-radius:999px;padding:0 14px;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff2e}.widget-copy:hover{color:var(--text)}.widget-foot{flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin-top:16px;font-size:12.5px;display:flex}.doc .widget-foot a{color:var(--secondary)}.widget-time{font-family:var(--font-mono);color:var(--tertiary);font-size:11.5px}.widget-time b{color:var(--text);font-weight:500}@media (max-width:900px){.doc-layout{grid-template-columns:1fr;gap:0}.doc{padding-bottom:120px}.widget{top:auto;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:30;position:fixed}.widget-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1b18f0;border-radius:18px;padding:10px}.widget-eyebrow,.widget-title,.widget-text,.widget-email,.widget-foot{display:none}.widget-keys{margin:0}.doc .keycap{grid-template-columns:auto 1fr;align-items:center;gap:10px;height:54px}.keycap-glyph{font-size:20px}}.monogram{background:currentColor;display:inline-block;-webkit-mask:url(/brand/sm-monogram.svg) 50%/contain no-repeat;mask:url(/brand/sm-monogram.svg) 50%/contain no-repeat}.foot .foot-brand{align-items:center;gap:6px;display:inline-flex}.foot-monogram{width:22px;height:22px;color:var(--text)}.doc-crumbs ol{color:var(--tertiary);flex-wrap:wrap;gap:4px 8px;margin:-24px 0 18px;font-size:13px;display:flex}.doc-crumbs li+li:before{content:"›";margin-right:8px}.doc-crumbs a{color:var(--secondary);text-decoration:none}.chip-links{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.doc .chip-links a{background:var(--fill);color:var(--text);border-radius:999px;gap:6px;padding:6px 12px;font-size:14px;text-decoration:none;display:inline-flex}.doc .chip-links a:hover,.doc .chip-links a[aria-current=page]{color:#1d1a16;background:#f1ece2}.doc .chip-links a[aria-current=page] .muted{color:#1d1a1699}.song-links{margin-top:8px;display:grid}.song-links li{border-bottom:1px solid var(--separator);grid-template-columns:44px 1fr;gap:4px;padding:10px 0;display:grid}.song-links .mono{color:var(--tertiary);font-family:var(--font-mono);padding-top:2px;font-size:13px}.song-links li>span:last-child{display:grid}.doc .song-links-title{color:var(--text);font-weight:650;text-decoration:none}.doc .song-links-title:hover{text-decoration:underline}.song-links .muted a{color:var(--secondary)}.faq{gap:18px;margin-top:8px;display:grid}.faq dt{font-weight:650}.faq dd{color:var(--secondary);max-width:68ch;margin-top:4px}.doc .btn-primary{color:#1a1521;text-decoration:none}.guide-hero{margin:28px 0 8px}.guide-map{width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--separator), 0 30px 60px -30px #000000b3;border-radius:22px;display:block}.guide-map-rain{opacity:.12}.guide-map-brand{font-family:var(--font-brand);fill:#fff;font-size:22px;font-weight:700}.guide-map-pill{fill:#ffffff1a;stroke:#ffffff1f}.guide-map-small{fill:#ffffffd9;font-size:13px}.guide-map-wipe{fill:none;stroke:#ffffff12;stroke-width:34px;stroke-linecap:round}.guide-map-note{fill:#fff9;font-size:22px}.guide-map-number{font-family:var(--font-display);fill:#ffb547;font-size:46px;font-weight:800}.guide-map-title{fill:#fff;font-size:17px;font-weight:700}.guide-map-key{fill:#f1ede7}.guide-map-keylabel{fill:#221c26;font-size:12px;font-weight:650}.guide-pin circle{fill:#ffb547;stroke:#1a1130;stroke-width:3px;transition:fill .15s}.guide-pin text{fill:#2a1606;pointer-events:none;font-size:14px;font-weight:800}.guide-pin{transform-box:fill-box;transform-origin:50%;animation:pin-in .45s var(--sheet) both}.guide-pin:hover circle,.guide-pin:focus-visible circle{fill:#fff}@keyframes pin-in{0%{opacity:0;transform:scale(.4)}}.guide-route{flex-wrap:wrap;gap:6px;margin-top:14px;padding:0;list-style:none;display:flex}.guide-route a{background:var(--fill);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:14px;text-decoration:none;display:inline-flex}.guide-route a:hover{background:var(--fill-strong)}.guide-route span,.guide-n{background:var(--accent);width:24px;height:24px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:inline-grid}.guide-stop{border-top:1px solid var(--separator);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:36px;padding-top:40px;scroll-margin-top:24px;display:grid}.guide-stop:nth-of-type(2n) .guide-art{order:-1}.guide-n{margin-bottom:10px}.guide-text p{color:var(--secondary)}.guide-how{gap:8px;margin:16px 0 0;display:grid}.guide-how div{grid-template-columns:92px 1fr;align-items:baseline;gap:10px;display:grid}.guide-how dd,.guide-keygrid dd{color:var(--secondary);margin:0;font-size:15px}.guide kbd,.guide-how kbd,.guide-keygrid kbd,.guide-keys p kbd{color:#221c26;min-width:26px;font:600 13px/1.5 var(--font-sans);text-align:center;white-space:nowrap;background:linear-gradient(#faf8f5,#e2ddd6);border-radius:7px;padding:2px 8px;display:inline-block;box-shadow:0 2px #00000059,inset 0 1px #fff}.guide-how div[data-plain] dd{border-left:2px solid var(--separator);grid-column:1/-1;padding-left:14px}.doc .guide-try{color:#1d1a16;background:#f1ece2;border-radius:999px;align-items:center;height:38px;margin-top:18px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .1s ease-out;display:inline-flex}.doc .guide-try:active{transform:scale(.96)}.guide-plate{width:100%;box-shadow:inset 0 0 0 1px var(--separator);background:#00000038;border-radius:20px;display:block}.guide-transport{justify-content:center;gap:10px;padding:44px 20px;display:flex}.guide-transport .k svg{width:22px;height:22px}.guide-moods.device{border-radius:24px;padding:16px}.guide-moods .keys-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.doc .guide-moods .p{color:#221c26;height:54px;text-decoration:none}.guide-plate-note{color:var(--on-body);margin:12px 2px 0;font-size:13px}.guide-glass{height:auto}.guide-glass-wipe{fill:none;stroke:#00000047;stroke-width:30px;stroke-linecap:round}.guide-glass-bolt{fill:none;stroke:#fff6c8;stroke-width:2.5px;stroke-linejoin:round;opacity:.8}.guide-skies{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px;display:grid}.guide-sky{color:#fff;text-shadow:0 1px 3px #00000073;border-radius:12px;flex-direction:column;justify-content:flex-end;gap:2px;height:160px;padding:10px;display:flex}.guide-sky b{font-size:13px}.guide-sky span{opacity:.85;font-size:11px}.guide-library{padding:12px}.guide-tabs{background:var(--fill);border-radius:10px;gap:4px;padding:3px;font-size:13px;font-weight:600;display:flex}.guide-tabs span{text-align:center;color:var(--secondary);border-radius:8px;flex:1;padding:5px 0}.guide-tabs span[data-on]{background:var(--fill-strong);color:var(--text)}.guide-search{background:var(--fill);color:var(--tertiary);border-radius:10px;margin:10px 0 6px;padding:8px 12px;font-size:13px}.guide-row{border-bottom:1px solid #ffffff0d;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:8px 4px;display:grid}.guide-row:last-child{border:0}.guide-row-no{font-family:var(--font-mono);color:var(--tertiary);font-size:12px}.guide-row-text{min-width:0;display:grid}.guide-row-text b,.guide-row-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.guide-row-text b{font-size:14px}.guide-row-text span{color:var(--tertiary);font-size:12px}.guide-row svg{width:18px;height:18px;color:var(--rose)}.guide-video{justify-content:center;align-items:center;gap:12px;padding:34px 16px;display:flex}.guide-video figure{justify-items:center;gap:8px;margin:0;display:grid}.guide-video figcaption{color:var(--secondary);font-size:12px}.guide-cd{background:radial-gradient(circle,#1a1130 0 4px,#ff5a1f 5px 14px,#0000 15px),radial-gradient(circle at 40% 35%,#fbf8f4,#cfc8bf);border-radius:50%;width:56px;height:56px;animation:8s linear infinite spin}.guide-screen{background:linear-gradient(135deg,#3a2c55,#8a3b5c);border-radius:8px;display:block;box-shadow:inset 0 0 0 1px #ffffff26}.guide-screen-s{width:80px;height:45px}.guide-screen-l{width:128px;height:72px}.guide-arrow{color:var(--tertiary)}.guide-url{gap:16px;padding:22px 20px;display:grid}.guide-url svg{width:22px;height:22px;color:var(--accent)}.guide-url code{font:600 15px/1.5 var(--font-mono);overflow-wrap:anywhere}.guide-url code span{color:var(--accent)}.guide-url code .guide-url-base{color:var(--tertiary)}.guide-url dl{border-top:1px solid var(--separator);gap:8px;margin:0;padding-top:14px;display:grid}.guide-url dl div{grid-template-columns:124px 1fr;gap:10px;font-size:13px;display:grid}.guide-url dt{font-family:var(--font-mono);color:var(--accent)}.guide-url dd{color:var(--secondary);margin:0}.guide-steps{gap:8px;padding:14px;list-style:none;display:grid}.guide-steps li{background:var(--fill);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.guide-step-icon{color:#221c26;background:linear-gradient(#faf8f5,#e2ddd6);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.guide-step-icon svg{width:17px;height:17px}.guide-car{text-align:center;justify-items:center;gap:4px;padding:26px 16px;display:grid}.guide-car>svg{width:22px;height:22px;color:var(--tertiary);margin-bottom:6px}.guide-car b{font-size:22px}.guide-car span{color:var(--secondary);font-size:13px}.guide-car div{gap:14px;margin-top:16px;display:flex}.guide-car i{background:var(--fill-strong);border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.guide-car i[data-main]{color:#1d1a16;background:#f1ece2;width:72px;height:72px}.guide-car i svg{width:24px;height:24px}.guide-keys{border-top:1px solid var(--separator);padding-top:40px;scroll-margin-top:24px}.guide-keygrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin-top:18px;display:grid}.guide-keygrid div{grid-template-columns:104px 1fr;align-items:baseline;gap:10px;display:grid}@media (max-width:760px){.guide-stop{grid-template-columns:minmax(0,1fr);gap:20px}.guide-stop:nth-of-type(2n) .guide-art{order:0}.guide-keygrid{grid-template-columns:minmax(0,1fr)}.guide-skies{gap:4px;padding:6px}.guide-sky{height:120px;padding:6px}.guide-sky b{font-size:11px}.guide-sky span{font-size:10px}}@media (prefers-reduced-motion:reduce){.guide-pin,.guide-cd{animation:none}}.ost-tape{color:#221c26;background:linear-gradient(#f3eee6,#ddd5c9);border-radius:18px;grid-template-columns:1fr auto;grid-template-areas:"side soon""title title""reels reels";gap:8px;max-width:460px;margin:32px 0 8px;padding:18px 20px 22px;display:grid;position:relative;box-shadow:0 3px #00000040,0 24px 50px -20px #0009,inset 0 1px #fff}.ost-side{font:600 12px var(--font-mono);letter-spacing:.08em;color:#221c2699;grid-area:side}.ost-soon{color:#fff;background:#1f6f4a;border-radius:999px;grid-area:soon;padding:2px 10px;font-size:12px;font-weight:700}.ost-title{font-family:var(--font-hand), cursive;grid-area:title;font-size:clamp(30px,7vw,40px);line-height:1.1}.ost-reels{background:#2a2430;border-radius:12px;grid-area:reels;justify-content:center;gap:64px;padding:12px 0 4px;display:flex}.ost-reels i{background:radial-gradient(circle,#2a2430 0 9px,#f3eee6 10px 13px,#6b6070 14px 100%);border-radius:50%;width:44px;height:44px;animation:6s linear infinite spin}@media (prefers-reduced-motion:reduce){.ost-reels i{animation:none}}.resume{top:max(64px, calc(env(safe-area-inset-top) + 56px));z-index:45;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);width:min(480px,100vw - 24px);animation:resume-in .35s var(--sheet);background:#1a1521eb;border-radius:18px;align-items:center;gap:14px;padding:12px 12px 14px 16px;display:flex;position:fixed;left:50%;overflow:hidden;translate:-50%;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff0f,0 18px 40px #00000073}@keyframes resume-in{0%{opacity:0;transform:translateY(-8px)}}.resume-text{flex:1;min-width:0;display:grid}.resume-ask{color:var(--secondary);font-size:13px}.resume-song{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:15px;overflow:hidden}.resume-song b{font-weight:650}.resume-actions{flex:none;align-items:center;gap:6px;display:flex}.resume-go,.resume-later{border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.resume-go{color:#17121d;background:#fff}.resume-go svg{font-size:13px}.resume-later{background:var(--fill);color:var(--text)}.resume-close{width:30px;height:30px;color:var(--secondary);border-radius:50%;place-items:center;font-size:15px;display:grid}.resume-go:active,.resume-later:active,.resume-close:active{transform:scale(.95)}.resume-timer{background:var(--accent);transform-origin:0;width:100%;height:2px;animation:10s linear forwards resume-countdown;position:absolute;bottom:0;left:0}.resume:hover .resume-timer,.resume:focus-within .resume-timer{animation-play-state:paused}@keyframes resume-countdown{to{transform:scaleX(0)}}@media (max-width:520px){.resume{flex-wrap:wrap;gap:10px}.resume-actions{width:100%}.resume-go{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.resume{animation:none}.resume-timer{opacity:.5;animation:none}}.guide-lights{background:#000;justify-items:center;gap:8px;padding:40px 16px;display:grid}.guide-lights b{font-family:var(--font-display);color:#ffffff52;font-size:44px;font-weight:300}.guide-lights span{color:#fff6;font-size:14px}.guide-lights i{background:linear-gradient(90deg,#ffb54773 35%,#ffffff14 0);width:120px;height:2px}.lights{z-index:70;cursor:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;place-items:center;animation:.8s ease-out fade;display:grid;position:fixed;inset:0}.lights-card{text-align:center;justify-items:center;gap:6px;max-width:min(560px,86vw);transition:transform 6s ease-in-out;display:grid}.lights-clock{font-family:var(--font-display);letter-spacing:-.03em;color:#ffffff52;font-variant-numeric:tabular-nums;font-size:clamp(56px,14vw,120px);font-weight:300;line-height:1}.lights-title{color:#ffffff6b;margin-top:18px;font-size:clamp(18px,4.5vw,24px);font-weight:600}.lights-sub{color:#ffffff42;font-size:14px}.lights-bar{--p:0;background:linear-gradient(90deg, #ffb54773 calc(var(--p) * 100%), #ffffff14 0);border-radius:1px;width:160px;height:2px;margin-top:14px}.lights-bar:not([data-playing]){opacity:.4}.lights-hint{bottom:max(28px, env(safe-area-inset-bottom));text-align:center;color:#ffffff4d;opacity:0;padding:0 16px;font-size:12px;transition:opacity 1.2s;position:absolute;left:0;right:0}.lights-hint[data-on]{opacity:1}@media (prefers-reduced-motion:reduce){.lights-card{transition:none}}.backdrop-canvas,.backdrop-cassette{z-index:0;pointer-events:none;width:100vw;height:100lvh;position:fixed;inset:0}.backdrop-canvas{background:#07050b;display:block}.backdrop-cassette{background:radial-gradient(50% 40% at 50% 28%, var(--c1,#6366f1), transparent 70%), radial-gradient(60% 50% at 70% 80%, var(--c2,#d946ef), transparent 70%), #07050b}@supports (color:color-mix(in lab, red, red)){.backdrop-cassette{background:radial-gradient(50% 40% at 50% 28%, color-mix(in srgb, var(--c1,#6366f1) 26%, transparent), transparent 70%), radial-gradient(60% 50% at 70% 80%, color-mix(in srgb, var(--c2,#d946ef) 16%, transparent), transparent 70%), #07050b}}.backdrop-cassette{transition:background 1.2s}.backdrop-cassette .backdrop-canvas{background:0 0}.help-fab{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:25;width:40px;height:40px;font:700 18px var(--font-brand);color:var(--text);border-radius:50%;place-items:center;display:grid;position:fixed}.help-fab[aria-expanded=true]{color:#17121d;background:#ffffffe6}.help-panel{z-index:85;animation:pop .22s var(--sheet);background:#0e0b12f0;border-radius:18px;outline:none;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;overflow:hidden}.help-head{border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 10px 20px;display:flex}.help-head h2{font-size:17px;font-weight:700}.help-body{overscroll-behavior:contain;padding:8px 20px 32px;overflow-y:auto}.help-body .guide-stop{grid-template-columns:minmax(0,1fr)}@media (max-width:1024px){.help-fab{display:none}}.feature{z-index:88;background:#00000080;place-items:center;padding:16px;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}.feature-card{width:min(520px,100%);max-height:min(86dvh,760px);animation:pop .24s var(--sheet);background:#1a1521;border-radius:22px;outline:none;grid-template-rows:auto minmax(0,1fr);display:grid;box-shadow:0 0 0 1px #ffffff12,0 30px 80px #0000008c}.feature-card[data-wide]{width:min(860px,100%)}.feature-head{justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 10px 22px;display:flex}.feature-head .mood-sheet-grip{display:none}.feature-head h2{font:800 20px var(--font-brand);letter-spacing:-.01em}.feature-body{overscroll-behavior:contain;gap:16px;padding:4px 22px 22px;display:grid;overflow-y:auto}.feature-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.feature-actions a[aria-disabled=true]{pointer-events:none;opacity:.4}@media (max-width:640px){.feature{place-items:end stretch;padding:0}.feature-card,.feature-card[data-wide]{width:100%;max-height:92dvh;animation:sheet-up .28s var(--sheet);border-radius:22px 22px 0 0}.feature-head{grid-template-columns:minmax(0,1fr) auto;padding-top:8px;display:grid}.feature-head .mood-sheet-grip{grid-column:1/-1;justify-self:center;margin:0 0 4px;display:block}.feature-body{padding:4px 16px max(18px, env(safe-area-inset-bottom))}}.tape-maker{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;display:grid}@media (max-width:760px){.tape-maker{grid-template-columns:minmax(0,1fr)}}.tape-inlay{color:#2b2230;background:linear-gradient(#0000 0 calc(100% - 14px),#22d3ee calc(100% - 14px) calc(100% - 10px),#a855f7 calc(100% - 10px) calc(100% - 6px),#f97316 calc(100% - 6px)),#f1e7d3;border-radius:10px;align-content:start;gap:8px;padding:18px 18px 26px;display:grid;position:relative;transform:rotate(-1deg);box-shadow:0 10px 30px #00000059}.tape-line{font:600 12px var(--font-mono);color:#2b223099;align-items:baseline;gap:8px;display:flex}.tape-line input{min-width:0;font:700 22px var(--font-hand), cursive;color:#2b2230;background:0 0;border:0;border-bottom:1px dashed #2b223059;flex:1}.tape-note{resize:vertical;width:100%;min-height:120px;font:400 20px/32px var(--font-hand), cursive;color:#2b2230;background:repeating-linear-gradient(#0000 0 31px,#2b223026 31px 32px);border:0;padding:4px 0}.tape-line input:focus,.tape-note:focus{outline-offset:2px;outline:2px solid #a855f780}.tape-count{font:11px var(--font-mono);color:#2b223073;position:absolute;bottom:18px;right:14px}.tape-songs{align-content:start;gap:10px;display:grid}.tape-list{counter-reset:side;gap:4px;display:grid}.tape-list li{background:#ffffff0a;border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 4px 6px 10px;display:grid}.tape-n{font:12px var(--font-mono);color:var(--tertiary)}.tape-title{min-width:0;font-weight:600;display:grid}.tape-title small,.tape-results small,.tape-side small{color:var(--tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}.tape-search{width:100%;height:42px;box-shadow:inset 0 0 0 1px var(--separator);color:var(--text);background:#ffffff0f;border-radius:12px;padding:0 14px;font-size:15px}.tape-results{gap:2px;display:grid}.tape-results button{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.tape-results button:hover,.tape-results button:focus-visible{background:var(--fill)}.tape-results svg{color:var(--accent);flex-shrink:0}.tape-arrival{z-index:89;padding:16px 16px max(24px, env(safe-area-inset-bottom));background:linear-gradient(#0000 30%,#050308cc);place-items:end center;animation:.6s ease-out fade;display:grid;position:fixed;inset:0}.tape-card{color:#2b2230;transform-origin:top;width:min(460px,100%);max-height:72dvh;animation:unfold .9s .3s var(--sheet) both;background:linear-gradient(90deg,#22d3ee,#a855f7 50%,#f97316) top/100% 6px no-repeat,#f1e7d3;border-radius:10px;gap:10px;padding:22px 24px;display:grid;overflow-y:auto;box-shadow:0 24px 60px #00000080}@keyframes unfold{0%{opacity:0;transform:perspective(900px)rotateX(-80deg)translateY(30px)}}@media (prefers-reduced-motion:reduce){.tape-card{animation:none}}.tape-kicker{font:600 12px var(--font-mono);color:#2b22308c}.tape-for{font:700 clamp(30px, 8vw, 40px) / 1.1 var(--font-hand), cursive}.tape-written{font:400 20px/1.5 var(--font-hand), cursive;white-space:pre-wrap}.tape-sign{font:700 20px var(--font-hand), cursive;justify-self:end}.tape-side{border-top:1px dashed #2b22304d;gap:4px;padding:10px 0 4px 20px;font-size:14px;font-weight:600;list-style:decimal;display:grid}.tape-card .tape-side small{color:#2b22308c}.tape-play{justify-self:center;margin-top:6px}.moment-form{gap:10px;display:grid}.moment-form textarea{resize:none;width:100%;box-shadow:inset 0 0 0 1px var(--separator);color:var(--text);font:400 17px/1.45 var(--font-sans);background:#ffffff0f;border-radius:14px;padding:12px 14px}.moment-form .btn-primary{justify-self:end}.moment-examples{flex-wrap:wrap;gap:8px;display:flex}.moment-examples button{color:var(--secondary);text-align:left;background:#ffffff0f;border-radius:999px;padding:8px 12px;font-size:13px}.moment-examples button:hover{color:var(--text)}.moment-tape{color:#2b2230;animation:unfold .6s var(--sheet) both;background:linear-gradient(90deg,#22d3ee,#a855f7 50%,#f97316) top/100% 5px no-repeat,#f1e7d3;border-radius:12px;gap:8px;padding:18px 20px;display:grid}.moment-title{font:700 28px/1.1 var(--font-hand), cursive}.moment-note{font:400 19px/1.45 var(--font-hand), cursive}.moment-tape .tape-side small{color:#2b22308c}.moment-tape .btn-secondary{color:#2b2230;background:#2b223014}.moment-source{font:11px var(--font-mono);color:#2b223080;text-align:right}.mood-sheet-moment>span:first-child{color:var(--accent);font-size:14px}.ak-setup{justify-items:start;gap:14px;display:grid}.ak-rules{color:var(--secondary)}.ak-teams{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;width:100%;display:grid}.ak-teams input{height:42px;box-shadow:inset 0 0 0 1px var(--separator);color:var(--text);font:700 16px var(--font-brand);background:#ffffff0f;border-radius:12px;padding:0 14px}.ak-toggle{color:var(--secondary);align-items:center;gap:10px;display:flex}.ak-toggle input{width:18px;height:18px;accent-color:var(--accent)}.ak-board{gap:12px;display:grid}.ak-scores{justify-content:space-between;gap:8px;display:flex}.ak-scores span{color:var(--tertiary);background:#ffffff0d;border-radius:999px;padding:6px 12px;font-weight:600}.ak-scores span[data-turn]{color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.ak-scores b{color:var(--accent);margin-left:6px}.ak-who{text-align:center;color:var(--secondary)}.ak-letter{width:150px;height:150px;font:800 76px var(--font-brand);background:radial-gradient(closest-side, #1a1521 86%, transparent 87%), conic-gradient(var(--accent) calc(var(--left,1) * 360deg), #ffffff14 0);border-radius:50%;justify-self:center;place-items:center;display:grid;position:relative}.ak-clock{font:600 12px var(--font-mono);color:var(--tertiary);position:absolute;bottom:26px}.ak-thinking,.ak-notice{text-align:center;color:var(--secondary)}.ak-notice{color:var(--accent)}.ak-song{text-align:center;font:800 28px/1.15 var(--font-brand);gap:4px;display:grid}.ak-song small{font:400 14px var(--font-sans);color:var(--tertiary)}.ak-next{text-align:center;color:var(--secondary)}.ak-next b{color:var(--accent);font-size:20px}.ak-board .feature-actions{justify-content:center}.guess-intro{color:var(--secondary)}.guess-clip{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;display:grid}.guess-play{background:var(--accent);width:56px;height:56px;color:var(--accent-ink);border-radius:50%;place-items:center;transition:transform .12s;display:grid}.guess-play:active{transform:scale(.94)}.guess-play svg{width:22px;height:22px}.guess-stop{background:currentColor;border-radius:3px;width:16px;height:16px}.guess-bar{background:linear-gradient(90deg, var(--accent) calc(var(--heard) * 100%), transparent 0), linear-gradient(90deg, #ffffff2e calc(var(--open) * 100%), #ffffff0f 0);border-radius:999px;height:14px;position:relative;overflow:hidden}.guess-bar i{background:#1a1521;width:2px;position:absolute;top:0;bottom:0}.guess-len{min-width:3ch;color:var(--tertiary);text-align:right}.guess-replay{width:40px;height:40px;color:var(--text);background:var(--fill);border-radius:50%;place-items:center;transition:transform .1s ease-out,opacity .15s;display:grid}.guess-replay svg{width:18px;height:18px}.guess-replay:active:not(:disabled){transform:scale(.92)rotate(-30deg)}.guess-replay:disabled{opacity:.35}.guess-tries{gap:6px;display:grid}.guess-tries li{min-height:38px;box-shadow:inset 0 0 0 1px var(--separator);background:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-weight:600;display:flex}.guess-tries li[data-state=empty]{color:var(--tertiary);font-weight:500}.guess-tries li[data-state=wrong]{color:#ff8f8f;box-shadow:inset 0 0 0 1px #ff787859}.guess-tries li[data-state=skip]{color:var(--tertiary)}.guess-tries li[data-state=right]{color:#8ff0a4;box-shadow:inset 0 0 0 1px #78e69673}.guess-form{gap:8px;display:grid}.guess-done{gap:14px;display:grid}.guess-verdict,.guess-next{text-align:center;color:var(--secondary)}.guess-no{color:var(--accent);font-size:13px}.guess-squares{text-align:center;letter-spacing:2px;font-size:22px}.guess-stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.guess-stats dt{color:var(--tertiary);font-size:12px}.guess-stats dd{font:800 24px var(--font-brand)}.guess-score{background:#ffffff0d;border-radius:14px;margin:4px 0 14px;padding:10px 6px}.guess-score dd{font-size:20px}.guess-done .feature-actions{justify-content:center}.card-maker{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.card-preview{aspect-ratio:9/16;box-shadow:0 0 0 1px var(--separator);background:#120c18;border-radius:16px;overflow:hidden}.card-preview img{width:100%;height:100%;display:block}.card-wait{background:linear-gradient(110deg,#0000 30%,#ffffff0f 50%,#0000 70%) 0 0/200% 100%;height:100%;animation:1.2s linear infinite card-shimmer;display:block}@keyframes card-shimmer{to{background-position:-200% 0}}.card-side{gap:10px;display:grid}.card-label{justify-content:space-between;font-weight:700;display:flex}.card-label small{color:var(--tertiary);font-weight:400}.card-side textarea{width:100%;box-shadow:inset 0 0 0 1px var(--separator);color:var(--text);font:inherit;resize:none;background:#ffffff0f;border-radius:12px;padding:12px 14px}.card-hint{color:var(--tertiary);font-size:13px}@media (max-width:640px){.card-maker{grid-template-columns:1fr}.card-preview{justify-self:center;width:min(62vw,260px)}}@media (prefers-reduced-motion:reduce){.card-wait{animation:none}}.receipt-weeks{background:#ffffff0f;border-radius:999px;justify-self:start;gap:4px;padding:4px;display:inline-flex}.receipt-weeks button{color:var(--secondary);border-radius:999px;padding:6px 14px;font-weight:600}.receipt-weeks button[aria-pressed=true]{color:#1a1521;background:#ffffffe6}.receipt-lead{font:700 20px/1.3 var(--font-brand)}.guide-tape,.guide-moment,.guide-antakshari{place-items:center;gap:10px;padding:24px;display:grid}.guide-tape .tape-inlay{width:min(320px,100%)}.guide-tape .tape-line b{font:700 22px var(--font-hand), cursive;color:#2b2230}.guide-tape-note{font:400 19px/1.5 var(--font-hand), cursive}.guide-moment-ask{color:var(--secondary);text-align:center;font-style:italic}.guide-moment .moment-tape{width:min(320px,100%);animation:none}.guide-looks{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-guess{gap:14px;padding:28px 24px;display:grid}.guide-card,.guide-receipt{place-items:center;padding:24px;display:grid}.guide-card-story{aspect-ratio:9/16;color:#fff;background:radial-gradient(80% 50% at 20% 25%,#38bdf873,#0000),radial-gradient(70% 50% at 85% 70%,#6366f173,#0000),#120c18;border-radius:14px;align-content:space-between;gap:10px;width:170px;padding:16px 14px;display:grid}.guide-card-label{color:#1f1a24;font:700 15px var(--font-hand), cursive;background:#fbf7ef;border-radius:6px;padding:10px}.guide-card-story b{font:800 16px/1.2 var(--font-brand)}.guide-card-story .mono{color:#ffb547;font-size:10px}.guide-receipt-paper{color:#25202a;clip-path:polygon(0 4px,5% 0,10% 4px,15% 0,20% 4px,25% 0,30% 4px,35% 0,40% 4px,45% 0,50% 4px,55% 0,60% 4px,65% 0,70% 4px,75% 0,80% 4px,85% 0,90% 4px,95% 0,100% 4px,100% 100%,0 100%);background:#f6f1e7;gap:6px;width:min(240px,100%);padding:18px 16px;font-size:12px;display:grid}.guide-receipt-paper b{font:800 16px var(--font-brand);text-align:center}.guide-antakshari{grid-auto-flow:column;font-weight:700}.guide-antakshari .ak-letter{width:96px;height:96px;font-size:46px}.doc .guide-plate .ak-letter{background:radial-gradient(closest-side, #1a1521 86%, transparent 87%), conic-gradient(var(--accent,#f2b544) calc(var(--left,1) * 360deg), #ffffff14 0)}.guide-map-menu{fill:#1a1521f0;stroke:#ffffff1a}.moment-no-ai{color:var(--secondary);background:#ffffff0d;border-radius:12px;gap:12px;padding:14px 16px;display:grid}.moment-no-ai b{color:var(--text)}.moment-none{color:#2b2230b3;font-size:14px}.moment-none a{color:#2b2230;text-decoration:underline}.moment-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.moment-meta .moment-source{text-align:left}.moment-more{gap:4px;display:flex}.moment-icon{color:#2b223099;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.moment-icon:hover,.moment-icon:focus-visible{color:#2b2230;background:#2b223014}.doc .flow{counter-reset:flow;gap:0;margin:16px 0;padding:0;list-style:none;display:grid}.doc .flow li{counter-increment:flow;gap:2px;padding:0 0 18px 44px;display:grid;position:relative}.doc .flow li:before{content:counter(flow);color:#1a1130;width:28px;height:28px;font:700 14px var(--font-brand);background:#ffb547;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.doc .flow li:not(:last-child):after{content:"";background:#ffb5474d;width:2px;position:absolute;top:30px;bottom:2px;left:13px}.doc .flow span{color:var(--secondary)}.feature-body>.feature-actions,.moment-tape>.feature-actions{z-index:1;padding:12px 0 2px;position:sticky;bottom:0}.feature-body>.feature-actions{background:linear-gradient(#0000,#1a1521 14px);margin-bottom:-6px}.moment-tape>.feature-actions{background:linear-gradient(#f1e7d300,#f1e7d3 14px);border-radius:0 0 12px 12px;margin:0 -20px -18px;padding:12px 20px 16px}html[data-mini] body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mini{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);width:min(720px,100vw - 24px);color:var(--text);animation:mini-in .4s var(--sheet);background:#16121cdb;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px 8px 8px;display:grid;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff12,0 18px 50px #00000080}@keyframes mini-in{0%{transform:translate(-50%,120%)}}.mini-progress{background:linear-gradient(90deg, var(--accent) calc(var(--progress,0) * 100%), #ffffff14 0);height:2px;position:absolute;top:0;left:0;right:0}.mini-song{min-width:0;color:inherit;border-radius:12px;align-items:center;gap:12px;text-decoration:none;display:flex}.mini-art{background:var(--fill);border-radius:9px;flex:none;width:48px;height:48px;overflow:hidden;box-shadow:0 4px 12px #00000059,inset 0 0 0 1px #ffffff14}.mini-art>img,.mini-art>svg{object-fit:cover;width:100%;height:100%}.mini-text{min-width:0;display:grid}.mini-title{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.mini-line{white-space:nowrap;text-overflow:ellipsis;color:var(--secondary);font-size:13px;overflow:hidden}.mini-keys{align-items:center;gap:4px;display:flex}.mini-keys button{width:40px;height:40px;color:var(--text);border-radius:50%;place-items:center;font-size:18px;transition:transform .1s ease-out;display:grid}.mini-keys button:active{transform:scale(.9)}.mini-keys .mini-play{color:#1a1521;background:#fff;width:44px;height:44px;font-size:20px}@media (max-width:480px){.mini-keys button:not(.mini-play){width:36px}}@media (prefers-reduced-motion:reduce){.mini{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}