@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(./ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(./ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(./ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(./ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:DM Sans Variable,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:IBM Plex Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{color-scheme:dark;--ring: #e8aa62}*{-webkit-tap-highlight-color:transparent}html{background-color:#211c2a}body{--tw-bg-opacity: 1;background-color:rgb(33 28 42 / var(--tw-bg-opacity, 1));font-family:DM Sans Variable,system-ui,sans-serif;--tw-text-opacity: 1;color:rgb(246 233 210 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-moz-selection{background:#e8aa62;color:#211c2a}::selection{background:#e8aa62;color:#211c2a}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.page-shell{width:100%;max-width:1480px;margin-inline:auto;padding-inline:14px}@media(min-width:700px){.page-shell{padding-inline:20px}}@media(min-width:1024px){.page-shell{padding-inline:28px}}.site-header{display:flex;height:68px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(81,68,93,.45)}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:38px;height:38px;flex:none}.brand-word{font-family:Fraunces Variable,Georgia,serif;--tw-text-opacity: 1;color:rgb(246 233 210 / var(--tw-text-opacity, 1));font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1}.brand-status{display:inline-flex;align-items:center;gap:7px;margin-left:4px;padding-left:4px}.brand-status-dot{width:7px;height:7px;border-radius:999px;background:#8fa489;box-shadow:0 0 0 3px #8fa4891f;flex:none}.brand-status-text{--tw-text-opacity: 1;color:rgb(185 170 194 / var(--tw-text-opacity, 1));font-size:12px;line-height:1;letter-spacing:.005em}@media(max-width:759px){.brand-status-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.help-button{display:inline-flex;min-height:44px;align-items:center;gap:7px;border-radius:12px;border:1px solid #51445d;background:#2d263799;padding:0 12px;font-size:13px;font-weight:500;color:#dfc9a9;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.help-button:hover{border-color:#8d7a99;color:#f6e9d2;background:#2d2637e6}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:28px 0 24px}.intro-main{min-width:0}.eyebrow{font-family:IBM Plex Mono,monospace;--tw-text-opacity: 1;color:rgb(223 201 169 / var(--tw-text-opacity, 1));margin-bottom:10px;font-size:10.5px;font-weight:500;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.intro-title{font-family:Fraunces Variable,Georgia,serif;--tw-text-opacity: 1;color:rgb(246 233 210 / var(--tw-text-opacity, 1));max-width:21ch;font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.04;letter-spacing:-.025em}.intro-support{--tw-text-opacity: 1;color:rgb(185 170 194 / var(--tw-text-opacity, 1));flex:none;padding-bottom:6px;font-size:14px;line-height:1.5;text-align:right}@media(max-width:759px){.intro{flex-direction:column;align-items:flex-start;gap:10px;padding-top:24px}.intro-title{max-width:100%;font-size:36px}.intro-support{padding-bottom:0;text-align:left}.eyebrow{font-size:10px;letter-spacing:.13em}}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:stretch}@media(min-width:980px){.workspace{grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr)}}.scene-card{position:relative;isolation:isolate;width:100%;min-width:0;height:100%;min-height:520px;aspect-ratio:16 / 10;overflow:hidden;border-radius:24px;border:1px solid #51445d;background:linear-gradient(to bottom,#4b3e57 0% 68%,#382728 68% 100%);box-shadow:0 20px 60px #15101966}.scene-svg{position:absolute;inset:0;display:block;width:100%;height:100%}@media(max-width:979px){.scene-card{height:auto}}@media(max-width:599px){.scene-card{aspect-ratio:4 / 3;min-height:0}}.scene-bar{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px;pointer-events:none}.scene-stack{display:flex;min-width:0;flex-direction:column;gap:8px;align-items:flex-start;pointer-events:auto}.scene-caption{display:inline-flex;align-items:center;gap:9px;border-radius:999px;border:1px solid rgba(246,233,210,.08);background:#211c2ad9;padding:8px 13px;color:#f6e9d2}.scene-caption-name{font-size:12px;font-weight:600;letter-spacing:.005em;white-space:nowrap}.scene-caption-status{display:inline-flex;align-items:center;gap:5px;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:#b9aac2;white-space:nowrap}.scene-caption-dot{width:5px;height:5px;border-radius:999px;background:#8fa489;flex:none}.scene-error{max-width:min(100%,380px);border-radius:12px;border:1px solid rgba(216,115,80,.45);background:#211c2ad9;padding:8px 12px;font-size:11.5px;line-height:1.4;color:#f0b9a0}.listen-button{pointer-events:auto;display:inline-flex;min-height:44px;flex:none;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:#e8aa62;padding:0 16px;font-size:13.5px;font-weight:600;color:#211c2a;box-shadow:0 6px 18px #0000004d;transition:background-color .15s ease,transform .15s ease}.listen-button:hover:not(:disabled){background:#f0bc7f}.listen-button:active:not(:disabled){transform:translateY(1px)}.listen-button:disabled{opacity:.85}.listen-label{animation:label-fade .12s ease-out both}@media(max-width:599px){.scene-bar{left:12px;right:12px;bottom:12px}.scene-caption{flex-direction:column;align-items:flex-start;gap:3px;border-radius:14px;padding:7px 11px}.scene-caption-name{font-size:11px}.scene-caption-status{font-size:9px}.listen-button{padding:0 13px;font-size:12.5px;gap:6px}}.mixer-panel{display:flex;height:100%;flex-direction:column;border-radius:20px;border:1px solid #51445d;background:#2d2637;padding:20px}.panel-head{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px}.panel-title{font-family:DM Sans Variable,system-ui,sans-serif;--tw-text-opacity: 1;color:rgb(246 233 210 / var(--tw-text-opacity, 1));font-size:15px;font-weight:600;letter-spacing:-.005em}.text-button{display:inline-flex;min-height:44px;align-items:center;gap:5px;border-radius:10px;padding:0 6px;font-size:12.5px;font-weight:500;color:#b9aac2;transition:color .15s ease,background-color .15s ease}.text-button:hover{color:#f6e9d2;background:#f6e9d20d}.mixer-list{display:flex;flex-direction:column;gap:12px;padding-top:8px}.mixer-row{display:grid;min-height:58px;grid-template-columns:112px 44px minmax(0,1fr) 42px;grid-template-areas:"label mute range value";align-items:center;-moz-column-gap:8px;column-gap:8px}.mixer-label{grid-area:label;display:inline-flex;min-width:0;align-items:center;gap:7px;font-size:13.5px;font-weight:500;color:#f6e9d2}.mixer-label-icon{flex:none;color:#b9aac2}.mixer-mute{grid-area:mute;display:inline-flex;height:44px;width:44px;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;color:#b9aac2;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.mixer-mute:hover{border-color:#51445d;background:#f6e9d20d;color:#f6e9d2}.mixer-mute[data-muted=true]{color:#d87350}.mixer-range{grid-area:range}.mixer-value{grid-area:value;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:400;font-variant-numeric:tabular-nums;text-align:right;color:#b9aac2}@media(max-width:600px){.mixer-row{grid-template-columns:minmax(0,1fr) 44px 42px;grid-template-areas:"label mute value" "range range range";row-gap:8px;padding-block:2px}.mixer-list{gap:14px;padding-top:6px}.mixer-label{padding-left:2px}.mixer-value{padding-right:2px}}.panel-divider{height:1px;margin:12px 0;background:#51445d;flex:none}.level-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer}.level-range::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(to right,#e8aa62 0%,#e8aa62 var(--fill, 0%),#51445d var(--fill, 0%),#51445d 100%)}.level-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7.5px;border-radius:999px;border:1.5px solid #211c2a;background:#f6e9d2;box-shadow:0 2px 5px #0006}.level-range::-moz-range-track{height:5px;border-radius:999px;background:#51445d}.level-range::-moz-range-progress{height:5px;border-radius:999px;background:#e8aa62}.level-range::-moz-range-thumb{width:18px;height:18px;border-radius:999px;border:1.5px solid #211c2a;background:#f6e9d2}.level-range:focus-visible{outline:2px solid #e8aa62;outline-offset:3px;border-radius:999px}.listen-button:focus-visible,.timer-start:focus-visible,.dialog-primary:focus-visible{outline-color:#f6e9d2}.timer-head{display:flex;min-height:20px;align-items:center;justify-content:space-between;gap:12px}.timer-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.01em;color:#f6e9d2}.timer-title svg{color:#e8aa62}.timer-status{max-width:72%;font-size:10.5px;line-height:1.25;text-align:right;color:#b9aac2;transition:color .2s ease}.timer-status[data-complete=true]{color:#e8aa62}.timer-body{display:flex;min-height:96px;align-items:center;gap:16px}.timer-ring-wrap{position:relative;width:92px;height:92px;flex:none}.timer-ring{transition:stroke-dashoffset .2s linear}.timer-time{position:absolute;inset:0;display:grid;place-items:center;font-family:Fraunces Variable,Georgia,serif;font-size:21px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#f6e9d2}.timer-actions{display:flex;min-width:0;flex:1;flex-direction:column;gap:8px}.timer-durations{display:flex;flex-wrap:wrap;gap:8px}.duration-button{min-width:58px;min-height:44px;padding:0 9px;border-radius:12px;border:1px solid #51445d;background:transparent;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;color:#b9aac2;transition:border-color .12s ease,color .12s ease,background-color .12s ease}.duration-button:hover:not(:disabled){border-color:#8d7a99;color:#f6e9d2}.duration-button[aria-pressed=true]{border-color:#e8aa62;background:#e8aa621a;color:#f6e9d2}.duration-button:disabled{opacity:.45}.timer-buttons{display:flex;align-items:center;gap:8px}.timer-start{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:6px;border-radius:12px;background:#e8aa62;padding:0 13px;font-size:12.5px;font-weight:600;color:#211c2a;transition:background-color .12s ease,transform .12s ease}.timer-start:hover{background:#f0bc7f}.timer-start:active{transform:translateY(1px)}.timer-reset{display:inline-grid;height:44px;width:44px;place-items:center;border-radius:10px;border:1px solid #51445d;color:#b9aac2;transition:color .12s ease,border-color .12s ease}.timer-reset:hover{border-color:#8d7a99;color:#f6e9d2}@media(max-width:599px){.timer-body{gap:12px}.timer-status{max-width:64%;font-size:10px}.duration-button{min-width:54px;padding:0 8px}}.shelf{margin-top:40px}.shelf-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:16px}.shelf-title{font-family:Fraunces Variable,Georgia,serif;--tw-text-opacity: 1;color:rgb(246 233 210 / var(--tw-text-opacity, 1));font-size:25px;font-weight:600;letter-spacing:-.022em;line-height:1.15}.shelf-note{font-size:13px;color:#b9aac2}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:767px){.shelf{margin-top:32px}.preset-grid{grid-template-columns:minmax(0,1fr)}.shelf-title{font-size:22px}}.preset-card{display:flex;flex-direction:column;gap:6px;border-radius:16px;border:1px solid #51445d;background:#2d2637;padding:18px;text-align:left;transition:transform .15s ease,background-color .15s ease}.preset-card:hover{border-color:#806d8c;transform:translateY(-2px)}.preset-card[aria-pressed=true]{border-color:#e8aa62}.preset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.preset-name{font-size:15px;font-weight:600;color:#f6e9d2}.preset-copy{display:block;min-height:2.9em;font-size:12.5px;line-height:1.45;color:#b9aac2}.current-pill{display:inline-flex;flex:none;align-items:center;gap:4px;border-radius:999px;background:#e8aa6224;padding:3px 7px;font-family:IBM Plex Mono,monospace;font-size:8.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#e8aa62}.current-pill-dot{width:4px;height:4px;border-radius:999px;background:#e8aa62}.preset-bars{display:flex;flex-direction:column;gap:5px;margin-top:8px}.preset-bar-row{display:flex;align-items:center;gap:8px}.preset-bar-label{width:40px;flex:none;font-family:IBM Plex Mono,monospace;font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;color:#b9aac2;opacity:.9}.preset-bar-track{height:4px;flex:1;overflow:hidden;border-radius:999px;background:#51445d}.preset-bar-fill{display:block;height:100%;border-radius:999px}.saved-shelf{margin-top:20px;border-radius:20px;border:1px solid #51445d;background:#211c2a59;padding:20px}.saved-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.saved-title{font-size:15px;font-weight:600;color:#f6e9d2}.save-mix-button{display:inline-flex;min-height:44px;align-items:center;gap:6px;border-radius:12px;border:1px solid rgba(232,170,98,.55);padding:0 12px;font-size:12.5px;font-weight:600;color:#e8aa62;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.save-mix-button:hover:not(:disabled){border-color:#e8aa62;background:#e8aa621a}.save-mix-button:disabled{opacity:.45;cursor:not-allowed}.saved-full{margin-top:10px;font-size:12px;line-height:1.4;color:#e8aa62}.saved-empty{margin-top:12px;font-size:13px;color:#b9aac2}.saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}@media(max-width:767px){.saved-shelf{padding:16px}.saved-grid{grid-template-columns:minmax(0,1fr)}}.saved-mix{border-radius:12px;border:1px solid #51445d;background:#251f2f;padding:11px 12px;transition:opacity .16s ease}.saved-mix.is-removing{opacity:0;pointer-events:none}.saved-mix-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.saved-mix-name{min-width:0;padding-top:3px;font-size:13px;font-weight:600;line-height:1.35;color:#f6e9d2;overflow-wrap:anywhere}.saved-mix-actions{display:flex;flex:none;align-items:center;gap:8px}.mini-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:10px;padding:0 10px;font-size:12px;font-weight:500;color:#dfc9a9;transition:background-color .15s ease,color .15s ease}.mini-button:hover{background:#f6e9d20f;color:#f6e9d2}.icon-button{display:inline-grid;height:44px;width:44px;place-items:center;border-radius:10px;border:1px solid transparent;color:#b9aac2;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.icon-button:hover{border-color:#51445d;background:#f6e9d20d;color:#f6e9d2}.saved-mix-bars{display:flex;align-items:flex-end;gap:3px;height:22px;margin-top:8px}.saved-mix-bar{width:6px;border-radius:2px;min-height:3px}.saved-mix-delete{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;border-top:1px solid rgba(81,68,93,.8);padding-top:8px;font-size:12px;color:#b9aac2}.confirm-delete{display:inline-flex;min-height:44px;align-items:center;border-radius:10px;padding:0 10px;font-size:12px;font-weight:600;color:#f0a58c;transition:background-color .15s ease}.confirm-delete:hover{background:#d873501f}.cancel-delete{display:inline-flex;min-height:44px;align-items:center;border-radius:10px;padding:0 10px;font-size:12px;color:#b9aac2}.cancel-delete:hover{color:#f6e9d2}.dialog-scrim{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#211c2ab3;animation:scrim-in .18s ease-out both}.dialog-panel{position:relative;width:100%;max-height:min(88vh,760px);overflow-y:auto;border-radius:20px;border:1px solid #51445d;background:#2d2637;padding:24px;box-shadow:0 30px 80px #00000080;animation:dialog-in .18s ease-out both}.dialog-panel--save{max-width:420px}.dialog-panel--help{max-width:480px}.dialog-title{font-family:Fraunces Variable,Georgia,serif;--tw-text-opacity: 1;color:rgb(246 233 210 / var(--tw-text-opacity, 1));max-width:14ch;font-size:25px;font-weight:600;line-height:1.12;letter-spacing:-.022em}.help-steps{margin-top:20px;border-top:1px solid #51445d}.help-step{display:flex;gap:14px;border-bottom:1px solid rgba(81,68,93,.7);padding:16px 0}.help-step-number{width:24px;flex:none;padding-top:2px;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;color:#e8aa62}.help-step-title{font-size:14px;font-weight:600;color:#f6e9d2}.help-step-body{margin-top:4px;font-size:13px;line-height:1.55;color:#b9aac2}.help-note{margin:16px 0 20px;font-size:11.5px;line-height:1.6;color:#b9aac2;opacity:.85}.dialog-close-button{display:inline-flex;min-height:44px;width:100%;align-items:center;justify-content:center;gap:7px;border-radius:12px;border:1px solid #51445d;font-size:13px;font-weight:600;color:#f6e9d2;transition:border-color .15s ease,background-color .15s ease}.dialog-close-button:hover{border-color:#8d7a99;background:#f6e9d20d}.field-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:#dfc9a9}.text-input{width:100%;min-height:44px;border-radius:12px;border:1px solid #51445d;background:#211c2a99;padding:0 12px;font-size:14px;color:#f6e9d2;transition:border-color .15s ease}.text-input::-moz-placeholder{color:#b9aac2;opacity:.55}.text-input::placeholder{color:#b9aac2;opacity:.55}.text-input:focus{border-color:#e8aa62;outline:none}.field-hint{margin-top:6px;font-size:11px;line-height:1.4;color:#b9aac2}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-cancel{display:inline-flex;min-height:44px;align-items:center;border-radius:12px;padding:0 14px;font-size:13px;font-weight:500;color:#b9aac2}.dialog-cancel:hover{color:#f6e9d2}.dialog-primary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:6px;border-radius:12px;background:#e8aa62;padding:0 16px;font-size:13px;font-weight:600;color:#211c2a;transition:background-color .15s ease,opacity .15s ease}.dialog-primary:hover:not(:disabled){background:#f0bc7f}.dialog-primary:disabled{opacity:.4;cursor:not-allowed}.toast{position:fixed;left:50%;bottom:24px;z-index:70;display:flex;width:-moz-max-content;width:max-content;max-width:calc(100vw - 28px);align-items:center;gap:8px;transform:translate(-50%);border-radius:999px;border:1px solid #51445d;background:#2d2637;padding:12px 18px;font-size:13px;color:#f6e9d2;box-shadow:0 12px 40px #00000073;animation:toast-in .18s ease-out both;pointer-events:none}.toast-dot{width:6px;height:6px;flex:none;border-radius:999px;background:#8fa489}@media(max-width:599px){.dialog-scrim{padding:12px}.dialog-panel{padding:20px}.dialog-title{font-size:23px}.toast{bottom:16px;font-size:12.5px}}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;border-top:1px solid #51445d;padding:28px 0}.footer-left{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.footer-brand{font-family:Fraunces Variable,Georgia,serif;--tw-text-opacity: 1;color:rgb(246 233 210 / var(--tw-text-opacity, 1));font-size:16px;font-weight:600;letter-spacing:-.01em}.footer-tagline{font-size:13px;color:#b9aac2}.footer-right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2px 14px;font-size:12px;line-height:1.5;color:#b9aac2;text-align:right}.footer-credit{display:inline-flex;min-height:44px;align-items:center;color:#b9aac2;font-size:13px;text-decoration:underline;text-decoration-color:#b9aac259;text-underline-offset:3px;transition:color .15s ease}.footer-credit:hover{color:#f6e9d2}@media(max-width:767px){.site-footer{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0;margin-top:36px}.footer-right{justify-content:flex-start;text-align:left}.footer-credit{font-size:14px}}.intro-reveal{animation:fade-in .3s ease-out both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.mt-5{margin-top:1.25rem}.table{display:table}.hidden{display:none}.h-full{height:100%}.min-h-0{min-height:0px}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-0{min-width:0px}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lowercase{text-transform:lowercase}.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)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes label-fade{0%{opacity:.2}to{opacity:1}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.scene-fade-opacity{transition:opacity .22s ease}.scene-fade{transition:opacity .22s ease,transform .22s ease}.rain-layer{animation:rain-fall var(--rain-duration, 4s) linear infinite;will-change:transform}.rain-layer--b{animation-delay:-1.05s}.rain-layer--c{animation-delay:-2.1s}.rain-layer.is-still{animation-play-state:paused}@keyframes rain-fall{0%{transform:translateY(0)}to{transform:translateY(330px)}}.rain-drop{animation:drop-creep 15s ease-in infinite;will-change:transform,opacity}@keyframes drop-creep{0%{transform:translateY(0);opacity:0}8%{opacity:.9}70%{opacity:.75}to{transform:translateY(56px);opacity:0}}.steam{transform-box:fill-box;transform-origin:50% 100%;animation:steam-rise var(--steam-duration, 4s) ease-in-out infinite}.steam--b{animation-delay:-1.4s}@keyframes steam-rise{0%,to{transform:translateY(0) scaleY(.97);opacity:.4}50%{transform:translateY(-7px) scaleY(1.04);opacity:.9}}.flame{transform-box:fill-box;transform-origin:50% 100%;animation:flame-flicker .9s ease-in-out infinite alternate;will-change:transform}.flame--a{animation-duration:1.18s}.flame--b{animation-duration:.88s;animation-delay:-.32s}.flame--c{animation-duration:.72s;animation-delay:-.17s}@keyframes flame-flicker{0%{transform:scaleX(.97) scaleY(.96) skew(-1.2deg)}to{transform:scaleX(1.02) scaleY(1.05) skew(1.4deg)}}.vinyl-disc{transform-box:fill-box;transform-origin:center;animation:vinyl-spin 1.8s linear infinite;will-change:transform}.vinyl-disc.is-still{animation-play-state:paused}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.tonearm{transform-box:fill-box;transform-origin:100% 100%;animation:tonearm-bob 3.8s ease-in-out infinite alternate}.tonearm.is-still{animation-play-state:paused}@keyframes tonearm-bob{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.2deg)}}.bird{transform-box:fill-box;transform-origin:50% 100%;animation:bird-hop 5s ease-in-out infinite;will-change:transform}.bird--b{animation-duration:7s;animation-delay:-2.4s}@keyframes bird-hop{0%,8%,16%,to{transform:translateY(0) rotate(0)}4%{transform:translateY(-4px) rotate(-2deg)}12%{transform:translateY(-2px) rotate(1.5deg)}}.birds-off .bird{animation-play-state:paused}.leaf{transform-box:fill-box;transform-origin:50% 100%;animation:leaf-sway 7.5s ease-in-out infinite alternate;will-change:transform}@keyframes leaf-sway{0%{transform:rotate(-2.4deg)}to{transform:rotate(2.6deg)}}.spoon-glint{opacity:0;animation:glint 4s linear infinite}@keyframes glint{0%,88%,to{opacity:0}91%{opacity:.95}94%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.rain-layer,.rain-drop,.steam,.flame,.vinyl-disc,.tonearm,.bird,.leaf,.spoon-glint,.intro-reveal,.dialog-scrim,.dialog-panel,.toast,.listen-label{animation:none!important}.rain-layer{transform:none!important}.preset-card:hover{transform:none}.timer-ring{transition:none!important}}