*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#3a3a42;background:#1a1218;min-height:100dvh;margin:0;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;overflow:hidden}#root{min-height:100dvh}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #7b4db8}.app{background:#1a1218;min-height:100dvh;position:relative;overflow:hidden}.scene-viewport{z-index:0;background:#1a1218;position:fixed;inset:0;overflow:hidden}.scene-cover{position:absolute;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff0f}.scene-media{object-fit:fill;object-position:center center;opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.scene-media.is-visible{opacity:1;visibility:visible;z-index:1}.scene-media.is-front{z-index:2}.clock-face{z-index:4;pointer-events:none;box-sizing:border-box;backface-visibility:hidden;isolation:isolate;opacity:1;background:#000;border-radius:.12em;justify-content:center;align-items:center;padding:0 1%;display:flex;overflow:hidden;box-shadow:inset 0 0 0 2px #000;container:clock-face/size}.clock-face:before{content:"";z-index:0;pointer-events:none;background:#000;position:absolute;inset:-2px}.clock-face__text{z-index:1;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#ff2b2b;text-shadow:0 0 4px #ff2828f2,0 0 10px #ff00008c,0 0 18px #ff3c3c59;font-family:Share Tech Mono,Courier New,monospace;font-size:clamp(.85rem,78cqh,5rem);font-weight:700;line-height:1;position:relative;transform:translateY(1%)}.clock-face.is-running .clock-face__text{color:#f33}.clock-face.is-paused .clock-face__text{color:#ff7a7a;opacity:.75;text-shadow:0 0 4px #ff505080}.clock-hit{z-index:5;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:0;position:absolute}.clock-hit:focus-visible{outline-offset:2px;background:#ffffff0f;outline:2px solid #f5a3c0e6}.clock-hit:hover{background:#ffffff0a}.clock-panel{z-index:6;-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:#fff8fce0;border:1px solid #ffffffbf;border-radius:18px;flex-direction:column;gap:.65rem;width:min(300px,78vw);padding:.85rem .95rem 1rem;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:28%;left:52%;transform:translateY(8px)scale(.96);box-shadow:0 12px 36px #28143247,0 2px 8px #f5a3c040}.clock-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.clock-panel__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.clock-panel__title{color:#4a3a52;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.sparks{color:#5a4a6a;background:#ffffffbf;border:1px solid #f5a3c08c;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.85rem;font-weight:700;display:flex}.sparks-icon{color:#e8c547}.sparks-count{font-variant-numeric:tabular-nums}.phase-hint{color:#6a5a72;text-align:center;margin:0;font-size:.82rem;font-weight:600}.presets{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.preset-btn{color:#4a4a52;cursor:pointer;background:#f0e8f2;border:2px solid #0000;border-radius:12px;padding:.5rem .25rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s,transform .12s}.preset-btn:hover{background:#e8d4f0;transform:translateY(-1px)}.preset-btn.is-active{color:#5a3a62;background:linear-gradient(135deg,#fce4ec,#e3f0fb);border-color:#f5a3c0}.custom-row{align-items:center;gap:.45rem;display:flex}.custom-row label{color:#5a4a62;font-size:.82rem;font-weight:700}.custom-row input{color:#3a3a42;background:#fff;border:2px solid #e0d4e8;border-radius:10px;flex:1;min-width:0;padding:.45rem .6rem;font-family:inherit;font-size:.95rem;font-weight:700}.custom-row input:focus{border-color:#7eb8e8;outline:none;box-shadow:0 0 0 3px #7eb8e859}.actions{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;font-weight:800;transition:transform .12s,box-shadow .12s,background .15s}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(135deg,#f5a3c0 0%,#e88ab0 40%,#7eb8e8 100%);box-shadow:0 4px 14px #f5a3c066}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #7eb8e866}.btn-secondary{color:#fff;background:#7b4db8;box-shadow:0 4px 12px #7b4db847}.btn-ghost{color:#5a4a62;background:#ffffffeb;border:2px solid #e0d4e8}.btn-ghost:hover{background:#f8f0f8}.btn-danger{color:#fff;background:#d45a7a}.btn-close-panel{width:100%;margin-top:.15rem}.toggles{flex-wrap:wrap;justify-content:center;gap:.65rem 1rem;display:flex}.toggle-row{color:#5a4a62;cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.toggle-row input{accent-color:#7b4db8;width:1rem;height:1rem}.snooze-note{color:#7b4db8;text-align:center;margin:0;font-size:.85rem;font-weight:600}.chrome{z-index:8;pointer-events:none;justify-content:center;padding:.65rem 1rem;display:flex;position:fixed;top:0;left:0;right:0}.chrome-hint{color:#fff8fce0;-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 2px #00000040;background:#3a283c59;border:1px solid #ffffff2e;border-radius:999px;padding:.35rem .85rem;font-size:.75rem;font-weight:700}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#3a3a4273;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fffafc;border:2px solid #f5a3c0;border-radius:20px;width:100%;max-width:360px;padding:1.35rem;box-shadow:0 20px 50px #0003}.modal h2{color:#3a3a42;margin:0 0 .5rem;font-size:1.2rem}.modal p{color:#6a5a72;margin:0 0 1.1rem;font-weight:600}.modal .actions{justify-content:flex-end}@media (width<=640px){.clock-panel{width:min(320px,90vw);top:52%;bottom:auto;left:50%;transform:translate(-50%)translateY(8px)scale(.96)}.clock-panel.is-open{transform:translate(-50%)translateY(0)scale(1)}.presets{grid-template-columns:repeat(4,1fr)}.chrome-hint{font-size:.7rem}}@media (height<=520px) and (orientation:landscape){.clock-panel{max-height:84dvh;top:8%;bottom:auto;left:62%;overflow-y:auto}}.calibrate-layer{z-index:20;cursor:crosshair;touch-action:none;position:absolute;inset:0}.calibrate-banner{z-index:30;color:#e8ffe8;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#140e18d1;border:1px solid #78ffa073;border-radius:12px;max-width:min(560px,92vw);padding:.5rem .9rem;font-size:.82rem;font-weight:700;line-height:1.35;position:fixed;top:.65rem;left:50%;transform:translate(-50%)}.calibrate-dot{z-index:21;pointer-events:none;background:#5dff8a;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 8px #3cff78d9}.calibrate-quad{z-index:21;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.calibrate-panel{z-index:30;pointer-events:auto;background:#fff8fceb;border:1px solid #50c8788c;border-radius:14px;flex-direction:column;gap:.45rem;width:min(320px,42vw);max-height:min(48vh,420px);padding:.65rem .75rem;display:flex;position:fixed;inset:3.4rem auto auto .65rem;overflow:auto;transform:none;box-shadow:0 10px 28px #140a1e47}@media (width<=720px){.calibrate-panel{width:min(300px,88vw);max-height:40vh;top:3.6rem;left:.5rem}}.calibrate-panel__title{color:#3a4a3a;font-size:.9rem;font-weight:800}.calibrate-panel pre{color:#9dffb8;background:#1a1218;border-radius:10px;max-height:5.5rem;margin:0;padding:.55rem .65rem;font-family:ui-monospace,Share Tech Mono,monospace;font-size:.72rem;line-height:1.35;overflow:auto}.calibrate-panel .actions{justify-content:flex-start}.calibrate-status{color:#5a6a5a;margin:0;font-size:.8rem;font-weight:600}