:root{--bg:#fff;--bg-sidebar:#f5f5f6;--border:#e0e0e0;--text-strong:#000;--text-normal:#333;--text-muted:#8e8e93;--accent:#007aff;--accent-soft:#007aff1a;--pill-bg:#e5e5ea;--shadow-soft:0 1px 3px #0000000d;--sans:-apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--heading:-apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font:14px/1.5 var(--sans);color:var(--text-normal);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-strong);font-weight:600}p{color:var(--text-muted);margin:0}button,input{font-family:var(--sans)}.app-shell{background:var(--bg);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg-sidebar);padding:32px 20px}.brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-dot{background:var(--accent);border-radius:50%;width:12px;height:12px}.brand-title{color:var(--text-strong);margin:0;font-size:15px;font-weight:600}.brand-subtitle{display:none}.nav{gap:4px;display:grid}.nav-item{color:var(--text-normal);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;transition:all .1s;display:flex}.nav-item--active{background:var(--accent-soft);color:var(--accent);font-weight:500}.nav-item:hover:not(.nav-item--active){background:#0000000a}.nav-count{color:var(--text-muted);font-size:12px}.sidebar-footer{margin-top:auto;padding-top:24px;display:none}.sidebar-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:0;font-size:13px}.sidebar-note{display:none}.main{padding:48px 64px}.main-header{justify-content:flex-start;align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.eyebrow{display:none}h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:32px;font-weight:700}.pill{background:var(--pill-bg);color:var(--text-normal);border:none;border-radius:12px;padding:2px 8px;font-size:14px;font-weight:500}.task-input{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;align-items:center;gap:12px;margin-bottom:32px;padding:12px 14px;display:flex}.task-input input{color:var(--text-strong);font-size:15px;font-family:var(--sans);background:0 0;border:none;flex:1}.task-input input:focus{outline:none}.task-input input::placeholder{color:var(--text-muted)}.task-input button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:opacity .1s}.task-input button:hover{opacity:.9}.task-section{margin-top:0}.section-header{display:none}.task-columns{flex-direction:column;gap:8px;display:flex}.task-column{box-shadow:none;background:0 0;border:none;border-radius:0;min-height:auto;padding:0}.column-head{display:none}.task-list{background:var(--border);border:1px solid var(--border);border-radius:8px;gap:1px;display:grid;overflow:hidden}.task-card{background:var(--bg);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;transition:all .1s;display:grid}.task-card input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:1.5px solid #d1d1d6;border-radius:4px;outline:none;width:18px;height:18px;margin:0;position:relative}.task-card input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.task-card input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:3px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.task-card:hover{background:#f9f9f9}.task-card.is-done .task-title{color:var(--text-muted);text-decoration:line-through}.task-title{color:var(--text-strong);font-size:14px}.task-time{color:var(--text-muted);font-size:13px}.task-empty{text-align:center;color:var(--text-muted);background:var(--bg);padding:24px;font-size:14px}.focus{display:none}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.main{padding:32px 24px 48px}.task-columns{grid-template-columns:1fr}.focus{flex-direction:column;align-items:flex-start}}