:root{--bg:#e8eff0;--card:#fff;--text:#1a2433;--muted:#5b6573;--accent:#006b5f;--danger:#a8181f;--border:#d9e1ea;--active-bg:#e3f8ea;--inactive-bg:#edf1f4}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top right,#dcefe8,transparent 35%),var(--bg)}a{color:inherit}p{margin:0}main{max-width:720px;margin:0 auto;padding:18px 16px 32px}.app-shell{min-height:100vh}.home-shell{gap:6px}h1,h2,h3{margin:0}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px}.stack{display:grid;grid-gap:12px;gap:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 0}.topbar h1{font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.15}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}button,input,select,textarea{font:inherit}.button-link,button{border:0;background:var(--accent);color:#fff;border-radius:12px;padding:8px 12px;text-decoration:none;cursor:pointer}.button-link.secondary,button.secondary{background:#36536b}button.danger{background:var(--danger)}label{display:grid;grid-gap:5px;gap:5px;font-size:14px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}.grid-2{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.small{color:var(--muted);font-size:13px}.desktop-only,.header-actions{display:inline-flex}.header-actions{align-items:center;gap:6px}.topbar .button-link{padding:5px 9px;font-size:12px;border-radius:9px}.settings-list{display:grid;grid-gap:10px;gap:10px}.settings-form-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:center}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px}.settings-category-card,.settings-row{border:1px solid var(--border);border-radius:12px;background:#f9fbfc}.settings-category-card{padding:10px;display:grid;grid-gap:8px;gap:8px}.settings-meta-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.task-list{display:grid;grid-gap:6px;gap:6px}.category-list{display:grid;grid-gap:8px;gap:8px}.category-group{border:1px solid #dbe3eb;border-radius:12px;padding:8px;background:#f8fbfd;display:grid;grid-gap:6px;gap:6px}.category-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.category-title{font-size:14px}.task-panel{display:grid;grid-gap:6px;gap:6px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px;padding:1px;background:#eef3f6;border:1px solid #d8e0e7;border-radius:8px}.segment-btn{border:0;background:transparent;color:#4e6072;font-weight:700;font-size:12px;border-radius:6px;padding:3px 6px;line-height:1.1}.segment-btn-active{background:#fff;color:#1f334a;box-shadow:0 1px 3px rgba(23,35,51,.16)}.task-item{border:1px solid var(--border);border-radius:14px;padding:10px;display:grid;grid-gap:4px;gap:4px;cursor:-webkit-grab;cursor:grab}.task-item:active{cursor:-webkit-grabbing;cursor:grabbing}.task-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.task-actions{gap:6px}.icon-chip,.task-actions{display:inline-flex;align-items:center}.icon-chip{border:0;width:32px;height:32px;border-radius:10px;justify-content:center;color:#fff;text-decoration:none}.icon-chip-edit{background:#2f6a9b}.icon-chip-delete{background:#a8181f}.task-item-active{background:var(--active-bg);border-color:#9ad4aa}.task-item-inactive{background:var(--inactive-bg);border-color:#cdd7df}.compact-line{margin:0}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.pill{font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px}.pill-active{color:#0b6d34;background:#d4f5e0}.pill-paused{color:#516170;background:#dde5eb}.pill-open{color:#805d00;background:#ffefc0}.pill-clear{color:#35506a;background:#dce9f5}.icon-link{display:inline-flex;align-items:center;gap:6px}.mobile-nav{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:min(540px,calc(100% - 20px));background:#fff;border:1px solid var(--border);border-radius:16px;padding:8px;display:none;grid-template-columns:1fr auto 1fr;gap:6px;box-shadow:0 6px 24px rgba(27,40,56,.12);z-index:19}.nav-tab{border-radius:12px;padding:6px 8px;min-height:54px;display:grid;place-items:center;grid-gap:4px;gap:4px;text-decoration:none;color:#516070;font-size:12px;font-weight:600;background:#f6f8fa}.nav-tab-active{color:#0e6f34;background:#def5e5}.nav-plus{width:56px;height:56px;border-radius:999px;background:var(--accent);color:#fff;box-shadow:0 10px 24px rgba(0,59,52,.28);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transform:translateY(-16px)}.nav-plus-active{background:#0d7b6c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:720px){main{max-width:560px;padding:12px 12px 86px}.grid-2,.settings-form-row{grid-template-columns:1fr}.desktop-only{display:none}.mobile-nav{display:grid}}