:root{--bg:transparent;--surface-1:#14171ef5;--surface-2:#1e232ffa;--border-color:#4d566d73;--track-color:#1e2230;--text-primary:#e8eaf0;--text-secondary:#a0a6b8;--text-muted:#5c6378;--accent:#28c840;--red:#ff4055}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:0 0;height:100%}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;place-items:center;font-family:Outfit,sans-serif;display:grid;overflow:hidden}.app{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.widget-shell{border:1px solid var(--border-color);cursor:default;background:linear-gradient(#2a2f3deb,#141820f7),radial-gradient(circle,#28c8400f,#0000 48%);border-radius:18px;width:min(100%,100% - 30px);min-width:0;height:min(100%,100% - 30px);min-height:0;margin:15px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.widget-header{z-index:1;align-items:flex-start;display:flex;position:absolute;inset:2px 6px auto}.widget-stats{align-items:flex-start;gap:.7rem;margin-left:10px;display:flex}.widget-stats-hidden{opacity:0;width:1px;height:1px}.widget-stats-label{color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.25rem;font-family:Outfit,sans-serif;font-size:clamp(.45rem,3.5vw,.85rem);line-height:1;display:inline-flex}.widget-stats-num{font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;min-width:2.4ch;display:inline-block}.widget-stats-num:hover{color:var(--text-secondary)}.widget-stats-edit{border:none;border-bottom:1px solid var(--text-muted);width:2.4ch;min-width:2.4ch;color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:left;background:0 0;outline:none;padding:0;font-family:Outfit,sans-serif;font-size:clamp(.45rem,3.5vw,.85rem);line-height:1}.widget-actions{opacity:0;pointer-events:none;align-items:center;gap:.35rem;transition:opacity .18s,transform .18s;display:flex;transform:translateY(-2px)}.widget-actions-zone{justify-content:flex-end;align-items:flex-start;width:auto;height:28px;margin-left:auto;display:flex}.widget-actions-zone:hover .widget-actions,.widget-actions-zone:focus-within .widget-actions,.widget-shell:focus-within .widget-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.window-button{width:22px;height:22px;color:var(--text-primary);font:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;line-height:1;transition:background .2s,transform .2s}.window-button:hover{background:#fff3;transform:translateY(-1px)}.window-button.close:hover{background:#ff405547}.app-main{justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex}.resize-zone{z-index:5;background:0 0;position:absolute}.resize-zone.n,.resize-zone.s{height:12px;left:18px;right:18px}.resize-zone.n{cursor:ns-resize;top:0}.resize-zone.s{cursor:ns-resize;bottom:0}.resize-zone.e,.resize-zone.w{width:12px;top:18px;bottom:18px}.resize-zone.e{cursor:ew-resize;right:0}.resize-zone.w{cursor:ew-resize;left:0}.resize-zone.nw,.resize-zone.ne,.resize-zone.sw,.resize-zone.se{width:18px;height:18px}.resize-zone.nw{cursor:nwse-resize;top:0;left:0}.resize-zone.ne{cursor:nesw-resize;top:0;right:0}.resize-zone.sw{cursor:nesw-resize;bottom:0;left:0}.resize-zone.se{cursor:nwse-resize;bottom:0;right:0}.timer-container{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}.clock-wrapper{cursor:default;width:100%;height:100%;position:relative}.clock-wrapper.finished{cursor:pointer}.clock-svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)}.clock-svg circle,.progress-ring{stroke-linecap:round;stroke-linejoin:round}.refresh-fade-ring{stroke-linecap:round;stroke-linejoin:round;opacity:1;animation:.26s ease-out forwards refresh-ring-fade}@keyframes refresh-ring-fade{to{opacity:0}}.progress-glow{stroke-linecap:round;stroke-linejoin:round;filter:blur(10px)}.clock-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.time-display{color:var(--text-primary);letter-spacing:-.02em;pointer-events:auto;font-family:JetBrains Mono,monospace;font-size:clamp(1.9rem,16vw,5.6rem);font-weight:300;line-height:1;transition:color .6s,opacity .2s}.time-display.hidden{opacity:0}.time-editor{pointer-events:auto;justify-content:center;align-items:center;gap:0;display:flex}.time-edit-input{width:2ch;color:var(--text-primary);text-align:center;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0;font-family:JetBrains Mono,monospace;font-size:clamp(1.9rem,16vw,5.6rem);font-weight:300;line-height:1}.time-edit-input.minutes{text-align:right}.time-edit-input.minutes.single-digit{width:1ch}.time-edit-input.minutes.double-digit{width:2ch}.time-edit-input.seconds{text-align:left}.time-edit-input:focus{text-shadow:0 0 14px #28c84059}.time-separator{color:var(--text-secondary);letter-spacing:-.02em;margin:0 .03em;font-family:JetBrains Mono,monospace;font-size:clamp(1.9rem,16vw,5.6rem);font-weight:300;line-height:1}