:root{color:#000;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#fff}body{min-width:320px;min-height:100vh;margin:0}:root{--bg-color:#050505;--text-primary:#f8fafc;--text-secondary:#ffffff80;--text-muted:#64748b;--line-w:1px;--frame-line:255 255 255;--frame-line-a:.4;--grid-line:255 255 255;--grid-line-a:.22;--panel-bg:0 0 0;--panel-bg-a:.75;--bar-bg:255 255 255;--bar-bg-a:.05;--bar-fg:248 250 252;--bar-fg-a:1;--content-fg:255 255 255;--content-fg-a:.8;--hover-bg:255 255 255;--hover-bg-a:.05;--mobile-side-space:3.5vw}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;min-height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}body{background:var(--bg-color);color:#e2e8f0;-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}.app{z-index:1;flex-direction:column;justify-content:center;width:100%;max-width:55rem;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex;position:relative}.hero{border:1px solid rgb(var(--frame-line) / var(--frame-line-a));background:linear-gradient(#00000059,#00000059),url(/banner.jpg) 50%/cover no-repeat;min-height:5rem;position:relative;overflow:hidden}.hero-content{justify-content:center;align-items:center;width:100%;display:flex}.hero-total{font-variant-numeric:tabular-nums;color:#fff0;font-family:JetBrains Mono,monospace;font-size:2rem}.hero-label,.hero p{display:none}.hero h1{letter-spacing:-.03em;color:var(--text-primary);background:0 0;border:0;padding:0;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:500;line-height:1}.hero:after{display:none}.date-navigation{border:var(--line-w) solid rgb(var(--frame-line) / var(--frame-line-a));background:rgb(var(--panel-bg) / var(--panel-bg-a));grid-template-columns:3.5rem minmax(0,1fr) 3.5rem;display:grid}.date-button,.date-display{color:#ffffffbf;background:0 0;border:0;justify-content:center;align-items:center;height:3.5rem;display:flex}.date-button{cursor:pointer;font-size:1.1rem;transition:background .3s,color .3s}.date-button:first-child{border-right:var(--line-w) solid rgb(var(--grid-line) / var(--grid-line-a))}.date-button:last-child{border-left:var(--line-w) solid rgb(var(--grid-line) / var(--grid-line-a))}.date-button:hover{background:rgb(var(--hover-bg) / var(--hover-bg-a));color:#fff}.date-display{color:#ffffffa6;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,monospace;font-size:.8rem}.tracker-grid{border-top:var(--line-w) solid rgb(var(--frame-line) / var(--frame-line-a));border-left:var(--line-w) solid rgb(var(--frame-line) / var(--frame-line-a));background:rgb(var(--panel-bg) / var(--panel-bg-a));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tracker-card{background:rgb(var(--panel-bg) / var(--panel-bg-a));border-right:var(--line-w) solid rgb(var(--grid-line) / var(--grid-line-a));border-bottom:var(--line-w) solid rgb(var(--grid-line) / var(--grid-line-a));flex-direction:column;padding:1.5rem;transition:background .3s,z-index 0s linear .3s;display:flex}.tracker-card>div{margin-top:1.5rem}.category-name{color:#ffffffbf;font-family:JetBrains Mono,monospace;font-size:1rem}.time-controls{border:var(--line-w) solid rgb(var(--grid-line) / .35);background:#00000059;grid-template-columns:3rem minmax(0,1fr) 3rem;display:grid}.control-button{color:#ffffff8c;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;height:3rem;padding:0;font-family:JetBrains Mono,monospace;font-size:1.15rem;transition:background .3s,color .3s;display:flex}.control-button:first-child{border-right:var(--line-w) solid rgb(var(--grid-line) / .3)}.control-button:last-child{border-left:var(--line-w) solid rgb(var(--grid-line) / .3)}.control-button:hover{color:#fff;background:#ffffff14}.time{color:#ffffffd9;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:0;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:500;display:flex}.progress-track{background:#ffffff14;width:100%;height:3px;margin-top:.4rem;overflow:hidden}.progress{background:#ffffffa6;height:100%;transition:width .2s}@media (width<=768px){.app{width:100%;max-width:100%;min-height:0;padding:2rem var(--mobile-side-space) 1rem;justify-content:flex-start}.hero{height:auto;min-height:0}.hero-content{padding:1.5rem 1rem}.hero h1{font-size:1rem}.hero-total{font-size:1.2rem}.date-navigation{grid-template-columns:3rem minmax(0,1fr) 3rem}.date-button,.date-display{height:3rem}.tracker-grid{grid-template-columns:1fr}.tracker-card{padding:1rem}.category-name{font-size:1rem}.summary-card{min-height:0;padding:1rem}.summary-card strong{font-size:.9rem}}@media (width<=400px){.hero-content{padding:1.5rem .9rem}.hero h1{font-size:.95rem}.hero-total{font-size:1.2rem}}.date-button img{opacity:.55;width:14px;height:14px;transition:opacity .3s,transform .3s;display:block}.date-button:hover img{opacity:1}.arrow-left,.date-button:hover .arrow-left{transform:rotate(180deg)}.summary-grid{border-top:var(--line-w) solid rgb(var(--frame-line) / var(--frame-line-a));border-left:var(--line-w) solid rgb(var(--frame-line) / var(--frame-line-a));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.summary-card{background:rgb(var(--panel-bg) / var(--panel-bg-a));border-right:var(--line-w) solid rgb(var(--grid-line) / var(--grid-line-a));border-bottom:var(--line-w) solid rgb(var(--grid-line) / var(--grid-line-a));flex-direction:column;justify-content:space-between;min-height:110px;padding:1.25rem 1.5rem;transition:background .3s;display:flex}.summary-card span{color:#ffffff73;letter-spacing:.02em;font-family:JetBrains Mono,monospace;font-size:.75rem}.summary-card strong{color:#ffffffd9;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:500}@media (width<=768px){.summary-card{min-height:0;padding:1rem}.summary-card strong{font-size:.9rem}}.lock-screen{background:var(--bg-color);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:2rem;display:flex}.pin-panel{flex-direction:column;align-items:center;width:min(100%,20rem);display:flex}.pin-display{justify-content:center;align-items:center;gap:.7rem;min-height:2rem;margin-bottom:1.5rem;display:flex}.pin-dot{border:1px solid rgb(var(--frame-line) / .5);border-radius:50%;width:8px;height:8px;transition:background .15s,border-color .15s}.pin-dot.filled{background:#fffc;border-color:#fffc}.pin-error{color:#ffffff80;letter-spacing:.03em;min-height:1.25rem;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.pin-pad{border-top:1px solid rgb(var(--frame-line) / var(--frame-line-a));border-left:1px solid rgb(var(--frame-line) / var(--frame-line-a));grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.pin-button{border:0;border-right:1px solid rgb(var(--grid-line) / var(--grid-line-a));border-bottom:1px solid rgb(var(--grid-line) / var(--grid-line-a));background:rgb(var(--panel-bg) / var(--panel-bg-a));color:#ffffffbf;cursor:pointer;justify-content:center;align-items:center;height:4rem;font-family:JetBrains Mono,monospace;font-size:1rem;transition:background .15s,color .15s;display:flex}.pin-button:hover:not(:disabled){background:rgb(var(--hover-bg) / var(--hover-bg-a));color:#fff}.pin-button:active:not(:disabled){background:#ffffff1a}.pin-button:disabled{color:#fff3;cursor:default}.pin-action{font-size:.7rem}@media (width<=400px){.lock-screen{padding:1.5rem}.pin-panel{width:min(100%,18rem)}.pin-button{height:3.6rem}}