:root{--bg-deep:#0a0d1a;--bg-mid:#1a1c3d;--accent-glow:#7a69ed;--accent-warm:#c4a882;--text-primary:#f0edff;--text-secondary:#8785a8;--stop-red:#d95959;--content-width:500px;--font:"Nunito", "Avenir Next", "Segoe UI", ui-rounded, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{font-family:var(--font);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}button{cursor:pointer}.screen{min-height:100%;position:relative;overflow:hidden}.home-scroll{z-index:1;min-height:100%;position:relative;overflow-y:auto}.content{width:min(var(--content-width), 100%);flex-direction:column;gap:32px;margin:0 auto;padding:48px 24px 40px;display:flex}.header{text-align:center}.spark{color:var(--accent-warm);margin-bottom:8px;font-size:22px}.spark.large{font-size:44px}.header h1,.complete-copy h1{margin:0;font-size:34px;font-weight:500}.header p,.complete-copy p{color:var(--text-secondary);margin:8px 0 0;font-size:15px}.duration-preview{text-align:center;letter-spacing:1px;font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--text-primary) 90%, transparent);font-size:56px;font-weight:200}.mode-switch{background:#ffffff0d;border-radius:14px;gap:0;padding:4px;display:flex}.mode-switch button{color:var(--text-secondary);background:0 0;border:0;border-radius:10px;flex:1;padding:12px 8px;font-size:15px;font-weight:500}.mode-switch button.is-selected{color:var(--text-primary);background:color-mix(in srgb, var(--accent-glow) 28%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent-glow) 80%, transparent)}.group{background:#ffffff0a;border-radius:20px;flex-direction:column;gap:14px;padding:18px;display:flex}.group h2{margin:0;font-size:20px;font-weight:500}.group-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.hint{color:color-mix(in srgb, var(--text-secondary) 85%, transparent);margin:0;font-size:13px}.subhead{color:var(--text-secondary);margin:0;font-size:15px;font-weight:500}.empty{color:var(--text-secondary);margin:8px 0}.chip-row,.bowl-row{flex-wrap:wrap;gap:10px;display:flex}.bowl-row{flex-wrap:nowrap}.chip,.pill,.bowl-choice,.save-chip{color:var(--text-secondary);background:#ffffff0d;border:0;border-radius:12px;padding:10px 18px;font-size:16px;font-weight:500}.pill{border-radius:999px;padding:10px 16px;font-size:14px}.chip.is-selected,.pill.is-selected,.bowl-choice.is-selected{color:var(--text-primary);background:color-mix(in srgb, var(--accent-glow) 25%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent-glow) 80%, transparent)}.bowl-choice{text-align:left;flex-direction:column;flex:1;gap:4px;padding:12px 14px;display:flex}.bowl-choice-title{align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.bowl-choice-sub{color:var(--text-secondary);font-size:12px;font-weight:400}.save-chip{color:var(--accent-glow);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent-glow) 60%, transparent);background:0 0;border-radius:999px;padding:8px 12px;font-size:14px}.session-row{background:#ffffff0d;border-radius:12px;align-items:stretch;display:flex;position:relative}.session-row.is-selected{background:color-mix(in srgb, var(--accent-glow) 22%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent-glow) 80%, transparent)}.session-main{color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:4px;padding:12px 14px;display:flex}.session-name{align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.star{color:var(--accent-warm)}.session-summary{color:var(--text-secondary);font-size:13px}.menu-trigger{color:var(--text-secondary);background:0 0;border:0;width:44px;font-size:22px}.menu{z-index:5;background:var(--bg-mid);border-radius:12px;min-width:220px;padding:6px;position:absolute;top:48px;right:8px;box-shadow:0 12px 40px #00000059}.menu button{width:100%;color:var(--text-primary);text-align:left;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:14px;display:block}.menu button:hover{background:#ffffff0f}.menu button.danger,.text-btn.danger{color:var(--stop-red)}.custom-interval{color:var(--text-secondary);align-items:center;gap:10px;display:flex}.mini-field,.text-field{color:var(--text-primary);background:#ffffff0f;border:0;border-radius:10px;padding:10px 12px;font-size:16px}.mini-field{text-align:center;width:72px;font-size:20px;font-weight:500}.text-field{width:100%;margin-top:8px}.color-row{gap:6px;display:flex}.color-swatch{text-align:center;color:var(--text-secondary);flex:1;font-size:10px}.swatch{border-radius:8px;height:36px;margin-bottom:6px}.interval-summary{margin:0;font-size:15px;font-weight:500}.wheel{background:#ffffff0a;border-radius:16px;height:120px;position:relative;overflow:hidden}.wheel-highlight{background:color-mix(in srgb, var(--accent-glow) 10%, transparent);pointer-events:none;height:40px;position:absolute;top:40px;left:0;right:0}.wheel-scroller{scrollbar-width:none;overscroll-behavior:contain;height:120px;overflow-y:auto}.wheel-scroller::-webkit-scrollbar{display:none}.wheel-pad{height:40px}.wheel-item{width:100%;height:40px;color:var(--text-secondary);background:0 0;border:0;font-size:15px;display:block}.wheel-item.is-active{color:var(--text-primary);font-size:18px;font-weight:500}.start-button{width:100%;color:var(--bg-deep);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-warm) 90%, transparent), color-mix(in srgb, var(--accent-glow) 85%, transparent));box-shadow:0 8px 24px color-mix(in srgb, var(--accent-glow) 35%, transparent);border:0;border-radius:16px;padding:18px;font-size:20px;font-weight:600}.starfield,.breathing,.color-bg{pointer-events:none;position:absolute;inset:0}.starfield{background:linear-gradient(180deg, var(--bg-deep), color-mix(in srgb, var(--bg-mid) 60%, transparent))}.starfield canvas{display:block}.breathing{background:var(--bg-deep)}.breathing-glow,.color-glow{background:radial-gradient(circle at center, color-mix(in srgb, var(--accent-glow) 22%, transparent), color-mix(in srgb, var(--bg-mid) 40%, transparent) 42%, transparent 70%);position:absolute;inset:-20%}.breathing.is-animating .breathing-glow,.color-bg.is-animating .color-glow{animation:6s ease-in-out infinite alternate breathe}.color-bg{transition:background-color 1.6s}.color-glow{background:radial-gradient(circle,#ffffff29,#0000 58%)}@keyframes breathe{0%{opacity:.65;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}.active-layout,.complete-layout{z-index:1;flex-direction:column;align-items:center;min-height:100%;display:flex;position:relative}.active-center,.complete-copy{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex}.timer-face{font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:clamp(64px,14vw,96px);font-weight:200}.timer-face.is-running{animation:6s ease-in-out infinite alternate pulse}.timer-face.is-paused{opacity:.55}@keyframes pulse{0%{opacity:1}to{opacity:.92}}.color-caption,.session-remaining{color:var(--text-secondary);margin:8px 0 0}.status-row{color:var(--text-secondary);align-items:center;gap:8px;margin-top:24px;font-size:18px;font-weight:500;display:flex}.status-dot{background:var(--accent-glow);border-radius:50%;width:8px;height:8px}.active-actions,.complete-actions{width:min(var(--content-width), 100%);gap:20px;padding:0 32px 48px;display:flex}.complete-actions{flex-direction:column;gap:14px}.ghost-btn,.stop-btn{border-radius:14px;flex:1;padding:16px;font-size:20px;font-weight:500}.ghost-btn{border:1.5px solid color-mix(in srgb, var(--accent-glow) 70%, transparent);color:var(--text-primary);background:0 0}.ghost-btn.full{width:100%}.stop-btn{color:var(--stop-red);background:#ffffff0d;border:0}.dark-text{color:#14141f}.dark-text .ghost-btn{color:#14141f;border-color:#14141f73}.dark-text .color-caption,.dark-text .session-remaining,.dark-text .status-row{color:#14141f9e}.complete-glow{background:radial-gradient(circle at center, color-mix(in srgb, var(--accent-warm) 22%, transparent), transparent 55%);pointer-events:none;animation:4s ease-in-out infinite alternate pulse;position:absolute;inset:0}.dialog-backdrop{z-index:20;background:#04050c9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-mid);border-radius:18px;width:min(420px,100%);padding:22px}.dialog h2{margin:0 0 12px;font-size:20px;font-weight:600}.dialog-body p{color:var(--text-secondary);margin:0}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.text-btn{color:var(--text-secondary);background:0 0;border:0;padding:8px 12px;font-size:15px;font-weight:600}.text-btn.accent{color:var(--accent-glow)}@media (width<=560px){.content{gap:24px;padding:36px 20px 28px}.duration-preview{font-size:44px}.bowl-row{flex-direction:column}.active-actions{padding:0 20px 32px}}