*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .4s,color .4s}:root,[data-theme=void]{--bg:#000;--text:#fff;--text-dim:#ffffff80;--accent:#a78bfa;--accent-dim:#a78bfa26;--accent-glow:#a78bfa66;--btn-bg:#ffffff0f;--btn-border:#ffffff1a;--btn-hover:#ffffff1a;--pin-color-filter:grayscale(1) sepia(1) hue-rotate(227deg) saturate(2) brightness(1.1)}[data-theme=deep-ocean]{--bg:#0a1628;--text:#c8ddf5;--text-dim:#c8ddf580;--accent:#38bdf8;--accent-dim:#38bdf81f;--accent-glow:#38bdf866;--btn-bg:#38bdf80f;--btn-border:#38bdf826;--btn-hover:#38bdf81f;--pin-color-filter:grayscale(1) sepia(1) hue-rotate(164deg) saturate(3) brightness(1.1)}[data-theme=campfire]{--bg:#1a0e05;--text:#e8d5c0;--text-dim:#e8d5c080;--accent:#f59e0b;--accent-dim:#f59e0b1f;--accent-glow:#f59e0b66;--btn-bg:#f59e0b0f;--btn-border:#f59e0b26;--btn-hover:#f59e0b1f;--pin-color-filter:grayscale(1) sepia(1) hue-rotate(3deg) saturate(4) brightness(1.05)}[data-theme=moonlit-desk]{--bg:#1a1a2e;--text:#e2e8f0;--text-dim:#e2e8f080;--accent:#e2e8f0;--accent-dim:#e2e8f014;--accent-glow:#e2e8f040;--btn-bg:#e2e8f00f;--btn-border:#e2e8f01f;--btn-hover:#e2e8f01a;--pin-color-filter:grayscale(1) brightness(2.5)}[data-theme=greenhouse]{--bg:#0a1a0a;--text:#c8e6c8;--text-dim:#c8e6c880;--accent:#4ade80;--accent-dim:#4ade801f;--accent-glow:#4ade8066;--btn-bg:#4ade800f;--btn-border:#4ade8026;--btn-hover:#4ade801f;--pin-color-filter:grayscale(1) sepia(1) hue-rotate(107deg) saturate(2.5) brightness(1.1)}.timer-container{flex-direction:column;align-items:center;gap:48px;display:flex}.timer-display-wrapper{justify-content:center;align-items:center;width:480px;height:480px;transition:height .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.timer-display-wrapper.idle{height:160px}.progress-ring{opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.progress-ring.active{opacity:.6}.progress-ring-track{stroke:var(--btn-border);opacity:.4;transition:stroke .4s}.progress-ring-fill{stroke:var(--accent);filter:drop-shadow(0 0 4px var(--accent-glow));transition:stroke-dashoffset .3s ease-out,filter .4s}@keyframes tick-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.timer-display{letter-spacing:4px;font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 0 40px var(--accent-glow), 0 0 80px var(--accent-dim);align-items:baseline;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:128px;font-weight:200;transition:text-shadow .4s;display:flex;position:relative}.digit{animation:.2s ease-out tick-down;display:inline-block}.digit-sep{display:inline-block}@keyframes ring-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes text-pulse{0%,to{text-shadow:0 0 50px var(--accent-glow), 0 0 100px var(--accent-dim)}50%{text-shadow:0 0 80px var(--accent-glow), 0 0 140px var(--accent-glow), 0 0 200px var(--accent-dim)}}.timer-controls{align-items:center;gap:16px;display:flex;position:relative}.adjust-btn,.start-btn{cursor:pointer;border-radius:8px;outline:none;font-family:inherit;transition:all .2s}.adjust-btn{color:var(--text-dim);background:var(--btn-bg);border:1px solid var(--btn-border);padding:10px 20px;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:14px;font-weight:500}.adjust-btn:hover:not(:disabled){color:var(--text);background:var(--btn-hover);border-color:var(--accent)}.adjust-btn:disabled{opacity:.3;cursor:not-allowed}.start-btn{color:var(--bg);background:var(--accent);letter-spacing:.5px;border:1px solid #0000;padding:12px 40px;font-size:16px;font-weight:600}.start-btn:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 0 20px var(--accent-glow)}.start-btn:disabled{opacity:.3;cursor:not-allowed}.reset-btn{color:var(--bg);background:var(--accent);letter-spacing:.5px;cursor:pointer;border:1px solid #0000;border-radius:8px;outline:none;padding:12px 48px;font-family:inherit;font-size:16px;font-weight:600;transition:filter .2s,box-shadow .2s;animation:.4s fade-in}.reset-btn:hover{filter:brightness(1.15);box-shadow:0 0 20px var(--accent-glow)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.paused-timer{color:var(--text-dim);letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;margin-top:16px;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:14px;font-weight:400;transition:opacity .3s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.paused-timer.visible{opacity:1}.theme-switcher{background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;color:var(--text-dim);border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:12px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px}.theme-switcher:hover{border-color:var(--accent);color:var(--text)}.theme-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;transition:background .4s}.theme-label{letter-spacing:.5px;text-transform:uppercase;font-weight:500}.pin-btn{background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;z-index:100;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,border-color .2s;display:flex;position:fixed;top:16px;right:16px}.pin-btn__emoji{opacity:.5;filter:var(--pin-color-filter);font-size:15px;line-height:1;transition:opacity .2s,filter .2s}.pin-btn:hover .pin-btn__emoji{opacity:.8}.pin-btn--active{border-color:var(--accent-glow);background:var(--accent-dim)}.pin-btn--active .pin-btn__emoji{opacity:1;filter:var(--pin-color-filter) drop-shadow(0 0 5px var(--accent))}.pin-btn--active:hover .pin-btn__emoji{opacity:1}.app{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:100%;display:flex;position:relative}