.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.atmosphere--ember{background:radial-gradient(120% 100% at 20% 0%,#2a2145,#14121f 60%)}.atmosphere--ember .atmosphere__blob--a{background:#d8a657}.atmosphere--ember .atmosphere__blob--b{background:#e2725b}.atmosphere--ember .atmosphere__blob--c{background:#6b4b8a}.atmosphere--aurora{background:radial-gradient(120% 100% at 50% 0%,#131a33,#0d0f1e 60%)}.atmosphere--aurora .atmosphere__blob--a{background:#4fd3a4}.atmosphere--aurora .atmosphere__blob--b{background:#7a63e0}.atmosphere--aurora .atmosphere__blob--c{background:#3aa0c9}.atmosphere--tide{background:radial-gradient(120% 100% at 50% 100%,#0e2a3a,#081722 60%)}.atmosphere--tide .atmosphere__blob--a{background:#2f8f9e}.atmosphere--tide .atmosphere__blob--b{background:#1c5c78}.atmosphere--tide .atmosphere__blob--c{background:#59c3c9}.atmosphere--grove{background:radial-gradient(120% 100% at 30% 0%,#16281c,#0f1712 60%)}.atmosphere--grove .atmosphere__blob--a{background:#e8c98a;opacity:.35}.atmosphere--grove .atmosphere__blob--b{background:#3f6b4a}.atmosphere--grove .atmosphere__blob--c{background:#6f8f5a}.atmosphere--midnight{background:radial-gradient(120% 100% at 50% 0%,#171735,#08070f 60%)}.atmosphere--midnight .atmosphere__blob--a{background:#3a3a6b;opacity:.35}.atmosphere--midnight .atmosphere__blob--b{background:#514a7a;opacity:.3}.atmosphere--midnight .atmosphere__blob--c{background:#262450;opacity:.3}.atmosphere__blob{position:fixed;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform;z-index:1}.atmosphere__blob--a{width:46vw;height:46vw;top:-10%;left:-8%;animation:drift-a 34s ease-in-out infinite}.atmosphere__blob--b{width:38vw;height:38vw;bottom:-12%;right:-6%;animation:drift-b 28s ease-in-out infinite}.atmosphere__blob--c{width:30vw;height:30vw;top:40%;left:55%;animation:drift-c 40s ease-in-out infinite}@keyframes drift-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6vw,8vh) scale(1.15)}}@keyframes drift-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-7vw,-6vh) scale(1.1)}}@keyframes drift-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-4vw,5vh) scale(.9)}}.atmosphere__grain{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay;z-index:1;pointer-events:none}.atmosphere__vignette{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(10,9,16,.55) 100%);z-index:1;pointer-events:none}.atmosphere--video{background:#0a0910}.atmosphere__video-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.atmosphere__video{position:fixed;top:0;left:0;width:100vw;height:100vh;border:none;pointer-events:none;z-index:0}.atmosphere__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(10,9,16,.5) 100%);z-index:2;pointer-events:none}.atmosphere__controls{position:fixed;bottom:20px;left:20px;z-index:100;display:flex;gap:12px;flex-wrap:wrap;align-items:center;pointer-events:auto}.atmosphere__aesthetic-picker{display:flex;gap:8px;background:#14121ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0009;pointer-events:auto}.atmosphere__aesthetic-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000004d;pointer-events:auto;padding:0}.atmosphere__aesthetic-btn:hover{transform:scale(1.15)}.atmosphere__aesthetic-btn--active{border-color:#f2efe9;box-shadow:0 0 12px #ffffff80}.atmosphere__aesthetic-btn--ember{background:linear-gradient(135deg,#d8a657,#e2725b)}.atmosphere__aesthetic-btn--aurora{background:linear-gradient(135deg,#4fd3a4,#7a63e0)}.atmosphere__aesthetic-btn--tide{background:linear-gradient(135deg,#2f8f9e,#0e2a3a)}.atmosphere__aesthetic-btn--grove{background:linear-gradient(135deg,#e8c98a,#3f6b4a)}.atmosphere__aesthetic-btn--midnight{background:linear-gradient(135deg,#3a3a6b,#08070f)}.atmosphere__video-theme-picker{display:flex;gap:8px;background:#14121ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0009;flex-wrap:wrap;max-width:600px;pointer-events:auto}.atmosphere__video-theme-btn{background:#64587899;border:1px solid rgba(255,255,255,.2);color:#f2efe9;font-size:12px;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s ease;font-family:var(--font-body);font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 6px #0000004d;pointer-events:auto}.atmosphere__video-theme-btn:hover{background:#78648ccc;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.atmosphere__video-theme-btn--active{background:#d8a657;color:#14121f;border-color:#d8a657;box-shadow:0 4px 16px #d8a65766;text-shadow:none}.atmosphere__video-picker{display:flex;gap:6px;background:#14121ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0009;pointer-events:auto}.atmosphere__video-btn{background:#64587899;border:1px solid rgba(255,255,255,.2);color:#f2efe9;font-size:13px;padding:7px 11px;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:32px;font-weight:500;box-shadow:0 2px 6px #0000004d;pointer-events:auto}.atmosphere__video-btn:hover{background:#78648ccc;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.atmosphere__video-btn--active{background:#d8a657;color:#14121f;border-color:#d8a657;box-shadow:0 4px 16px #d8a65766}.atmosphere__mute-btn{background:#14121ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);color:#f2efe9;font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080;pointer-events:auto;padding:0}.atmosphere__mute-btn:hover{background:#28233cf2;border-color:#ffffff4d;transform:scale(1.1);box-shadow:0 6px 16px #0009}.atmosphere__mute-btn--muted{opacity:.7}@media (max-width: 480px){.atmosphere__controls{bottom:10px;left:10px;gap:6px}.atmosphere__aesthetic-picker{padding:8px;gap:6px}.atmosphere__aesthetic-btn{width:28px;height:28px}.atmosphere__video-theme-picker{max-width:90vw;padding:8px;gap:6px}.atmosphere__video-theme-btn{font-size:11px;padding:6px 10px}.atmosphere__mute-btn{width:40px;height:40px;font-size:18px}}.timer{display:flex;flex-direction:column;align-items:center;gap:20px}.timer__eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-muted)}.ring{position:relative;width:min(70vw,280px);height:min(70vw,280px);display:flex;align-items:center;justify-content:center}.ring--breathing{animation:breathe 4.6s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.ring__svg{width:100%;height:100%;transform:rotate(-90deg)}.ring__track{fill:none;stroke:#f2efe914;stroke-width:6}.ring__progress{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .9s linear,stroke .6s ease}.ring--work .ring__progress{stroke:var(--brass);filter:drop-shadow(0 0 10px rgba(216,166,87,.45))}.ring--break .ring__progress{stroke:var(--sage);filter:drop-shadow(0 0 10px rgba(143,174,139,.45))}.ring__center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px}.ring__time{font-family:var(--font-mono);font-size:clamp(2.6rem,9vw,3.4rem);font-weight:500;letter-spacing:.02em;font-variant-numeric:tabular-nums}.ring__mode-label{font-family:var(--font-display);font-style:italic;font-size:15px;color:var(--paper-muted)}.timer__controls{display:flex;gap:12px;align-items:center}.btn{border:none;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:500;font-family:var(--font-body);transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--brass);color:var(--ink);padding:12px 30px;box-shadow:0 6px 20px #d8a65740}.btn--primary:hover{background:var(--brass-soft)}.btn--ghost{background:transparent;color:var(--paper-muted);border:1px solid rgba(242,239,233,.16)}.btn--ghost:hover{color:var(--paper);border-color:#f2efe959}.timer__meta{font-family:var(--font-mono);font-size:12px;color:var(--paper-muted);letter-spacing:.04em}.technique{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:520px}.technique__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:5px;border-radius:999px}.technique__tab{background:transparent;border:none;color:var(--paper-muted);font-size:13px;font-family:var(--font-body);padding:8px 16px;border-radius:999px;transition:background .2s ease,color .2s ease}.technique__tab--active{background:var(--brass);color:var(--ink);font-weight:500}.technique__tab:not(.technique__tab--active):hover{color:var(--paper)}.technique__note{font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--paper-muted);text-align:center;margin:0}.technique__custom{display:flex;gap:20px}.technique__custom label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--paper-muted);font-family:var(--font-mono)}.technique__custom input{width:56px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:var(--paper);font-family:var(--font-mono);padding:6px 8px;text-align:center}.spotify-panel{position:fixed;bottom:20px;right:20px;width:300px;background:#211d38d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;z-index:20;box-shadow:0 12px 40px #00000080}.spotify-panel--collapsed{width:auto;padding:10px 16px}.spotify-panel__toggle{background:transparent;border:none;color:var(--paper-muted);font-family:var(--font-mono);font-size:12px;display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}.spotify-panel--collapsed .spotify-panel__toggle{justify-content:flex-start}.spotify-panel__dot{width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 8px var(--sage)}.spotify-panel__body{margin-top:10px;display:flex;flex-direction:column;gap:10px}.spotify-panel__theme-label{font-family:var(--font-mono);font-size:11px;color:var(--paper-muted);margin:0 0 5px;text-align:center}.spotify-panel__body iframe{border-radius:10px}.spotify-panel__custom{display:flex;gap:6px}.spotify-panel__custom input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--paper);font-size:11px;padding:7px 9px;min-width:0}.spotify-panel__custom button{background:#ffffff1a;border:none;color:var(--paper);font-size:11px;padding:0 12px;border-radius:8px}.spotify-panel__error{font-size:11px;color:var(--ember);margin:0}@media (max-width: 480px){.spotify-panel{right:12px;left:12px;width:auto;bottom:12px}}.app{position:relative;min-height:100vh;display:flex;flex-direction:column}.app__header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 28px}.app__mark{font-family:var(--font-display);font-size:18px;letter-spacing:.01em;color:var(--paper)}.app__main{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:20px 20px 100px}@media (max-width: 480px){.app__header{padding:16px 18px}}.app__controls{position:fixed;bottom:20px;left:20px;z-index:100;display:flex;gap:12px;flex-wrap:wrap;align-items:center;pointer-events:auto}.app__aesthetic-picker{display:flex;gap:8px;background:#14121ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0009;pointer-events:auto}.app__aesthetic-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000004d;pointer-events:auto;padding:0}.app__aesthetic-btn:hover{transform:scale(1.15)}.app__aesthetic-btn--active{border-color:#f2efe9;box-shadow:0 0 12px #ffffff80}.app__aesthetic-btn--ember{background:linear-gradient(135deg,#d8a657,#e2725b)}.app__aesthetic-btn--aurora{background:linear-gradient(135deg,#4fd3a4,#7a63e0)}.app__aesthetic-btn--tide{background:linear-gradient(135deg,#2f8f9e,#0e2a3a)}.app__aesthetic-btn--grove{background:linear-gradient(135deg,#e8c98a,#3f6b4a)}.app__aesthetic-btn--midnight{background:linear-gradient(135deg,#3a3a6b,#08070f)}.app__video-theme-picker{display:flex;gap:8px;background:#14121ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0009;flex-wrap:wrap;max-width:600px;pointer-events:auto}.app__video-theme-btn{background:#64587899;border:1px solid rgba(255,255,255,.2);color:#f2efe9;font-size:12px;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s ease;font-family:var(--font-body);font-weight:500;pointer-events:auto}.app__video-theme-btn:hover{background:#78648ccc;color:#fff}.app__video-theme-btn--active{background:#d8a657;color:#14121f;border-color:#d8a657}.app__video-picker{display:flex;gap:6px;background:#14121ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0009;pointer-events:auto}.app__video-btn{background:#64587899;border:1px solid rgba(255,255,255,.2);color:#f2efe9;font-size:13px;padding:7px 11px;border-radius:6px;cursor:pointer;transition:all .2s ease;pointer-events:auto}.app__video-btn:hover{background:#78648ccc;color:#fff}.app__video-btn--active{background:#d8a657;color:#14121f}.app__mute-btn{background:#14121ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);color:#f2efe9;font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080;pointer-events:auto;padding:0;border:none;transition:all .2s ease}.app__mute-btn:hover{background:#28233cf2;transform:scale(1.1)}.app__mute-btn--muted{opacity:.7}:root{--ink: #14121f;--ink-2: #1c1930;--surface: #211d38;--surface-2: #29234480;--paper: #f2efe9;--paper-muted: #9c97ae;--brass: #d8a657;--brass-soft: #e8c98a;--ember: #e2725b;--sage: #8fae8b;--font-display: "Fraunces", "Georgia", serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "Spline Sans Mono", "SF Mono", monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit;cursor:pointer}::selection{background:var(--brass);color:var(--ink)}:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}