:root{--bg: #0f1117;--card: #1a1d27;--border: #2a2d3a;--text: #e2e4e9;--muted: #6b7080;--accent: #4f8cff;--green: #34d399;--red: #ff6b6b;--orange: #ffb347;--purple: #a855f7;--event: #22d3ee}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#app{max-width:620px;margin:0 auto;padding:1.5rem 1rem 5rem}header{margin-bottom:1.5rem}h1{font-size:1.5rem;font-weight:700;margin-bottom:.2rem}.date{color:var(--muted);font-size:.9rem}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;margin-top:.75rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:3px;transition:width .4s ease}.progress-text{color:var(--muted);font-size:.8rem;margin-top:.35rem;text-align:right}.section{margin-bottom:1.5rem}.section-header{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.section-header.done,.section-header.morning{color:var(--green)}.section-header.focus{color:var(--accent)}.section-header.exam{color:var(--orange)}.section-header.flex{color:var(--muted)}.section-header.event{color:var(--event)}.todo-item{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .75rem;border-radius:8px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.todo-item:hover{background:#ffffff08}.todo-item:active{background:#ffffff0f}.todo-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;min-width:22px;border:2px solid var(--border);border-radius:6px;margin-top:1px;cursor:pointer;position:relative;transition:all .2s}.todo-item input[type=checkbox]:checked{background:var(--green);border-color:var(--green)}.todo-item input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.todo-content{flex:1;min-width:0}.todo-title{font-size:.95rem;font-weight:500;line-height:1.35;transition:all .3s}.todo-detail{font-size:.8rem;color:var(--muted);margin-top:.15rem;line-height:1.4;transition:all .3s}.todo-time{font-size:.75rem;color:var(--accent);font-weight:600;min-width:52px;text-align:right;margin-top:2px;white-space:nowrap}.todo-item.checked .todo-title{text-decoration:line-through;color:var(--muted)}.todo-item.checked .todo-detail{text-decoration:line-through;opacity:.5}.todo-item.checked .todo-time{color:var(--muted)}.tag{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .4rem;border-radius:3px;margin-left:.4rem;vertical-align:middle;background:#ffffff0f;color:var(--muted)}.tag.personal{background:#ffb34726;color:var(--orange)}.tag.workout{background:#34d39926;color:var(--green)}.tag.study{background:#4f8cff26;color:var(--accent)}.tag.startup{background:#a855f726;color:var(--purple)}.tag.event{background:#22d3ee26;color:var(--event)}.week-nav{display:flex;gap:.5rem;margin-top:.75rem}.week-nav-btn{background:var(--card);border:1px solid var(--border);color:var(--text);font-size:.8rem;font-weight:500;padding:.4rem .75rem;border-radius:6px;cursor:pointer;transition:all .15s}.week-nav-btn:hover{border-color:var(--accent);color:var(--accent)}.week-nav-btn:active{background:var(--border)}.week-nav-btn:disabled{opacity:.3;cursor:not-allowed}.week-nav-btn:disabled:hover{border-color:var(--border);color:var(--text)}.week-grid{display:flex;flex-direction:column;gap:.5rem}.week-day{background:var(--card);border-radius:10px;padding:.75rem 1rem;border:1px solid var(--border)}.week-day.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.week-day-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.85rem;margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.week-day.today .week-day-header{color:var(--accent)}.week-day-count{font-size:.75rem;color:var(--muted);font-weight:500}.week-task{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.85rem}.week-task.done{color:var(--muted)}.week-task.done .week-task-title{text-decoration:line-through}.week-task.missed{color:var(--red)}.week-task-status{font-size:.75rem;min-width:16px}.week-task.done .week-task-status{color:var(--green)}.week-task-title{flex:1}.week-task-time{font-size:.7rem;color:var(--muted);white-space:nowrap}.week-empty{font-size:.8rem;color:var(--muted);font-style:italic}.lt-item{padding:.65rem .75rem;border-radius:8px}.lt-title{font-size:.95rem;font-weight:500}.lt-notes{font-size:.8rem;color:var(--muted);margin-top:.15rem}.nav{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);display:flex;justify-content:center;gap:0;padding:.5rem 0;padding-bottom:max(.5rem,env(safe-area-inset-bottom));z-index:100}.nav-btn{flex:1;max-width:140px;background:none;border:none;color:var(--muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;cursor:pointer;text-align:center;transition:color .2s}.nav-btn.active{color:var(--accent)}.nav-btn:hover{color:var(--text)}.nav-icon{display:block;font-size:1.2rem;margin-bottom:.15rem}.event-card{padding:.65rem .75rem;border-radius:8px;border-left:3px solid var(--event);margin-bottom:.35rem}.event-title{font-size:.95rem;font-weight:500}.event-relative{font-size:.75rem;color:var(--event);font-weight:600}.event-date-range{font-size:.8rem;color:var(--event);margin-top:.1rem}.event-location,.event-notes{font-size:.8rem;color:var(--muted);margin-top:.1rem}.event-card.tentative{border-left-style:dashed;opacity:.7}.event-tentative{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--orange)}.week-event{font-size:.8rem;color:var(--event);border-left:2px solid var(--event);padding:.2rem 0 .2rem .4rem;margin-bottom:.25rem}.loading,.error{text-align:center;padding:3rem 1rem;color:var(--muted)}.error{color:var(--red)}