/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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,ui-sans-serif, system-ui, 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{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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.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,)}}:root{--black:#090b0a;--bone:#f2f0e9;--grey:#989b94;--hair:#3b403c;--transport:#c84930;--ease-mech:cubic-bezier(.22,.82,.24,1);--ease-settle:cubic-bezier(.34,1.28,.48,1);--ease-press:cubic-bezier(.2,.7,.2,1);--ease-drawer:cubic-bezier(.32,.8,.24,1)}*{box-sizing:border-box}html,body{background:var(--black);color:var(--bone);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible){outline:1px solid var(--bone);outline-offset:3px}.dazz-app{--accent:#ff5a3c;--vu-l:0;--vu-r:0;--vu-peak:0;background:var(--black);flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;padding-bottom:48px;display:flex;position:relative;overflow:hidden}.dazz-app:before{content:"";z-index:40;pointer-events:none;opacity:.045;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 18% 22%,#fff0d259 0 .6px,#0000 .8px),radial-gradient(circle at 72% 64%,#d2be9647 0 .5px,#0000 .7px),radial-gradient(circle at 44% 80%,#ffffff2e 0 .45px,#0000 .65px);background-size:120px 140px,90px 110px,70px 85px;animation:9s steps(6,end) infinite grain-drift;position:fixed;inset:0}.dazz-app.is-playing:before{opacity:.065}.app-header{border-bottom:1px solid var(--hair);background:var(--black);z-index:30;flex:none;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(18px,3vw,48px);display:flex;position:relative}.dazz-wordmark{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:baseline;gap:8px;margin:0;padding:0;display:flex}.dazz-wordmark>span{color:var(--accent);align-self:center;font-size:8px}.dazz-wordmark>b{letter-spacing:.24em;font-size:16px}.dazz-wordmark>small{color:#858981;letter-spacing:.2em;font:700 7px/1 Courier New,monospace}.dazz-wordmark:hover>b{color:var(--bone)}.dazz-wordmark:hover>small{color:var(--accent)}.header-actions{gap:6px;display:flex}.header-actions button{color:#a2a69e;cursor:pointer;letter-spacing:.12em;text-align:left;min-width:96px;height:31px;transition:color .22s var(--ease-mech), border-color .22s var(--ease-mech), background-color .22s var(--ease-mech), transform .1s var(--ease-press), box-shadow .22s var(--ease-mech);background:0 0;border:1px solid #4b514c;padding:0 10px;font:700 7px/1 Courier New,monospace}.header-actions button span{float:right;color:var(--accent);transition:transform .18s var(--ease-settle);font-size:11px}.header-actions button:hover{color:var(--bone);border-color:var(--bone)}.header-actions button:active,.header-actions button:hover span{transform:translateY(1px)}.listening-view{flex-direction:column;flex:auto;justify-content:center;width:min(1120px,100% - 40px);min-height:0;margin:0 auto;padding:12px 0 0;display:flex;overflow:hidden}.view-topline{flex:none;justify-content:space-between;align-items:center;height:38px;display:flex}.view-topline>div{align-items:baseline;gap:9px;display:flex}.view-topline>div span{color:#898d85;letter-spacing:.18em;font:700 6px/1 Courier New,monospace}.view-topline>div b{letter-spacing:.1em;font:700 10px/1 Arial}.view-topline>div small{color:var(--accent);font:700 7px/1 Courier New,monospace}.view-topline>button{height:24px;color:var(--accent);border:1px solid var(--accent);cursor:pointer;letter-spacing:.12em;transition:color .24s var(--ease-mech), border-color .24s var(--ease-mech), background-color .24s var(--ease-mech), box-shadow .24s var(--ease-mech), transform .1s var(--ease-press);background:0 0;padding:0 7px;font:700 6px/1 Courier New,monospace}.view-topline>button i{width:4px;height:4px;transition:box-shadow .3s var(--ease-mech);background:currentColor;margin-right:5px;display:inline-block;box-shadow:0 0 #ff5a3c59}.view-topline>button:not(.active) i{animation:2.4s ease-in-out infinite lamp-breathe}.view-topline>button kbd{color:currentColor;font:inherit;opacity:.72;margin-left:8px}.view-topline>button:hover{box-shadow:inset 0 0 0 1px #ff5a3c40}.view-topline>button:active{transform:translateY(1px)}.view-topline>button.active{color:#666;box-shadow:none;border-color:#333}.view-topline>button.active i{animation:none}.sound-frame{width:100%;min-height:0;max-height:620px;transition:border-color .45s var(--ease-mech), box-shadow .45s var(--ease-mech);background:#0e1110;border:1px solid #555b55;flex:auto;grid-template:"mark readout"72px"deck deck"minmax(0,1fr)"track meta""ruler ruler"14px"status status"24px/minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.dazz-app.is-playing .sound-frame{border-color:#646b64;box-shadow:inset 0 0 48px #00000059,0 0 0 1px #ffffff05}.dazz-app.is-bypass .sound-frame{box-shadow:none;border-color:#3a3f3a}.frame-grid{opacity:.58;background-image:linear-gradient(#29302c 1px,#0000 1px),linear-gradient(90deg,#29302c 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.frame-grid:after{content:"";border-left:1px solid #424842;position:absolute;top:0;bottom:0;left:50%}.frame-corners i{z-index:8;border-color:var(--bone);opacity:.65;border-style:solid;width:12px;height:12px;position:absolute}.frame-corners i:first-child{border-width:1px 0 0 1px;top:12px;left:12px}.frame-corners i:nth-child(2){border-width:1px 1px 0 0;top:12px;right:12px}.frame-corners i:nth-child(3){border-width:0 0 1px 1px;bottom:12px;left:12px}.frame-corners i:nth-child(4){border-width:0 1px 1px 0;bottom:12px;right:12px}.flat-filter-mark{z-index:4;grid-area:mark;align-self:start;align-items:flex-start;gap:17px;padding:30px 0 0 28px;display:flex;position:relative}.flat-filter-mark .filter-icon{width:66px;height:48px;color:var(--accent);margin:0}.flat-filter-mark>span{gap:3px;display:grid}.flat-filter-mark small{color:#858a82;letter-spacing:.15em;font:700 6px/1 Courier New,monospace}.flat-filter-mark b{letter-spacing:.1em;font-size:15px}.flat-filter-mark em{color:var(--accent);letter-spacing:.13em;font:700 6px/1 Courier New,monospace}.frame-readout{z-index:4;text-align:right;grid-area:readout;place-self:start end;gap:6px;padding:30px 28px 0 0;display:grid;position:relative}.frame-readout span{color:#858a82;letter-spacing:.16em;font:700 6px/1 Courier New,monospace}.frame-readout b{color:var(--accent);letter-spacing:.11em;font:700 7px/1 Courier New,monospace}.frame-number{z-index:1;color:#1a1e1b;letter-spacing:-.1em;-webkit-user-select:none;user-select:none;font:700 clamp(160px,21vw,310px)/1 Arial;position:absolute;top:4%;right:18%}.physical-deck{z-index:3;width:min(100%,720px);height:228px;max-height:100%;color:var(--bone);grid-area:deck;place-self:center;margin:0 auto;position:relative}.physical-deck button{color:inherit;cursor:pointer;transition:border-color .22s var(--ease-mech), color .22s var(--ease-mech), background .22s var(--ease-mech), transform .12s var(--ease-press), box-shadow .18s var(--ease-mech);background:#101311;border:1px solid #646a63;font-family:Courier New,monospace}.physical-deck button:hover{border-color:var(--accent);color:var(--accent)}.physical-deck button:active{transform:translateY(1px)}.vinyl-console{grid-template-columns:228px 80px 1fr;align-items:center;gap:22px;display:grid}.platter{touch-action:none;border-radius:50%;width:218px;height:218px;padding:0;position:relative;background:repeating-radial-gradient(circle,#0000 0 6px,#3a3a35 7px 7.5px)!important}.platter:before{content:"";border:1px solid var(--accent);border-radius:50%;position:absolute;inset:24%}.platter:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:45%}.platter>i{border-left:1px solid #30302d;position:absolute;top:3%;bottom:3%;left:50%}.platter>span{z-index:2;color:var(--black);font:700 6px/1 Courier New;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.platter.rotating{animation:deckspin var(--platter-period,4s) linear infinite}.tape-reels .rotating{animation:1.35s linear infinite reelspin}.tape-reels .rotating.reverse{animation-direction:reverse}.disc-tray .rotating{animation:1.35s linear infinite deckspin}.tone-arm{justify-self:center;width:54px;height:190px;position:relative;background:0 0!important;border:0!important}.tone-arm>i{background:var(--bone);transform-origin:top;width:2px;height:145px;position:absolute;top:11px;left:27px;transform:rotate(12deg)}.tone-arm>i:after{content:"";border:1px solid var(--bone);background:var(--black);width:12px;height:18px;position:absolute;bottom:-6px;left:-5px}.tone-arm>span{border:1px solid #55554f;border-radius:50%;width:22px;height:22px;position:absolute;top:2px;left:16px}.speed-bank{grid-template-columns:1fr 48px 48px;align-self:end;align-items:center;gap:6px;margin-bottom:14px;display:grid}.speed-bank>span{color:#5d5d57;letter-spacing:.12em;font:700 6px/1 Courier New}.speed-bank button{height:32px;transition:color .2s var(--ease-mech), border-color .2s var(--ease-mech), background .2s var(--ease-mech), transform .12s var(--ease-press), box-shadow .2s var(--ease-mech);font-size:7px}.speed-bank button:active{transform:translateY(2px)}.speed-bank button.active{color:var(--black);border-color:var(--accent);background:var(--accent)}.deck-caption{text-align:right;gap:6px;width:145px;display:grid;position:absolute;top:13px;right:0}.deck-caption span,.deck-caption b{letter-spacing:.1em;font:700 6px/1 Courier New}.deck-caption span{color:var(--accent)}.deck-caption b{color:#5c5c57}.radio-console{grid-template-rows:1fr 58px;grid-template-columns:1.1fr 1.5fr 104px;align-items:center;gap:16px 22px;display:grid}.radio-display{border:1px solid #454540;align-items:baseline;gap:10px;height:126px;padding:18px;display:flex;position:relative}.radio-display span,.radio-display em{color:var(--accent);font:700 7px/1 Courier New}.radio-display b{color:var(--accent);letter-spacing:-.1em;margin:auto;font:400 clamp(34px,5.2vw,78px)/1 Courier New}.radio-display>i{background:#353532;width:5px;height:5px;position:absolute;top:9px;right:9px}.radio-display>i.on{background:var(--accent)}.radio-scale{align-self:stretch;padding:19px 0 0}.radio-scale>div{color:#696963;justify-content:space-between;font:700 6px/1 Courier New;display:flex}.radio-scale input{-webkit-appearance:none;appearance:none;background:repeating-linear-gradient(90deg,#494944 0 1px,#0000 1px 8px);width:100%;height:2px;margin-top:28px}.radio-scale input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);width:3px;height:34px}.radio-dials{grid-area:1/3/3;justify-items:center;gap:18px;display:grid}.radio-dials button{color:#5f5f59;cursor:grab;touch-action:none;background:0 0;border:0;width:78px;height:78px;font:700 5px/1 Courier New}.radio-dials button:active{cursor:grabbing}.radio-dials i{border:1px solid #565650;border-radius:50%;width:54px;height:54px;margin:0 auto 7px;display:block;position:relative}.radio-dials i:after{content:"";border-left:1px solid var(--accent);height:13px;position:absolute;top:5px;left:50%}.radio-meter{grid-area:2/2;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:20px;display:grid}.radio-lamps{justify-items:end;gap:6px;display:grid}.radio-lamps em{color:#7f776a;letter-spacing:.14em;transition:color .3s var(--ease-mech);align-items:center;gap:6px;font:700 5px/1 Courier New,monospace;display:flex}.radio-lamps em:before{content:"";width:5px;height:5px;transition:background .3s var(--ease-mech), box-shadow .3s var(--ease-mech);background:#46433c;border-radius:50%;box-shadow:inset 0 0 0 1px #00000080}.radio-power{color:#666;letter-spacing:.1em;justify-self:start;width:125px;height:30px;font:700 6px/1 Courier New}.radio-power i{background:#444;width:5px;height:5px;margin-right:8px;display:inline-block}.radio-power i.on{background:var(--accent)}.tape-console{grid-template:"well meters"minmax(0,1fr)"keys side"52px/minmax(0,1fr) 168px;gap:12px 14px;display:grid}.tape-well{grid-area:well}.meter-bank{grid-area:meters;grid-template-rows:62px auto;grid-template-columns:1fr 1fr;align-content:space-between;gap:10px 8px;display:grid}.tape-well{transition:transform .42s var(--ease-settle), opacity .35s var(--ease-mech), box-shadow .35s var(--ease-mech);background:#111412;border:1px solid #666c65;padding:17px 24px}.tape-well.ejected{opacity:.46;transform:translateY(-16px)}.tape-label{border:1px solid #858b83;grid-template-columns:auto 1fr;gap:3px 9px;height:44px;padding:8px 10px;display:grid}.tape-label span{color:var(--accent);transition:transform .28s var(--ease-settle);grid-row:1/3;font:700 17px/1 Arial}.tape-label b{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.tape-label small{color:#92968f;letter-spacing:.1em;font:700 5px/1 Courier New}.tape-console.is-ejected .tape-label span{opacity:.7;transform:scale(.92)}.tape-reels{grid-template-columns:56px 1fr 56px;align-items:center;gap:14px;height:73px;display:grid}.tape-reels>i{border:6px dotted #a0a49d;border-radius:50%;width:48px;height:48px}.tape-reels>span{background:var(--accent);min-width:24%;max-width:74%;height:11px;transition:width .9s var(--ease-mech);justify-self:center}.mechanical-keys{grid-area:keys;grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.mechanical-keys button{color:#a2a69f;align-content:center;place-items:center;gap:5px;height:48px;display:grid}.mechanical-keys button span{font-size:10px}.mechanical-keys button small{letter-spacing:.08em;font:700 5px/1 Courier New}.mechanical-keys button.pressed{color:var(--black);border-color:var(--accent);background:var(--accent);transform:translateY(3px)}.side-switch{letter-spacing:.12em;grid-area:side;align-content:center;place-items:center;gap:5px;width:168px;display:grid;font:700 5px/1 Courier New!important}.side-switch b{color:var(--accent);transition:transform .28s var(--ease-settle), color .22s var(--ease-mech);font-size:15px}.side-switch:active b{transform:scale(1.08)}.disc-console{grid-template-rows:1fr 50px;grid-template-columns:220px 1fr;gap:12px 28px;display:grid}.disc-tray{grid-row:1/3;width:218px;height:218px;transition:transform .58s cubic-bezier(.45,.02,.2,1);position:relative;border-radius:50%!important}.disc-tray.open{transform:translate(-58px)}.disc-tray>i{background:repeating-radial-gradient(circle,#0000 0 8px,#32322f 9px 9.5px);border:1px solid #666;border-radius:50%;position:absolute;inset:13%}.disc-tray>i:before{content:"";border:1px solid var(--accent);border-radius:50%;position:absolute;inset:40%}.disc-tray>i>span{background:#484843;width:1px;position:absolute;top:0;bottom:0;left:50%}.disc-readout{border:1px solid #42423e;grid-template-columns:auto 1fr;align-self:center;height:112px;padding:15px 18px;display:grid}.disc-readout span{color:#60605a;font:700 6px/1 Courier New}.disc-readout b{color:var(--accent);text-align:right;grid-area:1/2/3;font:400 72px/.8 Courier New}.disc-readout small{color:#8a8a83;font:700 8px/1 Courier New}.disc-actions{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.disc-actions button{font:700 7px/1 Courier New}.pocket-screen{color:#161614;background:#d7dbd3;border:1px solid #575751;height:156px;padding:14px}.pocket-screen>div{border-bottom:1px solid #777;justify-content:space-between;padding-bottom:6px;font:700 7px/1 Arial;display:flex}.pocket-screen>b,.pocket-screen>small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pocket-screen>b{margin-top:22px;font-size:14px}.pocket-screen>small{margin-top:7px;font:700 7px/1 Courier New}.pocket-screen>i{border:1px solid #777;height:6px;margin-top:21px;display:block}.pocket-screen>i span{background:var(--accent);height:100%;display:block}.click-wheel{border:1px solid #575751;border-radius:50%;width:196px;height:196px;position:relative}.click-wheel button{color:#7b7b74;background:0 0;border:0;font:700 7px/1 Arial;position:absolute}.wheel-label{color:#7b7b74;letter-spacing:.08em;font:700 7px/1 Arial;position:absolute;top:17px;left:50%;transform:translate(-50%)}.wheel-back{top:50%;left:14px;transform:translateY(-50%)}.wheel-next{top:50%;right:14px;transform:translateY(-50%)}.wheel-play{bottom:17px;left:50%;transform:translate(-50%)}.wheel-center{width:74px;height:74px;top:61px;left:61px;background:#121210!important;border:1px solid #575751!important;border-radius:50%!important}.future-console{box-sizing:border-box;grid-template-rows:minmax(0,1fr) 38px;grid-template-columns:minmax(0,1.45fr) minmax(140px,1fr);align-items:stretch;gap:16px 26px;width:100%;min-width:0;height:100%;min-height:0;display:grid}.field-pad{width:100%;min-width:0;height:100%;min-height:0;color:inherit;text-align:left;border:1px solid var(--accent);touch-action:none;cursor:crosshair;background-image:linear-gradient(#262623 1px,#0000 1px),linear-gradient(90deg,#262623 1px,#0000 1px);background-size:22px 22px;padding:0;position:relative}.field-pad>i:first-child{border-left:1px solid #444;position:absolute;top:0;bottom:0;left:50%}.field-pad>i:nth-child(2){border-top:1px solid #444;position:absolute;top:50%;left:0;right:0}.field-pad>span{border:1px solid var(--accent);background:var(--black);width:13px;height:13px;position:absolute;transform:translate(-50%,-50%)}.future-data{gap:8px;min-width:0;display:grid}.future-data span{color:var(--accent);letter-spacing:.14em;font:700 6px/1 Courier New}.future-data b{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;display:-webkit-box;overflow:hidden}.future-data small{color:#5d5d57;letter-spacing:.09em;font:700 6px/1 Courier New}.field-pad{grid-area:1/1/3;align-self:stretch}.physical-deck.future-console>.field-pad{border:1px solid var(--accent);background-color:#0000}.physical-deck.future-console>.field-pad:hover{border-color:var(--accent);color:inherit}.physical-deck.future-console>.field-pad:active{transform:none}.future-console>button:not(.field-pad){letter-spacing:.12em;grid-area:2/2;align-self:end;height:38px;font:700 7px/1 Courier New}.future-console>button:not(.field-pad).active{color:var(--black);border-color:var(--accent);background:var(--accent)}.future-data{grid-area:1/2;align-self:end}.vinyl-console,.radio-console,.tape-console,.disc-console,.mp3-console{box-sizing:border-box}.vinyl-console{isolation:isolate;background:radial-gradient(circle at 8px 8px,#807d74 0 1px,#161614 1.5px 3px,#0000 3.5px),radial-gradient(circle at calc(100% - 8px) 8px,#807d74 0 1px,#161614 1.5px 3px,#0000 3.5px),radial-gradient(circle at 8px calc(100% - 8px),#807d74 0 1px,#161614 1.5px 3px,#0000 3.5px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#807d74 0 1px,#161614 1.5px 3px,#0000 3.5px),repeating-linear-gradient(100deg,#ffffff05 0 1px,#0000 1px 4px),linear-gradient(145deg,#292925 0%,#171715 43%,#0a0a09 100%);border:1px solid #464640;border-radius:9px;height:228px;padding:4px 14px 4px 7px;overflow:hidden;box-shadow:0 22px 42px #0000009e,inset 0 1px #ffffff21,inset 0 -3px #000000e6,0 0 0 1px #000c}.vinyl-console:before{content:"";z-index:-1;opacity:.65;background:linear-gradient(90deg,#090909,#585750 48%,#090909);height:2px;position:absolute;bottom:7px;left:7px;right:7px}.vinyl-console:after{content:"";width:4px;height:4px;transition:background .35s var(--ease-mech), box-shadow .35s var(--ease-mech);background:#5a2a22;border-radius:50%;position:absolute;bottom:54px;right:18px;box-shadow:0 0 0 1px #1a100e}.vinyl-console.is-playing:after{background:#fd5a3d;animation:2.8s ease-in-out infinite lamp-breathe;box-shadow:0 0 7px #ff5839d9}.vinyl-brand{z-index:3;text-align:right;pointer-events:none;gap:3px;display:grid;position:absolute;top:15px;right:17px}.vinyl-brand span{color:#77776f;letter-spacing:.13em;font:700 5px/1 Courier New}.vinyl-brand b{color:#c3c1b9;letter-spacing:.12em;font:700 9px/1 Arial}.platter{box-shadow:0 9px 17px #000000c7,inset 0 0 0 5px #090909,inset 0 0 0 7px #33322f,0 0 0 1px #55534d;background:radial-gradient(circle at 36% 28%,#ffffff24,#0000 16%),repeating-radial-gradient(circle,#121211 0 3px,#31312e 3.5px 4px,#0d0d0c 4.5px 7px)!important;border:2px solid #070707!important}.platter:before{background:radial-gradient(circle at 36% 30%,#ff967d,var(--accent) 43%,#922c1d 100%);border:3px solid #11110f;inset:29%;box-shadow:inset 0 1px 2px #ffffff4d,0 1px 3px #000,0 0 0 1px #070707}.platter:after{background:#d8d4c8;inset:47%;box-shadow:0 0 0 2px #171715,0 1px 2px #000}.platter>i{border-left-color:#ffffff26;top:4%;bottom:4%;box-shadow:18px 0 #ffffff06,-18px 0 #ffffff06}.platter>span{color:#17120f;pointer-events:none;border-radius:50%;align-content:center;place-items:center;gap:3px;width:48px;height:48px;display:grid}.platter>span b{letter-spacing:.14em;color:#17120f9e;font:500 6px/1 Courier New,monospace}.platter>span small{color:#17120f6b;font:400 5px/1 Courier New}.tone-arm{transition:transform .55s var(--ease-settle)}.tone-arm.engaged{transform-origin:50% 12px;transform:rotate(8deg)}.tone-arm:active{filter:brightness(1.08)}.tone-arm>i{background:linear-gradient(90deg,#5e5d58,#e5e1d8 45%,#66655f);border-radius:4px;width:5px;box-shadow:2px 3px 5px #000}.tone-arm>i:after{background:linear-gradient(90deg,#242421,#aaa69d,#292824);border:1px solid #171715;border-radius:2px;width:17px;left:-7px;box-shadow:0 3px 5px #000}.tone-arm>span{background:radial-gradient(circle,#1b1b19 0 34%,#aaa69d 36% 44%,#242321 47%);border:2px solid #77746d;box-shadow:0 4px 8px #000,0 0 0 4px #111}.tone-arm>em{color:#676760;letter-spacing:.12em;font:700 5px/1 Courier New;position:absolute;bottom:3px;right:-7px}.vinyl-console .speed-bank button{background:linear-gradient(#3b3a35,#171715);border-color:#4a4943;border-radius:3px;box-shadow:0 2px 4px #000}.vinyl-console .speed-bank button.active{color:#17110e;background:linear-gradient(#ff7a60,#b93425);border-color:#ff8268;box-shadow:inset 0 1px #ffffff59,0 2px 4px #000}.vinyl-controls{pointer-events:none;grid-template-columns:15px auto;align-items:center;gap:3px 7px;display:grid;position:absolute;bottom:13px;left:18px}.vinyl-controls i{background:radial-gradient(circle,#181817 0 35%,#aaa69f 38% 45%,#222 48%);border:1px solid #56554f;border-radius:50%;grid-row:1/3;width:13px;height:13px;box-shadow:0 2px 3px #000}.vinyl-controls span,.vinyl-controls b{color:#686861;letter-spacing:.09em;font:700 5px/1 Courier New}.vinyl-controls b{color:#a6a49d}.filter-vinyl .sound-frame{background:radial-gradient(circle at 40% 36%,#36342f30,#0000 29%),linear-gradient(#0c100e,#09100d)}.filter-vinyl .frame-grid{opacity:.72}.filter-vinyl .sound-frame{background:radial-gradient(circle at 72% 38%,#daa6370e,#0000 29%),radial-gradient(circle at 30% 25%,#ffffff06,#0000 20%),linear-gradient(#090d0b,#070b09);grid-template-rows:72px minmax(0,1fr) auto 14px 24px}.filter-vinyl .sound-frame:before{content:"";opacity:.24;pointer-events:none;background-image:radial-gradient(#f4eee0 .55px,#0000 .7px),radial-gradient(#d9a637 .45px,#0000 .65px);background-position:0 0,21px 17px;background-size:37px 41px,53px 47px;position:absolute;inset:0}.filter-vinyl .frame-number{color:#111610;right:41%}.filter-vinyl .physical-deck{place-self:start stretch;width:auto;height:min(340px,100%);max-height:100%;margin:0 6% 0 40%}.filter-vinyl .vinyl-console{isolation:isolate;height:100%;max-height:340px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;overflow:visible}.filter-vinyl .vinyl-console:before{display:none}.filter-vinyl .vinyl-console:after{width:4px;height:4px;bottom:65px;right:8px}.filter-vinyl .vinyl-console.is-playing:after{background:#f15c3e;box-shadow:0 0 8px #f15c3ed9}.filter-vinyl .vinyl-brand{justify-items:end;gap:0;width:158px;top:12px;right:0}.filter-vinyl .vinyl-brand span{color:#8f8c81}.filter-vinyl .vinyl-brand b{color:#d8d4c8;margin-top:4px;font-size:10px}.filter-vinyl .vinyl-brand em{color:#5c5c57;letter-spacing:.1em;margin-top:11px;font:700 5px/1.6 Courier New,monospace}.filter-vinyl .vinyl-brand small{color:var(--accent);letter-spacing:.14em;margin-top:9px;font:700 5px/1 Courier New,monospace}.filter-vinyl .platter{z-index:3;cursor:grab;width:318px;height:318px;transition:box-shadow .3s var(--ease-mech);position:absolute;top:7px;left:12px;box-shadow:0 20px 38px #000000b3,inset 0 0 0 3px #050605,inset 0 0 0 5px #2d2d28,0 0 0 1px #080908;background:radial-gradient(circle at 35% 27%,#ffffff29,transparent 14%), conic-gradient(from 14deg,transparent 0 10%,#ffffff0e 13%,transparent 17% 44%,#d9a6370a 48%,transparent 53% 100%), repeating-radial-gradient(circle,#070807 0 3px,#252621 3.5px 4px,#090a08 4.5px 6.5px)!important;border:1px solid #68675f!important}.filter-vinyl .platter.rotating{animation:deckspin var(--platter-period,4s) linear infinite, platter-glow 3.6s ease-in-out infinite}.filter-vinyl .platter[data-scrubbing=true]{cursor:grabbing;filter:brightness(1.04);animation-play-state:paused}.filter-vinyl .platter:active{transform:none}.filter-vinyl .platter:before{background:radial-gradient(circle at 47% 48%,#0000 0 3px,#17150c 3.5px 4px,#0000 4.5px),repeating-linear-gradient(7deg,#ffffff0f 0 1px,#0000 1px 4px),radial-gradient(circle at 38% 28%,#e0b750,#c9942c 56%,#795315 100%);border:1px solid #15150f;inset:34%;box-shadow:inset 0 1px 2px #ffffff40,0 0 0 4px #080907,0 2px 5px #000}.filter-vinyl .platter:after{background:#d8d4c8;inset:48.3%;box-shadow:0 0 0 2px #111,0 1px 2px #000}.filter-vinyl .platter>i{border-left-color:#ffffff1f;top:2.5%;bottom:2.5%;box-shadow:29px 0 #d7a63706,-29px 0 #ffffff06,58px 0 #ffffff05,-58px 0 #ffffff05}.filter-vinyl .platter>span{z-index:1;align-content:start;gap:1px;width:72px;height:72px;padding-top:11px}.filter-vinyl .platter>span b{letter-spacing:.18em;color:#221b0e85;font:500 5px/1 Courier New,monospace}.filter-vinyl .platter>span small{letter-spacing:.08em;color:#221b0e61;margin-top:15px;font:400 4px/1 Courier New}.filter-vinyl .platter:after{z-index:2}.vinyl-orbits{z-index:2;pointer-events:none;border:1px solid #d6a64138;border-radius:50%;width:318px;height:318px;position:absolute;top:7px;left:12px;box-shadow:inset 0 0 0 14px #ffffff05,inset 0 0 0 28px #cf9e3405}.vinyl-orbits:before,.vinyl-orbits:after,.vinyl-orbits i{content:"";border-radius:50%;position:absolute}.vinyl-orbits:before{border:1px dashed #e1dccc38;inset:16px}.vinyl-orbits:after{border:1px solid #cf9e3436;inset:42px}.vinyl-orbits i:first-child{border:1px dashed #e1dccc2e;inset:62px}.vinyl-orbits i:nth-child(2){background:#090b09;border:1px solid #d09b31;width:8px;height:8px;top:108px;left:10px;box-shadow:0 0 0 4px #d09b3114}.vinyl-orbits i:nth-child(3){background:#f15c3e;width:5px;height:5px;top:78px;right:18px;box-shadow:0 0 7px #f15c3ea6}.vinyl-orbits span:first-of-type{border:1px solid #dbd8cc8c;border-radius:50%;width:13px;height:13px;position:absolute;top:66px;right:16px;box-shadow:inset 0 0 0 3px #090b09}.vinyl-orbits span:last-of-type{background:#d2a136;border-radius:50%;width:4px;height:4px;position:absolute;bottom:36px;left:44px;box-shadow:0 0 6px #d2a1368c}.filter-vinyl .tone-arm{z-index:5;width:76px;height:304px;transform:rotate(var(--tone-angle,-30deg));transform-origin:37px 25px;transition:transform 1.15s var(--ease-mech);margin:0;position:absolute;top:2px;left:296px}.filter-vinyl .tone-arm.engaged{transform:rotate(var(--tone-angle,-13deg))}.filter-vinyl .tone-arm:hover>em{color:var(--accent)}.filter-vinyl .tone-arm>span{background:radial-gradient(circle,#11120f 0 29%,#aaa69d 31% 38%,#24231f 41%);border-color:#8f8d83;width:34px;height:34px;top:8px;left:20px;box-shadow:0 5px 10px #000,0 0 0 5px #0a0b09,0 0 0 6px #68675f47}.filter-vinyl .tone-arm>i{transform-origin:top;background:linear-gradient(90deg,#55544e,#eee9dc 48%,#5e5d57);width:4px;height:232px;top:28px;left:37px;transform:rotate(18deg);box-shadow:2px 3px 6px #000}.filter-vinyl .tone-arm>i:after{background:linear-gradient(90deg,#22231f,#aaa69d,#24241f);border:1px solid #171715;border-radius:1px;width:15px;height:20px;bottom:1px;left:-6px;box-shadow:0 2px 4px #0009}.filter-vinyl .tone-arm.engaged>i:after{bottom:-1px;box-shadow:0 3px 5px #000000b8,0 0 0 1px #ffffff0d}.filter-vinyl .tone-arm>em{display:none}.arm-weight{width:0;height:0;position:absolute;top:25px;left:37px}.arm-weight:before,.arm-weight:after{content:"";transform-origin:50% 100%;position:absolute;bottom:0;left:50%}.arm-weight:before{background:linear-gradient(90deg,#46453f,#c4c0b6 46%,#4b4a44);border-radius:2px;width:3px;height:30px;margin-left:-1.5px;transform:rotate(-18deg);box-shadow:1px 1px 3px #0000008c}.arm-weight:after{background:linear-gradient(90deg,#191917,#8e8b82 44%,#201f1c);border-radius:3px;width:17px;height:14px;margin-left:-8.5px;transform:rotate(-18deg)translateY(-27px);box-shadow:0 2px 5px #0000009e,inset 0 1px #ffffff29}.strobe-ring{z-index:2;pointer-events:none;background:conic-gradient(from 210deg,#1e1d18,#3b3a33 22%,#171613 46%,#33322c 71%,#1a1915 100%);border-radius:50%;width:348px;height:348px;position:absolute;top:-8px;left:-3px;box-shadow:0 8px 18px #00000080;-webkit-mask:radial-gradient(circle closest-side,#0000 0 88.4%,#000 89% 98.4%,#0000 99%);mask:radial-gradient(circle closest-side,#0000 0 88.4%,#000 89% 98.4%,#0000 99%)}.strobe-ring:after{content:"";background:repeating-conic-gradient(#ceb07ccc 0 .4deg,transparent .4deg 1.7deg);opacity:.26;transition:opacity .5s var(--ease-mech);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 0 91.4%,#000 91.8% 96.4%,#0000 96.9%);mask:radial-gradient(circle closest-side,#0000 0 91.4%,#000 91.8% 96.4%,#0000 96.9%)}.vinyl-console.is-playing .strobe-ring:after{opacity:.66;animation:strobe-lock 1.6s var(--ease-mech) both}.deck-panel{z-index:6;justify-items:end;gap:13px;width:132px;display:grid;position:absolute;bottom:14px;right:0}.quartz-lamp{color:#6c6a62;letter-spacing:.13em;align-items:center;gap:7px;font:700 5px/1 Courier New,monospace;display:flex}.quartz-lamp i{width:5px;height:5px;transition:background .3s var(--ease-mech),box-shadow .3s var(--ease-mech);background:#2a2723;border-radius:50%;box-shadow:inset 0 0 0 1px #000}.quartz-lamp.on{color:#b9b4a6}.quartz-lamp.on i{background:#d2a136;animation:3.4s ease-in-out infinite lamp-breathe;box-shadow:0 0 7px #d2a136b3,inset 0 0 0 1px #4a3a14}.cue-lever{border-radius:3px;grid-template-columns:16px 1fr;align-items:center;gap:9px;width:132px;height:34px;padding:0 10px;display:grid;box-shadow:inset 0 1px #ffffff17,0 2px 4px #0009;transition:border-color .22s var(--ease-mech),box-shadow .22s var(--ease-mech)!important;background:linear-gradient(#26251f,#131311)!important;border:1px solid #46453f!important}.cue-lever span{color:#8d8a80;letter-spacing:.15em;text-align:left;font:700 5px/1 Courier New,monospace}.cue-lever i{border-left:1px solid #35342e;width:16px;height:20px;position:relative}.cue-lever i:after{content:"";width:11px;height:8px;transition:transform .34s var(--ease-mech);background:linear-gradient(#cfcabc,#7d7a71);border-radius:2px;position:absolute;top:0;left:2px;box-shadow:0 1px 2px #000}.cue-lever.down i:after{transform:translateY(12px)}.cue-lever.down span{color:var(--accent)}.cue-lever:hover{border-color:#6d6a60!important}.filter-vinyl .speed-bank{grid-template-columns:1fr 42px 42px;gap:5px;width:132px;margin:0;position:static}.filter-vinyl .speed-bank button{height:31px}.filter-vinyl .vinyl-controls{display:none}.filter-vinyl .spectrum{opacity:.09}.filter-radio .physical-deck{width:min(100%,680px)}.filter-tape .physical-deck{width:min(100%,620px)}.filter-disc .physical-deck,.filter-mp3 .physical-deck{width:min(100%,520px)}.filter-future .physical-deck{place-self:stretch center;width:min(100%,720px);height:100%;min-height:0;max-height:100%;overflow:hidden}.filter-future .sound-frame{background:radial-gradient(circle at 62% 38%,#b8ff3e0d,#0000 34%),linear-gradient(#090d0b,#070b09)}.filter-future .track-overlay{align-self:start;width:min(100%,640px);padding-bottom:12px;overflow:hidden}.filter-future .track-overlay h1{line-height:.94}.filter-future .time-ruler{z-index:6}.filter-radio .spectrum{opacity:.16;top:34%}.filter-mp3 .spectrum{opacity:.14;top:36%}.filter-disc .spectrum{opacity:.12;top:36%}.filter-mp3 .sound-frame{background:radial-gradient(circle at 62% 38%,#ff54a30f,#0000 32%),linear-gradient(#090d0b,#070b09)}.filter-disc .sound-frame{background:radial-gradient(circle at 38% 36%,#36b8ff0f,#0000 32%),linear-gradient(#090d0b,#070b09)}.filter-tape .spectrum{top:35%}.radio-console{color:#29251d;background:linear-gradient(90deg,#5e462314 1px,#0000 1px) 0 0/5px 100%,linear-gradient(145deg,#eee4cd 0%,#c9b996 54%,#978668 100%);border:3px solid #211d16;border-radius:16px;height:228px;padding:15px 16px 13px;box-shadow:0 20px 38px #0000008c,inset 0 2px #ffffffb3,inset 0 -4px #47351d47}.radio-console button{color:#2b271f}.radio-display{height:124px;transition:box-shadow .4s var(--ease-mech);background:linear-gradient(145deg,#080b09,#1a1711);border:5px solid #4b4030;border-radius:6px;box-shadow:inset 0 0 22px #000,0 2px #ffffff59}.radio-display span,.radio-display em,.radio-display b{color:#ffad2e;text-shadow:0 0 6px #ff911ecc,0 0 14px #ff670061;transition:opacity .35s var(--ease-mech), text-shadow .35s var(--ease-mech)}.radio-display:not(.is-lit) span,.radio-display:not(.is-lit) em,.radio-display:not(.is-lit) b{opacity:.42;text-shadow:none}.radio-display.is-lit{box-shadow:inset 0 0 22px #000,inset 0 0 28px #ff911e14,0 2px #ffffff59}.radio-display.is-lit b{animation:4.8s ease-in-out infinite warm-flicker}.radio-display>i{transition:background .25s var(--ease-mech), box-shadow .25s var(--ease-mech);border-radius:50%;box-shadow:0 0 0 2px #050605}.radio-display>i.on{box-shadow:0 0 7px var(--accent),0 0 0 2px #241507;animation:2.2s ease-in-out infinite lamp-breathe}.radio-scale{padding:15px 2px 0}.radio-scale>div{color:#4c4334}.radio-scale input{background:repeating-linear-gradient(90deg,#3e382e 0 1px,#0000 1px 8px)}.radio-scale input::-webkit-slider-thumb{transition:transform .18s var(--ease-settle), box-shadow .18s var(--ease-mech);box-shadow:0 0 #ffb12d00}.radio-scale input:active::-webkit-slider-thumb{transform:scaleY(1.08);box-shadow:0 0 8px #ffb12d73}.radio-dials button{color:#3f382d}.radio-dials button:active{filter:brightness(.96)}.radio-dials i{background:repeating-conic-gradient(#262622 0 7deg,#69675e 8deg 12deg,#272622 13deg 20deg);transition:transform .48s var(--ease-mech), box-shadow .22s var(--ease-mech);border:2px solid #191815;box-shadow:0 7px 10px #23180a8c,inset 0 0 0 11px #302f2a,inset 0 2px 3px #ffffff40}.radio-dials i:after{border-left:3px solid #ffb12d;height:15px}.radio-power{border-radius:3px;box-shadow:0 3px 4px #2a1f0f61;transition:transform .12s var(--ease-press), box-shadow .18s var(--ease-mech), filter .2s var(--ease-mech)!important;background:linear-gradient(#eadfc5,#a99978)!important;border:1px solid #75684f!important}.radio-power:hover{filter:brightness(1.04)}.radio-power:active{transform:translateY(2px);box-shadow:0 1px 2px #2a1f0f61!important}.radio-power i{transition:background .25s var(--ease-mech), box-shadow .25s var(--ease-mech)}.radio-power i.on{animation:2.4s ease-in-out infinite lamp-breathe;box-shadow:0 0 6px #ff5a3cb3}.radio-console.is-playing .radio-scale input{filter:drop-shadow(0 0 2px #ffb12d33)}.s-meter{filter:none;background:linear-gradient(#f3e8c9 0 62%,#dccfa6);width:162px;height:50px;min-height:50px}.s-meter em{color:#6a604c}.s-meter span{transition:transform .5s var(--ease-settle)}.s-meter:after{display:none}.radio-lamps em.on{color:#2f2a20}.radio-lamps em.on:before{background:#ffb12d;box-shadow:0 0 6px #ffb12dd9,inset 0 0 0 1px #784a0080}.radio-console.is-locked .radio-display b{text-shadow:0 0 6px #ff911ed9,0 0 16px #ff670073}.radio-console:not(.is-locked) .radio-display b{opacity:.74}.tape-console{background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/4px 100%,linear-gradient(145deg,#34332f,#161614 44%,#090909);border:1px solid #5f5d57;border-radius:8px;gap:10px 12px;height:228px;padding:12px;box-shadow:0 20px 40px #00000094,inset 0 2px #ffffff29,inset 0 -3px #050505}.tape-well{background:linear-gradient(155deg,#66766f52,#040606eb 38%,#0a0b0a);border:4px solid #090a09;border-radius:5px;padding:12px 20px;position:relative;box-shadow:inset 0 0 24px #000,0 1px #ffffff2e,0 5px 10px #00000080}.tape-well:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff1f,#0000 27% 72%,#ffffff0d);position:absolute;inset:4px}.tape-label{z-index:1;color:#24211b;background:#d8d0bd;border-color:#c5beb0;position:relative;box-shadow:0 2px 3px #000}.tape-label small{color:#716b60}.tape-reels{z-index:1;height:66px;position:relative}.tape-reels>i{background:repeating-conic-gradient(#d8d3c9 0 9deg,#45443f 10deg 20deg);box-shadow:inset 0 0 0 var(--pack,13px) #121312,inset 0 0 0 calc(var(--pack,13px) + 3px) #8f8c83,0 2px 6px #000;transition:box-shadow .9s var(--ease-mech);border:0}.tape-console.is-playing .tape-reels>i{box-shadow:inset 0 0 0 var(--pack,13px) #121312,inset 0 0 0 calc(var(--pack,13px) + 3px) #8f8c83,0 2px 6px #000,0 0 10px #ff5a3c14}.tape-reels>span{background:linear-gradient(#4a3524,#241811 55%,#100b07);border-radius:0;height:7px;box-shadow:inset 0 1px #ffffff14,0 1px 3px #000000b3}.tape-console.is-playing .tape-reels>span{animation:.9s ease-in-out infinite tape-flutter}.vu-meter{min-height:36px;transition:filter .45s var(--ease-mech);filter:brightness(.82)saturate(.7);background:linear-gradient(#efe6cd 0 62%,#d9cdac);border:1px solid #0a0b09;border-radius:2px;position:relative;overflow:hidden;box-shadow:inset 0 -6px 10px #78653c3d,inset 0 1px #ffffffbf,0 2px 4px #0000008c}.tape-console.is-playing .vu-meter{filter:brightness()saturate()}.vu-meter em{z-index:3;color:#4a4335;letter-spacing:.1em;font:700 5px/1 Courier New,monospace;position:absolute;top:4px;left:5px}.vu-meter i,.vu-meter i:after{aspect-ratio:1;height:150%;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.vu-meter i{background:conic-gradient(from 3.6deg at 50% 100%, #ab3018 0 20.4deg, transparent 20.4deg), linear-gradient(#322c1fb8 0 100%);-webkit-mask-image:radial-gradient(circle farthest-side at 50% 100%, transparent 0 53.6%, #000 53.6% 55%, transparent 55%), conic-gradient(from -45deg at 50% 100%, #000 0 70deg, transparent 70deg);-webkit-mask-image:radial-gradient(circle farthest-side at 50% 100%, transparent 0 53.6%, #000 53.6% 55%, transparent 55%), conic-gradient(from -45deg at 50% 100%, #000 0 70deg, transparent 70deg);-webkit-mask-image:radial-gradient(circle farthest-side at 50% 100%, transparent 0 53.6%, #000 53.6% 55%, transparent 55%), conic-gradient(from -45deg at 50% 100%, #000 0 70deg, transparent 70deg);-webkit-mask-image:radial-gradient(circle farthest-side at 50% 100%, transparent 0 53.6%, #000 53.6% 55%, transparent 55%), conic-gradient(from -45deg at 50% 100%, #000 0 70deg, transparent 70deg);mask-image:radial-gradient(circle farthest-side at 50% 100%, transparent 0 53.6%, #000 53.6% 55%, transparent 55%), conic-gradient(from -45deg at 50% 100%, #000 0 70deg, transparent 70deg);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.vu-meter i:after{content:"";background:repeating-conic-gradient(from -44deg at 50% 100%, #262116eb 0 .95deg, transparent .95deg 8.5deg);-webkit-mask-image:radial-gradient(circle farthest-side at 50% 100%, transparent 0 45.5%, #000 45.5% 52.8%, transparent 52.8%), conic-gradient(from -45deg at 50% 100%, #000 0 70deg, transparent 70deg);-webkit-mask-image:radial-gradient(circle farthest-side at 50% 100%, transparent 0 45.5%, #000 45.5% 52.8%, transparent 52.8%), conic-gradient(from -45deg at 50% 100%, #000 0 70deg, transparent 70deg);-webkit-mask-image:radial-gradient(circle farthest-side at 50% 100%, transparent 0 45.5%, #000 45.5% 52.8%, transparent 52.8%), conic-gradient(from -45deg at 50% 100%, #000 0 70deg, transparent 70deg);-webkit-mask-image:radial-gradient(circle farthest-side at 50% 100%, transparent 0 45.5%, #000 45.5% 52.8%, transparent 52.8%), conic-gradient(from -45deg at 50% 100%, #000 0 70deg, transparent 70deg);mask-image:radial-gradient(circle farthest-side at 50% 100%, transparent 0 45.5%, #000 45.5% 52.8%, transparent 52.8%), conic-gradient(from -45deg at 50% 100%, #000 0 70deg, transparent 70deg);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;bottom:0;left:0;transform:none;-webkit-mask-composite:source-in;mask-composite:intersect}.vu-meter:before{content:"";z-index:3;background:linear-gradient(#39342a,#17160f);border-radius:5px 5px 0 0;width:9px;height:5px;margin-left:-4.5px;position:absolute;bottom:0;left:50%}.vu-meter span{z-index:2;transform-origin:50% 100%;width:1px;height:70%;transform:rotate(calc(-44deg + clamp(0,var(--vu,0),1) * 68deg));background:linear-gradient(#2a2820,#191810 18%,#3f3c2e);margin-left:-.5px;position:absolute;bottom:5px;left:50%}.vu-meter:after{content:"";z-index:3;width:4px;height:4px;opacity:clamp(0,calc((var(--vu-peak,0) - .72) * 9),1);background:#e0432a;border-radius:50%;position:absolute;top:4px;right:5px;box-shadow:0 0 5px #e0432acc}.tape-counter{grid-column:1;justify-items:center;gap:5px;display:grid}.dolby-lamp{color:#5f635d;transition:color .3s var(--ease-mech);grid-column:2;justify-content:center;align-items:center;gap:4px;display:flex}.dolby-lamp span{letter-spacing:-.08em;font:400 8px/1 Courier New,monospace}.dolby-lamp small{letter-spacing:.14em;align-items:center;gap:3px;font:700 4px/1 Courier New,monospace;display:flex}.dolby-lamp small b{border:1px solid;padding:1px 2px;font:700 4px/1 Courier New,monospace}.dolby-lamp.on{color:#e8b45a;text-shadow:0 0 7px #e8b45a73}.tape-counter small{color:#7d8079;letter-spacing:.16em;font:700 4px/1 Courier New,monospace}.tape-counter b{gap:2px;display:flex}.tape-counter i{color:#e4dcc6;background:linear-gradient(#1c1c19 0 47%,#101010 47% 53%,#232320);border-radius:1px;place-items:center;width:13px;height:17px;font:400 11px/1 Courier New,monospace;display:grid;box-shadow:inset 0 1px 2px #000,0 1px #ffffff0f}.mechanical-keys{gap:5px}.mechanical-keys button{color:#c5c3bc;background:linear-gradient(#4d4c47 0%,#292825 55%,#171716 56%);border:1px solid #090909;border-radius:2px;height:48px;box-shadow:0 4px #080808,0 6px 8px #0009,inset 0 1px #fff3;transition:transform .1s var(--ease-press), box-shadow .12s var(--ease-press), color .18s var(--ease-mech), background .18s var(--ease-mech)!important}.mechanical-keys button:hover{color:#ebe7de;filter:brightness(1.05)}.mechanical-keys button:active{transform:translateY(3px);box-shadow:0 1px #080808,inset 0 2px 5px #000}.mechanical-keys button.pressed{color:#150e0b;background:linear-gradient(#ff775c,#b93625);border-color:#692014;box-shadow:inset 0 3px 6px #480f0799,0 1px #050505}.side-switch{border-radius:3px;box-shadow:0 5px 8px #000,inset 1px 0 #fff3;transition:transform .14s var(--ease-press), box-shadow .18s var(--ease-mech)!important;background:linear-gradient(90deg,#4d4c47,#1d1d1b 40%,#393834)!important;border:1px solid #0a0a09!important}.side-switch:active{transform:translate(1px);box-shadow:0 2px 4px #000,inset 1px 0 #fff3!important}.tape-console.is-playing .tape-well:not(.ejected){animation:3.2s ease-in-out infinite chassis-hum}.disc-console{color:#1f211f;background:repeating-linear-gradient(90deg,#00000009 0 1px,#ffffff0f 1px 3px),linear-gradient(145deg,#e6e5df,#a7a8a2 58%,#686b68);border:1px solid #777872;border-radius:11px;height:228px;padding:7px 18px 7px 8px;box-shadow:0 20px 38px #0000008c,inset 0 2px #fff,inset 0 -3px #00000040}.disc-tray{width:212px;height:212px;box-shadow:0 7px 12px #00000080,inset 0 0 0 7px #8d8e89;background:radial-gradient(circle,#9c9d98,#5e605d)!important;border:2px solid #555650!important}.disc-console.is-closing .disc-tray{transition-duration:.45s}.disc-tray>i{background:radial-gradient(circle,#0000 0 13%,#d6d5d0 14% 18%,#0000 19%),conic-gradient(from 20deg,#d7e8ff,#edb7ff,#fff4a4,#a8f4e0,#b7c9ff,#f1b5df,#d7e8ff);border:1px solid #ffffffb3;box-shadow:inset 0 0 0 1px #00000047,0 3px 8px #00000059}.disc-tray>i:before{background:#f1f0e9;border-color:#7d7e79;box-shadow:0 0 0 3px #00000029}.disc-tray>i>span{background:#ffffffa6;box-shadow:14px 0 #ff5f7d40,-18px 0 #3ab2ff38}.disc-laser{opacity:0;pointer-events:none;transform-origin:50% 100%;background:linear-gradient(#5fffb600,#5fffb6d9 40%,#5fffb600);width:2px;height:38%;margin-left:-1px;position:absolute;top:12%;left:50%}.disc-console.is-playing .disc-laser{opacity:1;animation:2.4s linear infinite disc-scan}.disc-console.is-reading .disc-readout b{animation:.7s step-end infinite blink-soft}.disc-readout.is-toc small{letter-spacing:.14em}.disc-readout{transition:box-shadow .35s var(--ease-mech);background:#07110e;border:4px solid #4a4b48;border-radius:4px;box-shadow:inset 0 0 14px #000,0 2px #e8e8e3}.disc-readout span,.disc-readout small{color:#729789;transition:opacity .3s var(--ease-mech)}.disc-readout b{color:#5fffb6;text-shadow:0 0 7px #43ffa9a6;transition:opacity .3s var(--ease-mech), text-shadow .3s var(--ease-mech)}.disc-readout:not(.is-lit) b{opacity:.38;text-shadow:none}.disc-readout.is-lit{box-shadow:inset 0 0 14px #000,inset 0 0 18px #5fffb614,0 2px #e8e8e3}.disc-readout.is-lit b{animation:digit-settle .18s var(--ease-mech)}.disc-actions button{color:#222421;background:linear-gradient(#ecebe5,#9d9e98);border-color:#666762;border-radius:2px;box-shadow:0 3px 4px #0006;transition:transform .1s var(--ease-press), box-shadow .12s var(--ease-press), filter .18s var(--ease-mech)!important}.disc-actions button:hover{filter:brightness(1.04)}.disc-actions button:active{transform:translateY(2px);box-shadow:0 1px 2px #0006!important}.disc-actions button.pressed{color:#0d1a14;background:linear-gradient(#8dffc8,#3aa879);border-color:#2a6b52;box-shadow:inset 0 2px 4px #0a281c59,0 1px 1px #00000059}.mp3-console{color:#252623;isolation:isolate;background:radial-gradient(circle at 12px 12px,#d8dad6 0 2px,#6f726c 2.4px 3.2px,#0000 3.4px),radial-gradient(circle at calc(100% - 12px) 12px,#d8dad6 0 2px,#6f726c 2.4px 3.2px,#0000 3.4px),radial-gradient(circle at 12px calc(100% - 12px),#d8dad6 0 2px,#6f726c 2.4px 3.2px,#0000 3.4px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#d8dad6 0 2px,#6f726c 2.4px 3.2px,#0000 3.4px),repeating-linear-gradient(90deg,#00000008 0 1px,#ffffff1a 1px 3px),linear-gradient(145deg,#f6f6f2,#c9cbc7 56%,#8d908d);border:1px solid #8a8c86;border-radius:28px;grid-template-columns:1.15fr 1fr;align-items:center;gap:28px;width:min(520px,100%);height:228px;padding:18px 28px 18px 26px;display:grid;left:auto;right:auto;transform:none;box-shadow:0 22px 42px #0000008f,inset 0 2px #fff,inset 0 -4px #00000038,inset 0 0 0 1px #0000001f}.mp3-console:before{content:"";pointer-events:none;border:1px solid #ffffff2e;border-radius:20px;position:absolute;inset:8px;box-shadow:inset 0 0 0 1px #0000001f}.pocket-jack{background:radial-gradient(circle,#0c0d0b 0 38%,#6a6d67 42% 58%,#2f312e 62%);border:2px solid #2f312e;border-radius:50%;width:11px;height:11px;margin-top:-5px;position:absolute;top:50%;left:7px;box-shadow:inset 0 1px 2px #000,0 0 0 1px #fff3}.pocket-hold{z-index:2;color:#4a4d47;letter-spacing:.14em;font:700 5px/1 Courier New,monospace;position:absolute;top:11px;right:14px}.pocket-hold:after{content:"";background:linear-gradient(90deg,#2c2e2a 45%,#d4d6d1 47% 100%);border-radius:8px;width:18px;height:7px;margin-top:3px;margin-left:auto;display:block;box-shadow:inset 0 1px 1px #00000073,0 1px #ffffff59}.pocket-screws{display:none}.pocket-screen{color:#20251f;transition:filter .35s var(--ease-mech), box-shadow .35s var(--ease-mech);background:linear-gradient(145deg,#dce6d9,#9fae9d);border:5px solid #343632;border-radius:8px;box-shadow:inset 0 0 12px #27372940,0 2px #fff}.pocket-screen:not(.is-lit){filter:saturate(.85)brightness(.96)}.pocket-screen.is-lit{box-shadow:inset 0 0 12px #27372940,inset 0 0 20px #ffffff14,0 2px #fff}.pocket-screen>div em{transition:opacity .25s var(--ease-mech);display:inline-block}.mp3-console.is-playing .pocket-screen>div em{animation:1.4s ease-in-out infinite blink-soft}.pocket-screen>i{border-color:#5f695f;overflow:hidden}.pocket-screen>i span{transition:width .35s var(--ease-mech);background:#3f5145}.click-wheel{touch-action:none;cursor:grab;background:linear-gradient(145deg,#fcfcf9,#c7c9c5);border:0;width:190px;height:190px;box-shadow:0 8px 16px #00000059,inset 0 2px #fff,inset 0 -2px #00000029}.click-wheel:active{cursor:grabbing}.click-wheel button{color:#555853;transition:color .18s var(--ease-mech), transform .12s var(--ease-press), opacity .18s var(--ease-mech)!important}.click-wheel button:hover{color:#222421}.click-wheel button:active{opacity:.85;transform:scale(.94)}.wheel-center{width:72px;height:72px;top:59px;left:59px;box-shadow:inset 0 2px #ffffffbf,0 2px 5px #00000040;transition:box-shadow .16s var(--ease-press), transform .12s var(--ease-press)!important;background:linear-gradient(145deg,#c7c9c5,#f7f7f3)!important;border:0!important}.wheel-center:active{transform:scale(.96)!important;box-shadow:inset 0 3px 6px #00000047!important}.mp3-console.is-playing .wheel-center{box-shadow:inset 0 2px #ffffffbf,0 2px 5px #00000040,0 0 0 1px #ff54a32e}.future-console{box-shadow:none;background:0 0;border:0;border-radius:0}.future-console button,.field-pad{box-shadow:none;background-color:#0000;border-radius:0}.field-pad>span{transition:left .14s var(--ease-mech), top .14s var(--ease-mech), box-shadow .22s var(--ease-mech)}.future-console.is-playing .field-pad>span{box-shadow:0 0 0 1px var(--accent), 0 0 12px #b8ff3e40}.future-console.is-playing .field-pad{animation:5.5s linear infinite field-scan}.future-console>button{transition:color .2s var(--ease-mech), background .2s var(--ease-mech), border-color .2s var(--ease-mech), letter-spacing .25s var(--ease-mech)!important}.future-console>button.active{letter-spacing:.16em}.track-overlay{z-index:5;grid-area:track;align-self:end;width:min(100%,520px);min-width:0;max-width:100%;padding:10px 12px 8px 28px;position:relative;overflow:hidden}.track-overlay>span{color:var(--accent);letter-spacing:.17em;margin-bottom:10px;font:700 6px/1 Courier New,monospace;display:block}.track-overlay small{color:#a0a49c;letter-spacing:.1em;font:700 8px/1 Courier New,monospace}.track-overlay h1{letter-spacing:-.07em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:clamp(28px,4.2vw,64px);line-height:.88;display:-webkit-box;overflow:hidden}.signal-meta{z-index:5;grid-area:meta;grid-template-columns:64px 1fr;place-self:end;gap:0 15px;width:min(100%,230px);padding:10px 28px 6px 12px;display:grid;position:relative}.cover-frame{border:1px solid #33332f;grid-row:1/4;width:64px;height:64px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.cover-frame:after{content:"";background:var(--accent);mix-blend-mode:color;opacity:.34;position:absolute;inset:0}.cover-frame img{object-fit:cover;filter:grayscale()brightness(1.08)contrast(.86);opacity:.82;width:100%;height:100%;display:block}.signal-meta>div{border-top:1px solid #30302d;justify-content:space-between;align-items:center;min-width:0;display:flex}.signal-meta span{color:#80857d;letter-spacing:.12em;font:700 5px/1 Courier New,monospace}.signal-meta b{color:#c1c4bc;white-space:nowrap;font:700 6px/1 Courier New,monospace}.spectrum{z-index:2;opacity:.22;pointer-events:none;width:68%;height:72px;position:absolute;top:38%;left:16%;right:16%}.time-ruler{z-index:4;border-bottom:1px solid #373733;grid-area:ruler;grid-template-columns:repeat(16,1fr);align-self:end;height:14px;margin:0 28px;display:grid;position:relative}.time-ruler i{border-left:1px solid #4a4a45;position:relative}.time-ruler i:nth-child(4n+1){border-left-color:var(--accent)}.time-ruler span{color:#555550;font:400 5px/1 Courier New,monospace;position:absolute;bottom:4px;left:3px}.frame-status{z-index:5;color:#858a82;letter-spacing:.11em;grid-area:status;justify-content:space-between;align-self:end;padding:0 28px 17px;font:700 6px/1 Courier New,monospace;display:flex;position:relative}.frame-status i{width:4px;height:4px;transition:background .25s var(--ease-mech), box-shadow .25s var(--ease-mech);background:#555;margin-right:6px;display:inline-block}.frame-status i.live{background:var(--accent);box-shadow:0 0 6px var(--accent)}@supports (color:color-mix(in lab, red, red)){.frame-status i.live{box-shadow:0 0 6px color-mix(in srgb, var(--accent) 55%, transparent)}}.frame-status i.live{animation:1.6s ease-in-out infinite live-pulse}.playback-panel{background:#080a09;border:1px solid #2c322e;border-top:0;flex:none;grid-template-columns:40px 84px 40px minmax(260px,1fr);align-items:center;gap:12px;height:118px;min-height:118px;padding:0 28px;display:grid}.skip-button,.main-play{cursor:pointer;transition:border-color .22s var(--ease-mech), color .22s var(--ease-mech), background-color .22s var(--ease-mech), transform .1s var(--ease-press), box-shadow .22s var(--ease-mech), filter .22s var(--ease-mech);place-items:center;padding:0;display:grid}.skip-button{color:#858a84;opacity:.78;background:0 0;border:0;border-radius:0;width:40px;height:40px;font:400 22px/1 Arial,sans-serif}.main-play{color:#080a09;border:2px solid #343936;border-color:var(--accent);background:#0d0f0e;background:var(--accent);width:84px;height:84px;box-shadow:none;border-radius:50%;font:700 20px/1 Arial,sans-serif}.skip-button:hover{color:var(--bone);opacity:1}.skip-button:focus-visible{color:var(--bone);outline-offset:-5px;outline:1px solid #5b605b}.skip-button:active{transform:translateY(2px)}.main-play:active{transform:scale(.97)}.main-play:focus-visible{border-color:var(--bone);outline:0}.main-play:hover{color:#080a09;border-color:var(--accent);background:var(--accent);filter:brightness(1.08)}.main-play.is-playing{animation:2.8s ease-in-out infinite transport-warm}.main-play:disabled,.mechanical-keys button:disabled,.disc-actions button:disabled{color:#555853;box-shadow:none;cursor:not-allowed;opacity:.7;filter:none;background:#151715;border-color:#292c29;animation:none;transform:none}.transport-meters{grid-template-columns:minmax(180px,1fr) 140px;align-items:center;gap:18px;min-width:0;display:grid}.timeline{color:#8d918b;grid-template-rows:20px 16px;grid-template-columns:44px 1fr 44px;align-items:center;column-gap:8px;font:700 8px/1 Courier New,monospace;display:grid}.timeline input{--progress:20%;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, var(--accent) var(--progress), #2c302d var(--progress));width:100%;height:5px;transition:filter .25s var(--ease-mech);border-radius:0;grid-area:1/1/auto/4;margin:0}.timeline input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;width:18px;height:18px;transition:transform .16s var(--ease-settle), box-shadow .16s var(--ease-mech);background:#c9cbc7;border:3px solid #080a09;border-radius:50%}.timeline input:hover::-webkit-slider-thumb{transform:scale(1.06)}.timeline input:active::-webkit-slider-thumb{transform:scale(.96);box-shadow:0 0 0 4px #c849302e}.timeline input::-moz-range-thumb{cursor:pointer;background:#c9cbc7;border:3px solid #080a09;border-radius:50%;width:12px;height:12px}.timeline span{grid-area:2/1}.timeline b{text-align:right;grid-area:2/3;font-weight:700}.master-volume{color:#92968f;grid-template-columns:auto 1fr;align-items:center;gap:8px;font:700 6px/1 Courier New,monospace;display:grid}.master-volume input{-webkit-appearance:none;appearance:none;background:#393936;height:1px}.master-volume input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--bone);width:6px;height:13px;transition:transform .14s var(--ease-settle), background .18s var(--ease-mech);border:0}.master-volume input:hover::-webkit-slider-thumb{background:var(--accent);transform:scaleY(1.15)}.player-drawer{z-index:25;height:310px;transition:transform .42s var(--ease-drawer);background:#0d0d0c;border-top:1px solid #383834;padding:0 clamp(18px,3vw,48px);position:fixed;bottom:48px;left:0;right:0}.player-drawer.closed{transform:translateY(calc(100% - 5px))}.catalog-panel{z-index:26;height:min(420px,52vh);transition:transform .42s var(--ease-drawer);background:#0d0d0c;border-top:1px solid #383834;grid-template-rows:48px 52px 1fr;padding:0 clamp(18px,3vw,48px);display:grid;position:fixed;bottom:48px;left:0;right:0}.catalog-panel.closed{pointer-events:none;transform:translateY(calc(100% + 8px))}.catalog-search{grid-template-columns:1fr 88px;align-items:center;gap:8px;width:100%;max-width:1120px;margin:0 auto;display:grid}.catalog-search input{height:34px;color:var(--bone);letter-spacing:.12em;background:#101110;border:1px solid #30302d;padding:0 12px;font:700 11px/1 Courier New,monospace}.catalog-search input::placeholder{color:#4d4d48}.catalog-search button{height:34px;color:var(--accent);border:1px solid var(--accent);cursor:pointer;letter-spacing:.14em;background:0 0;font:700 8px/1 Courier New,monospace}.catalog-search button:hover{color:var(--black);background:var(--accent)}.catalog-hits{align-content:start;gap:2px;width:100%;max-width:1120px;margin:0 auto;padding:4px 0 12px;display:grid;overflow:auto}.catalog-hits p{color:#5a5a54;letter-spacing:.12em;margin:18px 0;font:700 7px/1.6 Courier New,monospace}.catalog-hits>button{width:100%;min-height:52px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:6px 8px;display:grid}.catalog-hits>button:hover,.catalog-hits>button.selected{background:#121311;border-color:#33332f}.catalog-hits>button.selected{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.catalog-hits>button.selected{border-color:color-mix(in srgb, var(--accent) 45%, #333)}}.catalog-hits i{background:#161615;border:1px solid #2c2c28;width:42px;height:42px;display:block;overflow:hidden}.catalog-hits i img{object-fit:cover;filter:grayscale()contrast(.9);width:100%;height:100%}.catalog-hits span{gap:5px;min-width:0;display:grid}.catalog-hits b{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.catalog-hits small{color:#7a7a74;letter-spacing:.1em;font:700 7px/1 Courier New,monospace}.catalog-hits em{color:#555550;letter-spacing:.12em;font:700 6px/1 Courier New,monospace}.drawer-bar{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;max-width:1120px;height:48px;margin:0 auto;display:flex}.drawer-bar>div:first-child{align-items:baseline;gap:10px;display:flex}.drawer-bar b{letter-spacing:.11em;font-size:9px}.drawer-bar span{color:#52524e;letter-spacing:.13em;font:700 6px/1 Courier New,monospace}.drawer-bar>div:last-child{display:flex}.drawer-bar button{color:#6c6c66;cursor:pointer;letter-spacing:.08em;height:24px;transition:color .2s var(--ease-mech), border-color .2s var(--ease-mech);background:0 0;border:1px solid #30302d;border-right:0;padding:0 9px;font:700 6px/1 Courier New,monospace}.drawer-bar button:last-child{border-right:1px solid #30302d;width:24px;padding:0;font-size:13px}.drawer-bar button:hover{color:var(--bone)}.filter-strip{scrollbar-width:none;justify-content:center;align-items:center;gap:clamp(8px,2vw,22px);max-width:1120px;height:142px;margin:0 auto;display:flex;overflow-x:auto}.filter-strip::-webkit-scrollbar{display:none}.filter-strip>button{cursor:pointer;text-align:left;opacity:.42;transition:opacity .28s var(--ease-mech), transform .28s var(--ease-settle);background:0 0;border:0;flex:0 0 104px;padding:0}.filter-strip>button:hover{opacity:.82;transform:translateY(-1px)}.filter-strip>button.selected{opacity:1;transform:translateY(-3px)}.filter-card{height:80px;transition:border-color .28s var(--ease-mech), box-shadow .28s var(--ease-mech), background-color .28s var(--ease-mech);background:0 0;border:1px solid #292926;place-items:center;display:grid;position:relative}.filter-strip>button:hover .filter-card{border-color:#454540}.filter-strip>button.selected .filter-card{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.filter-strip>button.selected .filter-card{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}}.filter-strip>button.selected .filter-card{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.filter-strip>button.selected .filter-card{background:color-mix(in srgb, var(--accent) 4%, transparent)}}.filter-strip>button.selected .filter-card:before{content:"";background:var(--accent);width:12px;height:2px;transition:width .28s var(--ease-settle);position:absolute;top:-1px;left:-1px}.filter-strip>button.selected:hover .filter-card:before{width:22px}.filter-card .filter-icon{color:#aaa;width:58px;height:44px;transition:color .28s var(--ease-mech), transform .28s var(--ease-settle)}.filter-strip>button:hover .filter-icon{transform:translateY(-1px)}.filter-strip>button.selected .filter-icon{color:var(--accent)}.filter-strip>button>b{color:#aaa;letter-spacing:.09em;transition:color .28s var(--ease-mech);margin-top:7px;font:700 8px/1 Arial;display:block}.filter-strip>button.selected>b{color:var(--bone)}.filter-strip>button>small{color:#50504c;letter-spacing:.13em;margin-top:4px;font:700 5px/1 Courier New,monospace;display:block}.pro{color:var(--accent);font:700 5px/1 Courier New,monospace;position:absolute;top:4px;right:4px}.filter-controls{border-top:1px solid var(--hair);grid-template-columns:repeat(3,1fr) 1.1fr;align-items:center;gap:26px;max-width:930px;margin:0 auto;padding-top:13px;display:grid}.filter-controls label>span{color:#555550;letter-spacing:.11em;justify-content:space-between;font:700 6px/1 Courier New,monospace;display:flex}.filter-controls label em{color:var(--accent);transition:transform .16s var(--ease-settle);font-style:normal}.filter-controls label:active em{transform:scale(1.08)}.filter-controls label input{-webkit-appearance:none;appearance:none;background:#353532;width:100%;height:1px;margin-top:12px}.filter-controls label input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);width:7px;height:7px;transition:transform .14s var(--ease-settle), box-shadow .14s var(--ease-mech);border:0}.filter-controls label input:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent);transform:scale(1.25)}@supports (color:color-mix(in lab, red, red)){.filter-controls label input:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}}.filter-description{border-left:1px solid var(--hair);grid-template-columns:auto 1fr;gap:3px 9px;padding-left:18px;display:grid}.filter-description span{color:var(--accent);grid-row:1/3;font:400 22px/1 Courier New,monospace}.filter-description b{font-size:9px}.filter-description small{color:#565651;letter-spacing:.08em;font:700 6px/1 Courier New,monospace}.bottom-nav{z-index:31;border-top:1px solid var(--hair);background:var(--black);justify-content:center;height:48px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#484844;cursor:pointer;letter-spacing:.11em;width:min(210px,50vw);transition:color .24s var(--ease-mech), background-color .24s var(--ease-mech);background:0 0;border:0;border-right:1px solid #1d1d1b;padding:0;font:700 5px/1 Courier New,monospace}.bottom-nav button:first-child{border-left:1px solid #1d1d1b}.bottom-nav button span{color:#5c5c57;transition:color .24s var(--ease-mech), transform .2s var(--ease-settle);margin-right:6px;font-size:9px}.bottom-nav button:hover{color:#7a7a74}.bottom-nav button.active{color:var(--bone)}.bottom-nav button.active span{color:var(--accent)}.bottom-nav button:active span{transform:scale(.9)}.filter-icon{color:currentColor;display:block;position:relative}.filter-icon i{display:block;position:absolute}.icon-vinyl{border:1px solid}.icon-vinyl:before{content:"";aspect-ratio:1;border:1px solid;border-radius:50%;width:65%;position:absolute;top:10%;left:8%}.icon-vinyl:after{content:"";aspect-ratio:1;background:currentColor;border-radius:50%;width:7%;position:absolute;top:39%;left:37%}.icon-vinyl i:first-child{transform-origin:top;background:currentColor;width:1px;height:48%;top:17%;right:17%;transform:rotate(20deg)}.icon-vinyl i:nth-child(2){background:currentColor;width:12%;height:2px;bottom:13%;right:7%}.icon-radio{border:1px solid}.icon-radio:before{content:"";aspect-ratio:1;background-image:radial-gradient(currentColor 1px,#0000 1px);background-size:6px 6px;width:39%;position:absolute;top:20%;left:8%}.icon-radio:after{content:"88.6";border:1px solid;place-items:center;width:36%;height:25%;font:700 7px/1 Courier New;display:grid;position:absolute;top:18%;right:7%}.icon-radio i:first-child,.icon-radio i:nth-child(2){border:1px solid;border-radius:50%;width:9px;height:9px;bottom:12%;right:8%}.icon-radio i:nth-child(2){right:28%}.icon-radio i:nth-child(3){transform-origin:bottom;background:currentColor;width:1px;height:26px;top:-22px;right:5%;transform:rotate(8deg)}.icon-tape{border:1px solid}.icon-tape:before{content:"C90";font:700 5px/1 Courier New;position:absolute;top:7%;left:8%}.icon-tape:after{content:"";border:1px solid;position:absolute;inset:23% 13% 17%}.icon-tape i:first-child,.icon-tape i:nth-child(2){aspect-ratio:1;border:1px solid;border-radius:50%;width:15%;top:44%}.icon-tape i:first-child{left:25%}.icon-tape i:nth-child(2){right:25%}.icon-tape i:nth-child(3){background:currentColor;height:1px;bottom:8%;left:22%;right:22%}.icon-disc{border:1px solid;border-radius:50%}.icon-disc:before{content:"";border:1px solid;border-radius:50%;position:absolute;inset:14%}.icon-disc:after{content:"";background:currentColor;border-radius:50%;position:absolute;inset:43%}.icon-disc i:first-child{background:currentColor;width:4px;height:4px;bottom:20%;right:10%}.icon-mp3{border:1px solid;margin:auto;width:31px!important;height:48px!important}.icon-mp3:before{content:"";border:1px solid;height:29%;position:absolute;top:7%;left:10%;right:10%}.icon-mp3:after{content:"";aspect-ratio:1;border:1px solid;border-radius:50%;width:62%;position:absolute;bottom:7%;left:19%}.icon-mp3 i:first-child{z-index:2;aspect-ratio:1;border:1px solid;border-radius:50%;width:22%;bottom:19%;left:39%}.icon-future{clip-path:polygon(0 0,91% 0,100% 14%,100% 100%,9% 100%,0 86%);border:1px solid}.icon-future:before{content:"";aspect-ratio:1;border:1px solid;border-radius:50%;width:43%;position:absolute;top:14%;left:28%}.icon-future:after{content:"";aspect-ratio:1;background:currentColor;width:5%;position:absolute;top:34%;left:47%}.icon-future i:first-child{background:currentColor;height:1px;bottom:10%;left:11%;right:11%}@keyframes blink{50%{opacity:.2}}@keyframes blink-soft{0%,to{opacity:1}50%{opacity:.28}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@keyframes lamp-breathe{0%,to{opacity:1;filter:brightness()}50%{opacity:.72;filter:brightness(1.15)}}@keyframes warm-flicker{0%,to{opacity:1}46%{opacity:1}48%{opacity:.88}50%{opacity:1}72%{opacity:.94}74%{opacity:1}}@keyframes deckspin{to{transform:rotate(360deg)}}@keyframes reelspin{0%{transform:rotate(0)scale(1)}40%{transform:rotate(144deg)scale(1.012)}70%{transform:rotate(252deg)scale(.994)}to{transform:rotate(360deg)scale(1)}}@keyframes strobe-lock{0%{opacity:.2;transform:rotate(-9deg)}55%{opacity:.5}to{opacity:.5;transform:rotate(0)}}@keyframes vu-settle{0%{transform:rotate(-40deg)}70%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes platter-glow{0%,to{box-shadow:0 20px 38px #000000b3,inset 0 0 0 3px #050605,inset 0 0 0 5px #2d2d28,0 0 0 1px #080908}50%{box-shadow:0 20px 38px #000000b3,inset 0 0 0 3px #050605,inset 0 0 0 5px #2d2d28,0 0 0 1px #080908,0 0 18px #d9a63714}}@keyframes tape-flutter{0%,to{transform:scaleY(1)translateY(0)}50%{transform:scaleY(1.035)translateY(.3px)}}@keyframes chassis-hum{0%,to{transform:translateY(0)}50%{transform:translateY(.35px)}}@keyframes digit-settle{0%{opacity:.55;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}@keyframes transport-warm{0%,to{filter:brightness()}50%{filter:brightness(1.06)}}@keyframes grain-drift{0%{background-position:0 0,21px 17px,8px 32px}to{background-position:24px -18px,-12px 28px,16px -10px}}@keyframes field-scan{0%{background-position:0 0,0 0}to{background-position:0 22px,22px 0}}@keyframes disc-scan{0%{opacity:.15;transform:rotate(-28deg)}40%{opacity:.9}to{opacity:.15;transform:rotate(28deg)}}.app-root,.app-shell-flat{display:contents}.app-screen-flat{background:var(--black);box-sizing:border-box;width:100%;height:100dvh;padding:max(10px, env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) max(12px, env(safe-area-inset-left));display:block;overflow:hidden;container:dazzphone/size}.phone-stage-host{z-index:80;background:#0f0f10;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.phone-shell{transform-origin:50%;width:390px;height:844px}.phone-screen{box-sizing:border-box;background:#000;border-radius:54px;width:390px;height:844px;padding:22px 12px 14px;position:relative;overflow:hidden;box-shadow:0 0 0 12px #1b1b1d,0 0 0 14px #39393d,0 32px 90px #000000a6;container:dazzphone/size}.phone-home{z-index:60;pointer-events:none;background:#ffffff57;border-radius:99px;width:126px;height:5px;margin-left:-63px;position:absolute;bottom:8px;left:50%}.phone-stage-exit{z-index:90;color:#d8d4c8;cursor:pointer;letter-spacing:.12em;background:#171714;border:1px solid #5a574e;border-radius:0;min-width:92px;height:34px;padding:0 14px;font:700 8px/1 Courier New,monospace;position:absolute;top:18px;right:18px}.phone-stage-exit:hover{color:var(--bone);border-color:#8a8578}.dazz-app.is-phone-preview{flex-direction:column;width:100%;height:100%;min-height:0;padding-bottom:0;display:flex;position:relative;overflow:hidden}.dazz-app.is-phone-preview:before{position:absolute}.dazz-app.is-phone-preview .bottom-nav{flex:none;width:100%;position:relative;bottom:auto;left:auto;right:auto}.dazz-app.is-phone-preview .player-drawer,.dazz-app.is-phone-preview .catalog-panel{width:100%;position:absolute;bottom:46px;left:0;right:0}@media (max-width:720px){.header-actions .phone-toggle{display:none}}@media (max-width:900px){html,body{height:100%;overflow:hidden}}@container dazzphone (width<=900px){.dazz-app{flex-direction:column;height:100%;max-height:100%;display:flex;overflow:hidden}.listening-view{flex-direction:column;flex:1;justify-content:stretch;min-height:0;padding-bottom:0;display:flex}.sound-frame{flex:auto;grid-template-rows:64px minmax(0,1fr) auto 14px 24px;height:auto;min-height:0;max-height:none}.spectrum{width:76%;top:34%;left:16%;right:8%}.physical-deck{width:min(100%,620px)}.track-overlay{width:min(100%,420px)}.signal-meta{width:min(100%,210px)}.filter-strip{justify-content:flex-start}.filter-controls{grid-template-columns:repeat(3,1fr);gap:15px}.filter-description{display:none}.playback-panel{grid-template-columns:40px 84px 40px minmax(180px,1fr)}.transport-meters{grid-template-columns:1fr;gap:7px}.filter-vinyl .sound-frame{grid-template-rows:64px minmax(0,1fr) auto 14px 24px}.filter-vinyl .physical-deck{height:min(320px,100%);margin:0}}@container dazzphone (width<=620px){.header-actions .phone-toggle{display:none}.dazz-app{flex-direction:column;height:100%;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.app-header{flex:none;align-items:flex-end;height:56px;padding:10px 16px 6px 20px;position:relative}.dazz-wordmark>small,.header-actions button[data-drawer-toggle]{display:none}.header-actions button{min-width:78px}.listening-view{flex-direction:column;flex:1;justify-content:stretch;width:calc(100% - 20px);min-width:0;max-width:100%;min-height:0;padding-top:4px;padding-bottom:0;display:flex;overflow:hidden}.view-topline{flex:none;height:32px}.view-topline>button kbd{display:none}.bottom-nav{flex:none;height:46px;position:relative}.sound-frame{background:#080a09;flex:1;grid-template:"mark readout"50px"deck deck"minmax(0,1fr)"track track""meta meta""ruler ruler"14px"status status"22px/minmax(0,1fr) minmax(0,1fr);height:auto;min-height:0;overflow:hidden}.flat-filter-mark{padding:14px 0 0 16px}.flat-filter-mark .filter-icon{width:44px;height:32px}.flat-filter-mark b{font-size:13px}.frame-readout{justify-self:end;padding:14px 16px 0 0}.frame-number{opacity:.9;font-size:42cqi;top:10%;right:4%}.physical-deck{width:100%;min-width:0;max-width:100%;height:100%;transform:none}.filter-vinyl .physical-deck{place-self:stretch stretch;height:100%;max-height:none;margin:0;overflow:visible;transform:none}.filter-vinyl .sound-frame{grid-template-rows:50px minmax(0,1fr) auto auto 14px 22px;overflow:visible}.filter-vinyl .vinyl-console{width:auto;height:100%;max-height:none;padding:0}.filter-vinyl .platter{width:clamp(210px,56cqi,244px);height:clamp(210px,56cqi,244px);top:2px;left:10px}.filter-vinyl .platter>span{width:56px;height:56px;padding-top:8px}.filter-vinyl .platter>span b{font-size:4px}.filter-vinyl .platter>span small{margin-top:12px;font-size:3px}.filter-vinyl .vinyl-orbits{width:clamp(210px,56cqi,244px);height:clamp(210px,56cqi,244px);top:2px;left:10px}.strobe-ring{width:calc(clamp(210px,56cqi,244px) + 22px);height:calc(clamp(210px,56cqi,244px) + 22px);top:-8px;left:-2px}.filter-vinyl .vinyl-orbits:before{inset:12px}.filter-vinyl .vinyl-orbits:after{inset:32px}.filter-vinyl .vinyl-orbits i:first-child{inset:48px}.filter-vinyl .tone-arm{transform-origin:32px 22px;width:64px;height:calc(clamp(210px,56cqi,244px) - 8px);top:0;left:calc(clamp(210px,56cqi,244px) + 4px)}.filter-vinyl .tone-arm>span{width:30px;height:30px;top:6px;left:16px}.filter-vinyl .tone-arm>i{height:calc(clamp(210px,56cqi,244px) - 70px);top:26px;left:32px;transform:rotate(22deg)}.filter-vinyl .tone-arm>em{bottom:17px;right:-1px}.arm-weight{top:22px;left:32px}.arm-weight:before{height:24px}.arm-weight:after{width:14px;height:12px;margin-left:-7px;transform:rotate(-18deg)translateY(-22px)}.deck-panel{gap:8px;width:108px;bottom:8px;right:8px}.cue-lever{width:108px;height:28px;padding:0 8px}.filter-vinyl .speed-bank{grid-template-columns:1fr 34px 34px;gap:4px;width:108px;position:static}.filter-vinyl .speed-bank button{height:28px;padding:0}.filter-vinyl .speed-bank>span{font-size:5px}.filter-vinyl .vinyl-brand{width:auto;top:4px;right:8px}.filter-vinyl .vinyl-brand span,.filter-vinyl .vinyl-brand em,.filter-vinyl .vinyl-brand small,.filter-vinyl .vinyl-controls{display:none}.filter-radio .physical-deck,.filter-tape .physical-deck,.filter-disc .physical-deck,.filter-mp3 .physical-deck,.filter-future .physical-deck{box-sizing:border-box;place-self:center stretch;width:100%;min-width:0;max-width:100%;margin:0;overflow:hidden;transform:none}.filter-radio .physical-deck{aspect-ratio:680/228;width:100%;max-width:100%;height:auto;min-height:0}.filter-tape .physical-deck{aspect-ratio:620/228;grid-template-rows:minmax(0,1fr) 48px;grid-template-columns:minmax(0,1fr) minmax(96px,.34fr);gap:8px 10px;height:auto;min-height:0;padding:10px}.filter-disc .physical-deck{aspect-ratio:520/228;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);place-self:center;gap:8px 12px;width:min(100%,360px);height:auto;min-height:0;max-height:100%;padding:8px 12px 8px 8px}.filter-mp3 .physical-deck{aspect-ratio:2.18;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);place-self:center;align-items:center;gap:12px;width:min(100%,340px);height:auto;min-height:0;max-height:100%;padding:14px 18px 14px 20px;display:grid;transform:none}.filter-future .physical-deck{aspect-ratio:auto;align-self:stretch;width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden}.future-console{grid-template-rows:minmax(0,1fr) 32px;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:8px 12px;padding:0 8px}.future-data b{font-size:14px}.future-console>button:not(.field-pad){height:32px}.filter-future .track-overlay{padding:4px 14px 6px 16px}.filter-future .track-overlay h1{font-size:clamp(24px,8cqi,36px)}.radio-console{box-sizing:border-box;grid-template-rows:minmax(0,1fr) 44px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(56px,.26fr);gap:6px 8px;width:100%;min-width:0;max-width:100%;height:100%;padding:8px 10px}.filter-radio .radio-display{min-width:0;height:100%;min-height:0;padding:8px 10px}.filter-radio .radio-display b{font-size:clamp(22px,8cqi,40px)}.radio-dials{gap:8px;min-width:0}.radio-dials button{aspect-ratio:1;width:100%;min-width:0;max-width:64px;height:auto}.radio-dials i{aspect-ratio:1;width:70%;height:auto;margin:0 auto 4px}.radio-meter{gap:8px;min-width:0}.s-meter{width:100%;min-width:0;max-width:100%;height:36px;min-height:36px}.radio-power{width:100%;max-width:110px}.tape-console{height:100%}.tape-well{padding:10px 14px}.tape-reels{height:56px}.meter-bank{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:1fr 1fr;align-content:stretch;gap:6px}.tape-counter,.dolby-lamp{grid-column:1/-1}.mechanical-keys{gap:4px}.mechanical-keys button{height:100%;min-height:40px}.side-switch{width:auto;min-width:0}.disc-console{width:100%;height:100%;margin:0}.disc-tray{aspect-ratio:1;justify-self:center;width:100%;max-width:160px;height:auto}.disc-readout{height:auto;min-height:72px;padding:10px 12px}.disc-readout b{font-size:clamp(36px,12cqi,56px)}.mp3-console{height:100%}.pocket-screen{width:100%;height:100%;min-height:0;padding:10px 11px}.pocket-screen>b{margin-top:10px;font-size:12px}.pocket-screen>small{margin-top:6px}.pocket-screen>i{margin-top:12px}.click-wheel{aspect-ratio:1;aspect-ratio:1;justify-self:center;width:min(100%,148px);height:auto}.wheel-center{width:38%;height:38%;top:31%;left:31%}.spectrum{width:84%;height:72px;top:36%;left:8%}.track-overlay{width:100%;padding:6px 14px 4px 16px}.track-overlay>span{margin-bottom:6px}.track-overlay h1{font-size:clamp(28px,9cqi,42px)}.signal-meta{grid-template-columns:42px 1fr;justify-self:stretch;width:100%;padding:2px 16px 6px}.cover-frame{width:42px;height:42px}.signal-meta>div:nth-of-type(2),.signal-meta>div:nth-of-type(3){display:none}.time-ruler{margin:0 16px}.frame-status{padding:0 16px 10px}.playback-panel{flex:none;grid-template-columns:34px 78px 34px minmax(128px,1fr);gap:8px;height:96px;min-height:96px;padding:0 12px}.skip-button{width:34px;height:44px;font-size:20px}.main-play{width:78px;height:78px;font-size:19px}.timeline{grid-template-columns:32px 1fr 32px;column-gap:4px;font-size:7px}.timeline input{height:5px}.timeline input::-webkit-slider-thumb{width:16px;height:16px}.player-drawer,.catalog-panel{height:min(320px,56%);padding:0 10px;position:absolute;bottom:46px}.catalog-panel{grid-template-rows:44px 44px 1fr;height:min(360px,62%)}.catalog-search{grid-template-columns:1fr 64px}.catalog-hits>button{grid-template-columns:36px 1fr auto;gap:8px;min-height:46px;padding:4px}.catalog-hits i{width:36px;height:36px}.catalog-hits b{font-size:12px}.drawer-bar{height:44px}.drawer-bar span,.drawer-bar button:not(:last-child){display:none}.filter-strip{scroll-snap-type:x mandatory;gap:8px;height:148px;margin:0 -10px;padding:0 10px}.filter-strip>button{scroll-snap-align:start;flex-basis:88px}.filter-card{height:78px}.filter-controls{gap:10px;padding-top:14px}.filter-controls label>span{font-size:5px}.filter-controls label input{margin-top:15px}.bottom-nav button{width:50%;font-size:5px}.bottom-nav button span{margin:0 0 4px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dazz-app:before{opacity:.03;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-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}