:root{--color-bg:#0a0a0a;--color-panel-bg:#0f0c0ad9;--color-primary:#ff3c1e;--color-secondary:#e8572a;--color-accent:#c040ff;--color-border:#4a2020;--color-border-dim:#2a1515;--color-label:#a64;--color-label-dim:#643;--color-status:#ff3c1e;--color-glow:#ff3c1e66;--color-glow-far:#ff3c1e1a;--font-digital:"Orbitron", "Share Tech Mono", monospace;--font-label:"Share Tech Mono", "Courier New", monospace;--font-mono:"Share Tech Mono", "Courier New", monospace;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-label);font-family:var(--font-label);min-height:100dvh;overflow-x:hidden}#root{justify-content:center;align-items:center;min-height:100dvh;display:flex}::selection{color:#fff;background:#ff3c1e4d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.time-panel{width:100%;max-width:640px;margin:0 auto}.time-panel--compact{max-width:520px}.panel-border{border:2px solid var(--color-border);background:var(--color-panel-bg);padding:24px 28px 20px;position:relative}.time-panel--compact .panel-border{padding:16px 20px 14px}.panel-header{border-bottom:1px solid var(--color-border-dim);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:8px;display:flex}.panel-status{letter-spacing:.15em;color:var(--color-status);border:1px solid var(--color-status);background:#ff3c1e1f;padding:2px 8px;font-size:10px}.panel-label{font-family:var(--font-label);letter-spacing:.2em;color:var(--color-label);font-size:14px}.time-panel--compact .panel-label{font-size:12px}.panel-body{text-align:center}.panel-mode-label{font-family:var(--font-label);letter-spacing:.3em;color:var(--color-label-dim);margin-bottom:4px;font-size:11px}.panel-percentage{font-family:var(--font-digital);font-variant-numeric:tabular-nums;color:var(--color-primary);text-shadow:0 0 20px var(--color-glow), 0 0 60px var(--color-glow-far);justify-content:center;align-items:baseline;gap:4px;margin-bottom:16px;line-height:1;display:flex}.percent-value{font-size:clamp(40px,10vw,72px);display:inline-flex}.digit-slot{text-align:center;width:.72em;display:inline-block}.digit-dot{width:.35em}.percent-symbol{color:var(--color-label);font-size:clamp(20px,5vw,36px)}.time-panel--compact .percent-value{font-size:clamp(28px,6vw,44px)}.time-panel--compact .percent-symbol{font-size:clamp(14px,3vw,22px)}.panel-progress-track{background:var(--color-border-dim);width:100%;height:4px;margin-bottom:20px;position:relative;overflow:hidden}.panel-progress-fill{background:var(--color-primary);height:100%;box-shadow:0 0 8px var(--color-glow);transition:width .15s linear}.panel-meta{justify-content:center;gap:32px;display:flex}.time-panel--compact .panel-meta{gap:20px}.meta-row{flex-direction:column;align-items:center;gap:2px;display:flex}.meta-label{font-family:var(--font-label);letter-spacing:.2em;color:var(--color-label-dim);font-size:9px}.meta-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-secondary);letter-spacing:.05em;font-size:14px}.time-panel--compact .meta-value{font-size:12px}.panel-footer{border-top:1px solid var(--color-border-dim);text-align:right;margin-top:16px;padding-top:8px}.panel-deco{font-family:var(--font-label);letter-spacing:.15em;color:var(--color-label-dim);opacity:.5;font-size:9px}.mode-controls{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.control-group{align-items:center;gap:10px;display:flex}.control-group-label{font-family:var(--font-label);letter-spacing:.2em;color:var(--color-label-dim);font-size:9px}.control-buttons{gap:2px;display:flex}.control-btn{font-family:var(--font-label);letter-spacing:.15em;border:1px solid var(--color-border-dim);color:var(--color-label-dim);cursor:pointer;text-transform:uppercase;background:0 0;padding:6px 14px;font-size:11px;transition:all .15s}.control-btn:hover{border-color:var(--color-border);color:var(--color-label)}.control-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.control-btn--active{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 8px var(--color-glow);background:#ff3c1e26}.app{justify-content:center;width:100%;min-height:100dvh;padding:40px 24px;display:flex;position:relative}.scanlines{pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}.app-frame{flex-direction:column;gap:24px;width:100%;max-width:720px;display:flex}.app-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.header-tag{font-family:var(--font-label);letter-spacing:.3em;color:var(--color-primary);border:1px solid var(--color-border);padding:4px 12px;font-size:11px}.header-tz{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-label-dim);font-size:10px}.app-main,.all-view{flex-direction:column;gap:16px;display:flex}.app-controls{padding:0 4px}.app-footer{justify-content:space-between;padding:0 4px;display:flex}.footer-deco{font-family:var(--font-label);letter-spacing:.15em;color:var(--color-label-dim);opacity:.4;font-size:9px}@media (width<=640px){.app{align-items:flex-start;padding:40px 16px 16px}.app-frame{gap:16px}.app-header{flex-direction:column;align-items:flex-start;gap:4px}.app-footer{flex-direction:column;gap:2px}}@keyframes panel-glow{0%,to{box-shadow:0 0 20px #ff3c1e0d}50%{box-shadow:0 0 30px #ff3c1e1a}}.time-panel .panel-border{animation:4s ease-in-out infinite panel-glow}