:root{--bg-radial:radial-gradient(circle at top,#1e1b4b 0%,#0b0f19 100%);--bg-glass:rgba(17,24,39,.7);--bg-glass-card:rgba(30,41,59,.5);--border-glass:hsla(0,0%,100%,.08);--border-glass-focus:rgba(99,102,241,.5);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-indigo:#6366f1;--color-indigo-glow:rgba(99,102,241,.25);--color-yellow:#eab308;--color-yellow-glow:rgba(234,179,8,.2);--color-red:#ef4444;--color-red-glow:rgba(239,68,68,.25);--color-emerald:#10b981}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{align-items:center;background:var(--bg-radial);color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:flex-start;min-height:100vh;overflow-y:auto;padding:24px 16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.app-container{display:flex;flex-direction:column;gap:20px;max-width:380px;width:100%}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:24px}.app-header{justify-content:space-between;margin-bottom:4px}.app-brand,.app-header{align-items:center;display:flex}.app-brand{gap:10px}.app-logo{color:var(--color-yellow);filter:drop-shadow(0 0 8px var(--color-yellow-glow));height:32px;width:32px}.app-logo path{fill:none;stroke:currentcolor;stroke-width:2.2}.app-title{background:linear-gradient(-135deg,#fff,#cbd5e1);-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.5px;-webkit-text-fill-color:transparent}.app-status{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:12px;color:var(--color-indigo);font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.install-banner{align-items:center;background:linear-gradient(-135deg,rgba(99,102,241,.2),rgba(168,85,247,.2));border:1px solid rgba(99,102,241,.3);border-radius:14px;display:none;gap:12px;justify-content:space-between;padding:12px 16px}.install-text{color:var(--text-primary);font-size:13px;font-weight:500}.install-btn{background:var(--color-indigo);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.install-btn:hover{background:#4f46e5;box-shadow:0 0 10px rgba(99,102,241,.4)}.mode-tabs{background:rgba(0,0,0,.2);border-radius:10px;display:flex;margin-bottom:8px;padding:3px}.tab-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px;transition:all .2s}.tab-btn svg{height:16px;width:16px}.tab-btn.active{background:var(--bg-glass-card);box-shadow:0 2px 8px rgba(0,0,0,.15);color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-select{background:rgba(0,0,0,.25);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus{border-color:var(--border-glass-focus);box-shadow:0 0 0 2px var(--color-indigo-glow)}select.form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27%2394a3b8%27 viewBox=%270 0 24 24%27%3E%3Cpath stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m19 9-7 7-7-7%27/%3E%3C/svg%3E");background-position:left 14px center;background-repeat:no-repeat;background-size:16px;padding-left:40px}select.form-select option{background:#0f172a;color:var(--text-primary)}.toggle-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:4px 0}.toggle-label-text{color:var(--text-secondary);font-size:13px;font-weight:500}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:hsla(0,0%,100%,.1);border:1px solid var(--border-glass);border-radius:24px;bottom:0;cursor:pointer;right:0;left:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:var(--text-secondary);border-radius:50%;bottom:3px;content:"";height:16px;right:3px;width:16px}input:checked+.slider{background-color:var(--color-indigo);border-color:rgba(99,102,241,.4)}input:checked+.slider:before{background-color:#fff;transform:translateX(-20px)}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:13px 18px;transition:all .25s;width:100%}.btn svg{height:18px;width:18px}.btn-primary{background:var(--color-indigo);box-shadow:0 4px 14px var(--color-indigo-glow);color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 6px 20px rgba(99,102,241,.4);transform:translateY(-1px)}.btn-primary:disabled{background:hsla(0,0%,100%,.05);box-shadow:none;color:var(--text-muted);cursor:not-allowed}.btn-danger{background:var(--color-red);box-shadow:0 4px 14px var(--color-red-glow);color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 6px 20px rgba(239,68,68,.4);transform:translateY(-1px)}.manual-panel{display:none;flex-direction:column;gap:12px}.duration-inputs{background:rgba(0,0,0,.15);border:1px solid var(--border-glass);border-radius:12px;gap:12px;justify-content:center;padding:12px}.duration-col,.duration-inputs{align-items:center;display:flex}.duration-col{flex-direction:column;gap:4px;width:70px}.duration-col input{background:rgba(0,0,0,.3);border:1px solid var(--border-glass);border-radius:8px;color:#fff;font-size:18px;font-weight:700;outline:none;padding:8px;text-align:center;width:100%}.duration-col input:focus{border-color:var(--border-glass-focus)}.duration-col span{color:var(--text-secondary);font-size:10px;font-weight:600;text-transform:uppercase}.duration-sep{color:var(--text-muted);font-size:24px;font-weight:700;margin-top:-16px}.active-panel{gap:16px}.active-header,.active-panel{align-items:center;display:flex;flex-direction:column}.active-header{gap:6px;width:100%}.active-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.badge{border-radius:12px;font-size:11px;font-weight:600;padding:3px 9px}.badge-project{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.badge-task{background:hsla(0,0%,100%,.05);border:1px solid var(--border-glass)}.active-desc,.badge-task{color:var(--text-secondary)}.active-desc{font-size:13px;font-style:italic;margin-top:4px;text-align:center;word-break:break-word}.ticker-clock{background:linear-gradient(-135deg,#fff,#cbd5e1);-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:44px;font-weight:700;letter-spacing:1px;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;margin:6px 0;text-shadow:0 0 15px hsla(0,0%,100%,.1)}.timer-running .ticker-clock{background:linear-gradient(-135deg,var(--color-yellow) 0,#fbbf24 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse-glow 2.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.95;text-shadow:0 0 10px rgba(234,179,8,.1)}50%{opacity:1;text-shadow:0 0 25px rgba(234,179,8,.55)}}.recent-section{display:flex;flex-direction:column;gap:12px}.section-title-row{align-items:center;display:flex;justify-content:space-between}.section-title{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.recent-list{display:flex;flex-direction:column;gap:10px;max-height:180px;overflow-y:auto;padding-left:4px}.log-item{align-items:center;background:rgba(0,0,0,.18);border:1px solid var(--border-glass);border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px;transition:all .2s}.log-item:hover{background:rgba(0,0,0,.25);border-color:hsla(0,0%,100%,.12)}.log-details{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.log-proj-task{color:#a5b4fc;font-weight:600}.log-desc,.log-proj-task{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-desc{color:var(--text-secondary)}.log-meta{color:var(--text-muted);font-size:10px;gap:6px}.log-meta,.log-right{align-items:center;display:flex}.log-right{gap:12px}.log-duration{color:var(--text-primary);font-size:14px;font-variant-numeric:tabular-nums;font-weight:700}.btn-delete{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.btn-delete:hover{background:rgba(239,68,68,.1);color:var(--color-red)}.btn-delete svg{height:15px;width:15px}.empty-logs{border:1px dashed var(--border-glass);border-radius:12px;color:var(--text-muted);font-size:12px;padding:24px;text-align:center}.app-footer{margin-top:8px;text-align:center}.footer-link{color:var(--text-muted);font-size:11px;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text-secondary)}@media(max-width:480px){body{padding:12px 8px}.app-container{gap:16px;max-width:100%}.glass-card{padding:20px 16px}.timer-display{font-size:40px!important}}