:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2e3352;--accent: #6c8cff;--accent2: #a78bfa;--text: #e2e8f0;--muted: #64748b;--danger: #f87171;--warn: #fbbf24;--green: #34d399;--plan: #38bdf8;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;min-height:100vh}#auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.auth-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.25rem 2rem;width:min(400px,100%)}.auth-logo{font-size:2rem;text-align:center;margin-bottom:.5rem}.auth-box h1{font-size:1.4rem;font-weight:700;text-align:center;color:var(--text);margin-bottom:1.75rem}.auth-subtitle{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:1rem}.auth-hint{font-size:.78rem;color:var(--muted);margin-bottom:1.25rem;line-height:1.5}.auth-hint code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.1rem .35rem;font-size:.72rem;color:var(--accent);word-break:break-all}.auth-box input{display:block;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;color:var(--text);font-size:.95rem;outline:none;margin-bottom:.75rem}.auth-box input:focus{border-color:var(--accent)}.auth-btn-primary{display:block;width:100%;margin-top:.25rem;background:var(--accent);border:none;border-radius:8px;padding:.8rem;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s}.auth-btn-primary:hover{opacity:.88}.auth-btn-link{display:block;width:100%;margin-top:.75rem;background:none;border:none;color:var(--muted);font-size:.85rem;cursor:pointer;padding:.4rem;text-align:center;transition:color .15s}.auth-btn-link:hover{color:var(--text)}.auth-error{color:var(--danger);font-size:.82rem;margin:.25rem 0 .5rem;min-height:1.2em}.auth-btn-biometric{width:100%;padding:.85rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:.5rem}.auth-btn-biometric:hover{opacity:.88}.biometric-icon{margin-right:.4rem}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;color:var(--muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}header{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.logo{font-weight:700;font-size:1rem;color:var(--accent)}.ws-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block;transition:background .3s}.ws-dot.live{background:var(--green)}.ws-status{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:6px}nav{background:var(--surface);border-bottom:1px solid var(--border);display:flex;overflow-x:auto;padding:0 1rem;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav button{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-size:.875rem;padding:.75rem 1rem;white-space:nowrap;transition:color .15s;min-height:44px}nav button.active{color:var(--accent);border-bottom-color:var(--accent)}nav button:hover:not(.active){color:var(--text)}main{flex:1;padding:1.25rem;max-width:900px;width:100%;margin:0 auto}.section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:1.5rem 0 .6rem}.section-title:first-child{margin-top:0}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;margin-bottom:.5rem;display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;transition:border-color .15s,background .15s;min-height:44px}.task-card:hover{border-color:var(--accent);background:var(--surface2)}.task-card.overdue{border-left:3px solid var(--danger)}.task-card.due-today{border-left:3px solid var(--warn)}.task-card.waiting{border-left:3px solid var(--muted);opacity:.75}.task-card.plan-input{border-left:3px solid var(--plan)}.task-card.done{opacity:.45}.checkbox{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:background .15s,border-color .15s}.checkbox:hover{border-color:var(--accent)}.checkbox.checked{background:var(--green);border-color:var(--green)}.checkbox svg{display:none}.checkbox.checked svg{display:block}.task-body{flex:1;min-width:0}.task-text{line-height:1.45;word-break:break-word}.task-text.done-text{text-decoration:line-through;color:var(--muted)}.task-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.badge{font-size:.7rem;padding:.15rem .5rem;border-radius:99px;font-weight:600;border:1px solid}.badge-overdue{color:var(--danger);border-color:var(--danger);background:#f8717114}.badge-today{color:var(--warn);border-color:var(--warn);background:#fbbf2414}.badge-due{color:var(--muted);border-color:var(--border)}.badge-waiting{color:var(--muted);border-color:var(--border);font-style:italic}.badge-candidate{color:var(--accent2);border-color:var(--accent2);background:#a78bfa14}.badge-plan{color:var(--plan);border-color:var(--plan);background:#38bdf814}.badge-project{color:var(--accent);border-color:transparent;background:#6c8cff1a}.inbox-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;display:flex;gap:.75rem}.inbox-form input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.65rem .875rem;color:var(--text);font-size:.9rem;outline:none}.inbox-form input:focus{border-color:var(--accent)}.inbox-form button{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:0 1.25rem;white-space:nowrap;min-height:44px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (min-width: 600px){.modal-overlay{align-items:center}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:560px;padding:1.5rem;max-height:92vh;overflow-y:auto}@media (min-width: 600px){.modal{border-radius:var(--radius)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-title{font-size:1rem;font-weight:700;color:var(--text)}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.25rem;padding:.25rem;line-height:1}.modal-close:hover{color:var(--text)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.form-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.65rem .875rem;color:var(--text);font-size:.9rem;outline:none;font-family:inherit}.form-input:focus{border-color:var(--accent)}textarea.form-input{resize:vertical;min-height:80px}select.form-input{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.plan-toggle{display:flex;align-items:center;gap:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:border-color .15s}.plan-toggle:hover{border-color:var(--plan)}.plan-toggle.active{border-color:var(--plan);background:#38bdf80d}.plan-toggle-icon{width:32px;height:32px;border-radius:6px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.plan-toggle.active .plan-toggle-icon{background:#38bdf826}.plan-toggle-body{flex:1}.plan-toggle-title{font-size:.875rem;font-weight:600}.plan-toggle-desc{font-size:.75rem;color:var(--muted);margin-top:.2rem}.plan-toggle-check{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.65rem 1.25rem;transition:opacity .15s;min-height:44px}.btn:hover{opacity:.85}.btn-primary{background:var(--accent);color:#fff;flex:1}.btn-danger{background:#f871711f;color:var(--danger);border:1px solid rgba(248,113,113,.3)}.btn-ghost{background:var(--surface2);color:var(--muted)}.btn-complete{background:#34d3991f;color:var(--green);border:1px solid rgba(52,211,153,.3)}.btn-incomplete{background:#64748b1f;color:var(--muted);border:1px solid rgba(100,116,139,.3)}.confirm-delete{display:none;background:#f871710f;border:1px solid rgba(248,113,113,.25);border-radius:8px;padding:.875rem 1rem;margin-top:.75rem}.confirm-delete.show{display:block}.confirm-delete p{font-size:.875rem;color:var(--danger);margin-bottom:.75rem}.confirm-delete .btn-row{display:flex;gap:.5rem}.empty{color:var(--muted);font-size:.875rem;padding:2rem;text-align:center}#toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(4rem);background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.65rem 1.25rem;font-size:.875rem;transition:transform .25s;z-index:100;pointer-events:none}#toast.show{transform:translate(-50%) translateY(0)}.today-header{margin-bottom:1.5rem}.today-greeting{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.today-date{font-size:1rem;color:var(--muted);margin-bottom:.75rem}.today-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.today-badge-overdue{display:inline-flex;align-items:center;gap:.35rem;background:#f871711f;color:var(--danger);border:1px solid rgba(248,113,113,.3);border-radius:99px;font-size:.8rem;font-weight:700;padding:.3rem .75rem}.focus-section{background:#6c8cff0a;border:1px solid rgba(108,140,255,.15);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.focus-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.75rem}.focus-expand-toggle{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem 0 0;width:100%;text-align:center;opacity:.7}.focus-expand-toggle:hover{opacity:1}.progress-bar-track{height:4px;background:var(--border);border-radius:99px;margin:.4rem 0 .75rem;overflow:hidden}.progress-bar-fill{height:100%;background:var(--green);border-radius:99px;transition:width .3s}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.stat-card-number{font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.3rem}.stat-card-label{font-size:.75rem;color:var(--muted)}.stat-card-number.danger{color:var(--danger)}.stat-card-number.warn{color:var(--warn)}.stat-card-number.green{color:var(--green)}.insight-box{background:#fbbf240a;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;display:flex;gap:.75rem;align-items:flex-start}.insight-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.insight-text{font-size:.875rem;color:var(--text);line-height:1.5}.tab-bar{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.1rem;margin-bottom:.75rem;scrollbar-width:none;flex-wrap:nowrap}.tab-bar::-webkit-scrollbar{display:none}.tab-pill{background:var(--surface);border:1px solid var(--border);border-radius:99px;color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .9rem;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;min-height:36px}.tab-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.tab-pill:hover:not(.active){border-color:var(--accent);color:var(--text)}.tab-content{margin-top:.25rem}.collapsible-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:.55rem .875rem;width:100%;margin:.75rem 0 .5rem;transition:border-color .15s,color .15s;min-height:44px}.collapsible-toggle:hover{border-color:var(--accent);color:var(--text)}.collapsible-toggle .toggle-arrow{font-size:.65rem;transition:transform .2s}.collapsible-toggle.expanded .toggle-arrow{transform:rotate(90deg)}.collapsible-content{display:none}.collapsible-content.open{display:block}.project-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.project-block-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.35rem}.project-block-name{font-size:.95rem;font-weight:700;color:var(--text);text-transform:capitalize}.project-block-counts{font-size:.75rem;color:var(--muted)}.project-block-tasks{margin-top:.5rem}.compact-task{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem .875rem;margin-bottom:.35rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:border-color .15s;min-height:44px}.compact-task:hover{border-color:var(--accent)}.compact-task.overdue{border-left:3px solid var(--danger)}.compact-task.due-today{border-left:3px solid var(--warn)}.compact-task.waiting{opacity:.7}.compact-task.done{opacity:.45}.compact-task.done .compact-task-text{text-decoration:line-through;color:var(--muted)}.compact-task-body{flex:1;min-width:0}.compact-task-text{font-size:.875rem;line-height:1.4;word-break:break-word}.compact-waiting-note{font-size:.7rem;color:var(--muted);font-style:italic;margin-top:.18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-task-due{font-size:.72rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.compact-task-due.overdue{color:var(--danger)}.compact-task-due.today{color:var(--warn)}.notice{font-size:.8rem;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;margin-top:1.25rem;line-height:1.5}.passkey-banner{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.25rem;font-size:.85rem;color:var(--muted)}.passkey-banner button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.35rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}@media (max-width: 600px){main{padding:.875rem}.inbox-form{flex-direction:column}.inbox-form button{padding:.65rem}.today-greeting{font-size:1.2rem}}