@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--bg:#07080c;--bg-glow:#1c1408;--panel:#12141c;--panel-line:#e8dcc414;--text:#ece6d8;--muted:#9a927f;--amber:#e8a54b;--amber-deep:#b56a1e;--danger:#e07a6a;--radius:18px;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Zen Kaku Gothic New,Hiragino Sans,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(ellipse 90% 45% at 50% -8%, var(--bg-glow), transparent 55%), var(--bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}#root{min-height:100dvh}.app{width:min(440px,100%);padding:max(28px, env(safe-area-inset-top)) 20px max(36px, env(safe-area-inset-bottom));margin:0 auto}.hero h1{letter-spacing:.04em;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:3.4rem;font-weight:500;line-height:1}.eyebrow{color:var(--amber);letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem}.lede{color:var(--muted);margin:14px 0 0;font-size:.92rem}.readout{text-align:center;margin:28px 0 8px}.readout__tone{letter-spacing:.06em;margin:0;font-size:2.4rem;font-weight:500;line-height:1.15}.readout__band{color:var(--muted);margin:10px 0 16px;font-size:.88rem}.spectrum{background:#ffffff05;border-radius:10px;width:100%;height:52px;display:block}.play-row{justify-items:center;gap:10px;margin:22px 0 28px;display:grid}.play-button{min-width:168px;color:var(--amber);cursor:pointer;background:#201810;border:0;border-radius:999px;align-items:center;gap:10px;padding:16px 28px;display:inline-flex;box-shadow:inset 0 0 0 1px #e8a54b47}.play-button.is-playing{background:var(--amber);color:#1a1208;box-shadow:0 0 0 8px #e8a54b1f,0 18px 40px #b56a1e47}.play-button__icon{place-items:center;display:grid}.timer-remain{color:var(--amber);font-variant-numeric:tabular-nums;margin:0}.panel{border:1px solid var(--panel-line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 88%, black);margin-bottom:16px;padding:18px 16px 16px}.slider-field{gap:8px;margin-bottom:18px;display:grid}.panel .slider-field:last-child{margin-bottom:0}.slider-field__head{justify-content:space-between;gap:12px;font-size:.86rem;display:flex}.slider-field__value{color:var(--amber);font-variant-numeric:tabular-nums}.slider-field input[type=range]{width:100%;accent-color:var(--amber)}.slider-field__hints{color:var(--muted);justify-content:space-between;font-size:.74rem;display:flex}.segmented{border:0;margin:0 0 8px;padding:0}.segmented legend,.presets__label{margin-bottom:8px;font-size:.86rem}.segmented__row,.chip-row{flex-wrap:wrap;gap:8px;display:flex}.segmented__row button,.chip{color:var(--text);cursor:pointer;background:#1a1c24;border:0;border-radius:999px}.segmented__row button{flex:auto;padding:10px 8px;font-size:.86rem}.segmented__row--colors button{flex:calc(33.33% - 8px)}.segmented__row button.is-active,.chip.is-active{background:var(--amber);color:#1a1208}.hint,.status,.foot{color:var(--muted);font-size:.8rem}.hint{margin:10px 0 12px}.status{margin:8px 0 0}.status.error{color:var(--danger)}.presets{margin:4px 0 16px}.chip{padding:8px 14px;font-size:.84rem}.toggle{align-items:center;gap:10px;margin-top:14px;font-size:.92rem;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--amber)}.foot{margin:8px 4px 0}