@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;700;900&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#1a1a24;--bg-card:#141420;--bg-card-hover:#1c1c2e;--neon-cyan:#00f5ff;--neon-cyan-dim:#00b8c4;--neon-cyan-glow:#00f5ff4d;--neon-cyan-subtle:#00f5ff14;--neon-green:#39ff14;--neon-green-glow:#39ff144d;--neon-red:#ff1744;--neon-red-glow:#ff17444d;--neon-amber:#ffab00;--neon-amber-glow:#ffab004d;--neon-purple:#b388ff;--text-primary:#e0e0e8;--text-secondary:#8888a0;--text-muted:#555570;--text-accent:var(--neon-cyan);--border-color:#2a2a3a;--border-glow:var(--neon-cyan);--shadow-glow:0 0 10px var(--neon-cyan-glow), 0 0 20px #00f5ff1a;--shadow-card:0 2px 8px #0006;--shadow-elevated:0 8px 24px #0009;--font-mono:"Share Tech Mono", "Courier New", monospace;--font-display:"Orbitron", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f5ff04 2px 4px);position:fixed;inset:0}#root{flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--neon-cyan-dim);border-radius:var(--radius-full)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);font-weight:700}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{color:var(--text-secondary);font-size:.875rem}.page{padding:var(--space-md);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-lg));flex:1;width:100%;max-width:480px;margin:0 auto}.page-header{padding:var(--space-md) 0;margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.page-title{font-family:var(--font-display);color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan-glow);letter-spacing:.1em;font-size:1.125rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card);transition:all .2s}.card:hover{background:var(--bg-card-hover)}.card-header{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-sm);font-size:.75rem}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-size:.8125rem;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan-glow), inset 0 0 8px #00f5ff0d;background:0 0}.btn-primary:active{box-shadow:var(--shadow-glow);background:#00f5ff1a}.btn-danger{border-color:var(--neon-red);color:var(--neon-red);box-shadow:0 0 8px var(--neon-red-glow), inset 0 0 8px #ff17440d}.btn-success{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 8px var(--neon-green-glow), inset 0 0 8px #39ff140d}.btn-full{width:100%}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:.9375rem}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;padding:0}.timer-btn{border:3px solid var(--neon-cyan);background:var(--bg-secondary);width:140px;height:140px;color:var(--neon-cyan);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-xs);box-shadow:0 0 20px var(--neon-cyan-glow), 0 0 40px #00f5ff1a, inset 0 0 20px #00f5ff0d;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;flex-direction:column;font-size:.875rem;font-weight:700;transition:all .3s;display:flex;position:relative}.timer-btn:before{content:"";border:1px solid #00f5ff33;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-6px}.timer-btn.active{border-color:var(--neon-red);color:var(--neon-red);box-shadow:0 0 20px var(--neon-red-glow), 0 0 40px #ff17441a, inset 0 0 20px #ff17440d;animation:1.5s ease-in-out infinite pulse-active}.timer-btn.active:before{border-color:#ff17444d;animation:1.5s ease-out infinite pulse-ring-red}.timer-btn:active{transform:scale(.95)}.timer-time{font-family:var(--font-mono);letter-spacing:.15em;font-size:1.25rem}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes pulse-ring-red{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes pulse-active{0%,to{box-shadow:0 0 20px var(--neon-red-glow), 0 0 40px #ff17441a, inset 0 0 20px #ff17440d}50%{box-shadow:0 0 30px var(--neon-red-glow), 0 0 60px #ff174426, inset 0 0 30px #ff174414}}.sleep-btn{border:3px solid var(--neon-purple);background:var(--bg-secondary);width:180px;height:180px;color:var(--neon-purple);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;flex-direction:column;font-size:.875rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 0 20px #b388ff4d,0 0 40px #b388ff1a,inset 0 0 20px #b388ff0d}.sleep-btn .sleep-icon{font-size:2.5rem}.sleep-btn:active{transform:scale(.95)}.sleep-btn.awake{border-color:var(--neon-amber);color:var(--neon-amber);box-shadow:0 0 20px var(--neon-amber-glow), 0 0 40px #ffab001a, inset 0 0 20px #ffab000d}.input,.select,.textarea{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);-webkit-appearance:none;outline:none;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan-glow)}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2300f5ff'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.textarea{resize:vertical;min-height:80px;font-family:var(--font-body)}.form-group{margin-bottom:var(--space-md)}.form-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs);font-size:.6875rem;display:block}.bottom-nav{height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{padding:var(--space-sm) 0;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:.625rem;text-decoration:none;transition:color .2s;display:flex}.nav-item .nav-icon{font-size:1.25rem;transition:all .2s}.nav-item.active{color:var(--neon-cyan)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px var(--neon-cyan-glow))}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-lg) var(--space-md) calc(var(--space-lg) + var(--safe-bottom));border-bottom:none;width:100%;max-width:480px;max-height:80dvh;animation:.3s slide-up;overflow-y:auto}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:.1em;font-size:.875rem}.modal-close{color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);background:0 0;border:none;font-size:1.5rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.checklist-item{align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;display:flex}.checklist-item:active{background:var(--bg-card-hover)}.checklist-item.completed{border-color:var(--neon-green);background:#39ff1408}.checklist-check{border:2px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;transition:all .2s;display:flex}.checklist-item.completed .checklist-check{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 8px var(--neon-green-glow)}.checklist-label{flex:1;font-size:.9375rem}.checklist-item.completed .checklist-label{color:var(--text-secondary);text-decoration:line-through}.activity-item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-left:3px solid var(--neon-cyan-dim);background:var(--bg-card);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-sm);display:flex}.activity-time{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.activity-label{flex:1;font-size:.875rem}.activity-duration{font-family:var(--font-mono);color:var(--neon-cyan);font-size:.75rem}.activity-actions{gap:var(--space-xs);display:flex}.tab-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md);gap:2px;padding:2px;display:flex}.tab{padding:var(--space-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;text-align:center;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;font-size:.6875rem;transition:all .2s}.tab.active{background:var(--bg-tertiary);color:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan-glow)}.chart-container{width:100%;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-md);position:relative}.chart-title{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md);font-size:.6875rem}.timeline{padding-left:var(--space-lg);position:relative}.timeline:before{content:"";background:var(--border-color);width:2px;position:absolute;top:0;bottom:0;left:8px}.timeline-item{padding:var(--space-sm) 0 var(--space-md) 0;position:relative}.timeline-item:before{content:"";left:calc(-1 * var(--space-lg) + 4px);background:var(--neon-cyan);width:10px;height:10px;box-shadow:0 0 6px var(--neon-cyan-glow);border-radius:50%;position:absolute;top:14px}.off-mode-banner{align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--neon-amber);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#ffab0014;display:flex}.off-mode-banner .off-icon{font-size:1.5rem}.off-mode-banner .off-text{font-family:var(--font-mono);color:var(--neon-amber);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.empty-state{padding:var(--space-2xl) var(--space-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .empty-icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state .empty-text{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem}.badge{padding:2px var(--space-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--neon-cyan);border-radius:var(--radius-full);color:var(--neon-cyan);align-items:center;font-size:.625rem;display:inline-flex}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-sm{margin-bottom:var(--space-sm)}.w-full{width:100%}.divider{background:linear-gradient(90deg, transparent, var(--neon-cyan-dim), transparent);height:1px;margin:var(--space-md) 0;opacity:.5}.settings-item{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.settings-item-label{font-size:.875rem}.settings-item-actions{gap:var(--space-sm);display:flex}.toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;width:48px;height:26px;transition:all .3s;position:relative}.toggle.on{border-color:var(--neon-cyan);background:#00f5ff26}.toggle:after{content:"";background:var(--text-secondary);border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle.on:after{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan-glow);left:24px}.date-nav{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.date-nav-btn{border:1px solid var(--border-color);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:.875rem;transition:all .2s;display:flex}.date-nav-btn:active{border-color:var(--neon-cyan);color:var(--neon-cyan)}.date-nav-label{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.05em;text-align:center;min-width:120px;font-size:.875rem}