:root{--y:#ffe500;--y-dim:#870;--y-glow:rgba(255,229,0,.4);--y-subtle:rgba(255,229,0,.06);--y-medium:rgba(255,229,0,.12);--orange:#ff8c00;--orange-glow:rgba(255,140,0,.45);--red:#f20;--green:#0f8;--bg:#020202;--bg-2:#080800;--border:rgba(255,229,0,.14);--border-bright:rgba(255,229,0,.45)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--y);font-family:Share Tech Mono,monospace;overflow:hidden;cursor:crosshair;-webkit-font-smoothing:antialiased}body:before{background-image:linear-gradient(rgba(255,229,0,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,229,0,.035) 1px,transparent 0);background-size:48px 48px;z-index:0}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 4px);z-index:9999}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.08}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes scanline-sweep{0%{top:-4px}to{top:100%}}@keyframes glitch-clip-1{0%{-webkit-clip-path:inset(5% 0 88% 0);clip-path:inset(5% 0 88% 0);transform:translate(-4px)}50%{-webkit-clip-path:inset(5% 0 88% 0);clip-path:inset(5% 0 88% 0);transform:translate(4px)}to{-webkit-clip-path:inset(5% 0 88% 0);clip-path:inset(5% 0 88% 0);transform:translate(-4px)}}@keyframes glitch-clip-2{0%{-webkit-clip-path:inset(82% 0 5% 0);clip-path:inset(82% 0 5% 0);transform:translate(3px)}50%{-webkit-clip-path:inset(82% 0 5% 0);clip-path:inset(82% 0 5% 0);transform:translate(-3px)}to{-webkit-clip-path:inset(82% 0 5% 0);clip-path:inset(82% 0 5% 0);transform:translate(3px)}}@keyframes glitch-clip-3{0%{-webkit-clip-path:inset(44% 0 44% 0);clip-path:inset(44% 0 44% 0);transform:translate(-5px);filter:brightness(2) hue-rotate(45deg)}to{-webkit-clip-path:inset(44% 0 44% 0);clip-path:inset(44% 0 44% 0);transform:translate(5px);filter:brightness(1) hue-rotate(-45deg)}}.page{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;max-width:860px;margin:0 auto;padding:18px 28px 14px}.corner{position:fixed;width:36px;height:36px;pointer-events:none;z-index:2}.corner-tl{left:14px;border-left:1.5px solid var(--y-dim)}.corner-tl,.corner-tr{top:14px;border-top:1.5px solid var(--y-dim)}.corner-tr{right:14px;border-right:1.5px solid var(--y-dim)}.corner-bl{left:14px;border-left:1.5px solid var(--y-dim)}.corner-bl,.corner-br{bottom:14px;border-bottom:1.5px solid var(--y-dim)}.corner-br{right:14px;border-right:1.5px solid var(--y-dim)}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:22px;flex-shrink:0}.logo{font-family:Orbitron,monospace;font-size:.82rem;font-weight:900;letter-spacing:.22em;color:var(--y);text-shadow:0 0 12px var(--y-glow)}.logo-dim{color:var(--y-dim);font-weight:400}.header-right{gap:16px}.header-right,.sys-status{display:flex;align-items:center}.sys-status{gap:6px;font-size:.65rem;letter-spacing:.14em;color:var(--y-dim)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-dot 2.2s ease-in-out infinite}.sys-label{color:var(--green);letter-spacing:.1em}.tabs{display:flex;gap:3px;margin-bottom:28px;flex-shrink:0}.tab-btn{flex:1 1;padding:9px 0;background:transparent;border:1px solid var(--border);color:var(--y-dim);font-family:Share Tech Mono,monospace;font-size:.7rem;letter-spacing:.18em;cursor:pointer;transition:color .15s,border-color .15s,background .15s;-webkit-clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);position:relative}.tab-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--y);transform:scaleX(0);transition:transform .2s}.tab-btn:hover{color:var(--y);border-color:rgba(255,229,0,.3);background:var(--y-subtle)}.tab-btn.active{color:var(--y);border-color:var(--border-bright);background:var(--y-medium);text-shadow:0 0 8px var(--y-glow)}.tab-btn.active:after{transform:scaleX(1)}.clock-wrap{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;animation:fadeUp .25s ease both}.time-row{display:flex;align-items:baseline;gap:0;position:relative}.time-main{font-family:Orbitron,monospace;font-weight:900;font-size:clamp(4.5rem,13vw,7.5rem);letter-spacing:-.01em;line-height:1;color:var(--y);text-shadow:0 0 30px var(--y-glow),0 0 60px rgba(255,229,0,.15);position:relative}.time-main.glitch-active:after,.time-main.glitch-active:before{content:attr(data-text);position:absolute;inset:0;font-family:Orbitron,monospace;font-weight:900;font-size:inherit;letter-spacing:inherit;white-space:nowrap}.time-main.glitch-active:before{color:var(--orange);animation:glitch-clip-1 .08s steps(1) infinite;left:0}.time-main.glitch-active:after{color:var(--red);animation:glitch-clip-2 .08s steps(1) infinite;left:0}.time-sep{font-family:Orbitron,monospace;font-weight:400;font-size:clamp(3rem,9vw,5.5rem);color:var(--y-dim);animation:blink 1s step-end infinite;margin:0 .04em;align-self:baseline}.time-seconds-wrap{display:flex;flex-direction:column;align-self:flex-end;padding-bottom:.1em;margin-left:.25em}.time-seconds-label{font-size:.6rem;letter-spacing:.2em;color:var(--y-dim);margin-bottom:2px}.time-seconds{font-family:Orbitron,monospace;font-weight:700;font-size:clamp(1.6rem,4.5vw,2.8rem);color:var(--orange);text-shadow:0 0 14px var(--orange-glow)}.hr-line{width:100%;height:1px;background:linear-gradient(90deg,transparent 0,var(--border-bright) 30%,var(--border-bright) 70%,transparent 100%)}.date-row{display:flex;align-items:center;gap:18px;font-size:.82rem;letter-spacing:.2em;color:var(--y-dim)}.day-chip{font-family:Orbitron,monospace;font-weight:700;font-size:.68rem;padding:2px 10px 3px;background:var(--y);color:#000;-webkit-clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);letter-spacing:.1em}.slash{color:var(--border-bright);margin:0 2px}.tz-wrap{position:relative;margin-top:6px}.tz-trigger{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);color:var(--y-dim);font-family:Share Tech Mono,monospace;font-size:.68rem;letter-spacing:.16em;padding:5px 12px;cursor:pointer;transition:all .15s}.tz-trigger.open,.tz-trigger:hover{border-color:var(--border-bright);color:var(--y)}.tz-icon{opacity:.6;font-size:.8em}.tz-caret{margin-left:4px;font-size:.5rem;transition:transform .2s}.tz-caret.up{transform:rotate(180deg)}.tz-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;min-width:200px;background:#070700;border:1px solid var(--border-bright);z-index:200;animation:fadeUp .12s ease both}.tz-option{padding:7px 14px;font-size:.68rem;letter-spacing:.14em;cursor:pointer;color:var(--y-dim);border-bottom:1px solid var(--border);transition:all .1s;display:flex;justify-content:space-between;align-items:center}.tz-option:last-child{border-bottom:none}.tz-option:hover{background:var(--y-subtle);color:var(--y)}.tz-option.sel{color:var(--y);background:var(--y-medium)}.tz-check{opacity:0;font-size:.7rem}.tz-option.sel .tz-check{opacity:1}.sw-wrap{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeUp .25s ease both;overflow:hidden}.sw-display{font-family:Orbitron,monospace;font-weight:700;font-size:clamp(3rem,11vw,5.5rem);letter-spacing:.05em;color:var(--y);text-shadow:0 0 25px var(--y-glow);display:flex;align-items:baseline;gap:0}.sw-centisec{font-size:.42em;color:var(--orange);text-shadow:0 0 12px var(--orange-glow);align-self:flex-end;padding-bottom:.1em}.sw-prefix{font-size:.32em;color:var(--y-dim);letter-spacing:.2em;margin-right:4px;align-self:flex-end;padding-bottom:.25em}.btn-row{display:flex;gap:6px}.cybr-btn{padding:8px 22px;background:transparent;border:1px solid var(--border);color:var(--y-dim);font-family:Share Tech Mono,monospace;font-size:.72rem;letter-spacing:.16em;cursor:pointer;transition:all .14s;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);white-space:nowrap}.cybr-btn:hover{border-color:var(--border-bright);color:var(--y);background:var(--y-subtle)}.cybr-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.cybr-btn.primary{border-color:var(--y);color:#000;background:var(--y);font-weight:700;text-shadow:none}.cybr-btn.primary:hover{background:#fff176}.cybr-btn.accent{border-color:var(--orange);color:var(--orange)}.cybr-btn.accent:hover{background:rgba(255,140,0,.1)}.cybr-btn.danger{border-color:var(--red);color:var(--red)}.cybr-btn.danger:hover{background:rgba(255,34,0,.1)}.laps-container{width:100%;max-height:150px;overflow-y:auto;border:1px solid var(--border);flex-shrink:0}.laps-container::-webkit-scrollbar{width:4px}.laps-container::-webkit-scrollbar-track{background:transparent}.laps-container::-webkit-scrollbar-thumb{background:var(--y-dim)}.lap-row{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;border-bottom:1px solid var(--border);font-size:.72rem;letter-spacing:.1em;animation:fadeUp .15s ease both}.lap-row:last-child{border-bottom:none}.lap-idx{color:var(--orange);font-size:.65rem;letter-spacing:.15em}.lap-val{color:var(--y);font-family:Orbitron,monospace;font-size:.85rem}.lap-delta{color:var(--y-dim);font-size:.65rem}.pom-wrap{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;animation:fadeUp .25s ease both}.pom-ring-wrap{position:relative;width:210px;height:210px}.pom-ring-wrap svg{transform:rotate(-90deg);overflow:visible;filter:drop-shadow(0 0 8px var(--y-glow))}.pom-track{fill:none;stroke:rgba(255,229,0,.08);stroke-width:4}.pom-progress{fill:none;stroke:var(--y);stroke-width:4;stroke-linecap:butt;transition:stroke-dashoffset 1s linear}.pom-progress.break-mode{stroke:var(--orange);filter:drop-shadow(0 0 6px var(--orange-glow))}.pom-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.pom-time{font-family:Orbitron,monospace;font-weight:900;font-size:2.8rem;letter-spacing:.04em;color:var(--y);text-shadow:0 0 20px var(--y-glow)}.pom-time.break-mode{color:var(--orange);text-shadow:0 0 20px var(--orange-glow)}.pom-mode-label{font-size:.62rem;letter-spacing:.25em;color:var(--y-dim)}.pom-modes{display:flex;gap:3px}.pom-tab{padding:7px 20px;background:transparent;border:1px solid var(--border);color:var(--y-dim);font-family:Share Tech Mono,monospace;font-size:.68rem;letter-spacing:.16em;cursor:pointer;transition:all .14s}.pom-tab:hover{color:var(--y);border-color:rgba(255,229,0,.3)}.pom-tab.active{border-color:var(--border-bright);background:var(--y-medium);color:var(--y);text-shadow:0 0 6px var(--y-glow)}.pom-tab.active.break-active{border-color:var(--orange);color:var(--orange);text-shadow:0 0 6px var(--orange-glow)}.pom-sessions{font-size:.68rem;letter-spacing:.2em;color:var(--y-dim)}.pom-sessions-val{color:var(--y);font-family:Orbitron,monospace}.footer{margin-top:16px;padding-top:10px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.6rem;letter-spacing:.14em;color:rgba(255,229,0,.2);flex-shrink:0}.footer-left{display:flex;gap:16px}