:root{--ink:#132239;--mute:#7c8795;--navy:#142740;--cream:#f6f5f0;--bg:#f5f7f7;--line:#e7ebea;--lime:#c4e98a;--mint:#ecf7e2;--red:#d7625e;--shadow:0 14px 38px rgba(27,41,54,.04)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.shell{display:flex;min-height:100vh}.sidebar{width:243px;background:#14243a;color:#fafbf9;display:flex;flex-direction:column;padding:30px 20px 25px;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:2px 12px 55px}.brand-symbol{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--lime);font-weight:900;font-size:25px;color:var(--navy)}.brand-symbol span{color:#6d8c44}.brand strong{display:block;font-size:17px;letter-spacing:-.6px}.brand small{font-size:10px;display:block;color:#a5b0bf;letter-spacing:.7px;margin-top:3px}.navigation{display:grid;gap:10px}.navigation a{padding:14px 15px;border-radius:10px;color:#b9c2d0;font-weight:600}.navigation a span{display:inline-block;width:26px;font-size:19px;vertical-align:-2px}.navigation a.active{background:#2b3d52;color:#fff}.sidebar-bottom{margin-top:auto;padding:15px 10px 0;color:#94a3b7}.sidebar-bottom p{font-size:11px;line-height:1.75}.cloud-chip{display:flex;align-items:center;gap:8px;font-size:11px;padding:11px;border:1px solid #3c5063;border-radius:9px;color:#d6e3ef}.led{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:#f8b365}.cloud-chip.connected .led{background:var(--lime)}.main-column{width:100%;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:44px clamp(28px,4.6vw,76px) 31px;background:#fbfcfa;border-bottom:1px solid var(--line)}.eyebrow{font-weight:800;letter-spacing:1.7px;font-size:10px;color:#85918d}.topbar h1{font-size:clamp(31px,3.1vw,44px);letter-spacing:-1.9px;line-height:1.05;margin:12px 0 9px}.topbar p{color:#84909c;margin:0}.title-dot{color:#96bd65}.top-right{display:flex;align-items:center;gap:15px}.prototype-pill{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#7a8c67;background:#eef5e6;padding:9px 12px;border-radius:20px;white-space:nowrap}.light-btn,.outline-btn,.icon-btn{border:1px solid #dce4e0;background:#fff;color:var(--ink);border-radius:9px;padding:11px 14px;font-weight:700}.light-btn:hover,.outline-btn:hover{background:#f4f8f2}.primary-btn{border:0;background:var(--navy);color:white;border-radius:9px;padding:12px 17px;font-weight:800;white-space:nowrap}.primary-btn:hover{background:#30465e}.primary-btn span{padding-left:12px}.text-btn{border:0;background:transparent;color:#526473;font-weight:750;padding:8px 0}.text-btn:hover{text-decoration:underline}main{max-width:1450px;margin:auto;padding:34px clamp(28px,4.6vw,76px) 60px}.card{background:#fff;border:1px solid #e7ece9;border-radius:17px;box-shadow:var(--shadow)}.gate{max-width:620px;margin:25px auto 50px;padding:42px}.gate-top{display:flex;align-items:center;gap:13px}.gate-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:#739e43;font-size:23px}.gate h2{font-size:28px;letter-spacing:-.9px;margin:17px 0 7px}.gate p{color:#718091;line-height:1.65;margin:0 0 24px}.gate-fields{display:grid;gap:8px}.gate-fields label{font-weight:700;font-size:12px}.gate-fields input{border:1px solid #dce3e1;border-radius:9px;padding:13px;outline:none;width:100%;margin-bottom:10px}.gate-fields input:focus,.task-entry input:focus,textarea:focus{border-color:#a7bc93;box-shadow:0 0 0 3px #ecf6e5}.gate-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.gate-hint{display:block;color:#8b969e;font-size:11px;line-height:1.6;margin-top:20px}.notice{margin:0 0 20px;padding:13px 16px;border-radius:10px;background:#e7f2df;border:1px solid #c9e2bc;color:#456240;font-weight:650}.notice.warn{background:#fff3df;border-color:#efd49d;color:#775423}.notice.bad{background:#fff0ee;border-color:#e9c7c2;color:#9c4540}.command-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.command-strip h2{font-size:26px;letter-spacing:-.9px;margin:5px 0}.command-actions{display:flex;align-items:center;gap:9px}.icon-btn{font-size:22px;line-height:17px;padding:11px 15px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric{border:1px solid #e7ece8;border-radius:14px;padding:22px 24px;background:#fff;min-height:142px}.metric.dark{background:var(--navy);border-color:var(--navy);color:#fff}.metric-tag{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#a4b0ad}.metric.dark .metric-tag{color:#9cb1b4}.metric strong{font-size:42px;font-weight:800;letter-spacing:-2px;display:block;line-height:1.3}.metric small{font-size:11px;color:#9ba5a5}.metric.dark small{color:#adbdce}.metric small span{color:var(--lime);margin-left:6px}.progress-rail{height:7px;background:#edf1eb;border-radius:20px;overflow:hidden;margin-top:8px}.progress-rail span{background:#9ebf76;display:block;height:100%;width:0;transition:width .3s}.content-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:20px}.task-card{padding:26px;min-height:570px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-head h3{font-size:26px;letter-spacing:-.7px;margin:7px 0 0}.date-chip{font-size:11px;font-weight:800;color:#677a70;background:#eff6e9;padding:9px 12px;border-radius:8px}.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:28px}.day{border:1px solid #e7ece7;background:#fdfefd;border-radius:10px;padding:11px 2px;text-align:center;color:#758485;min-height:70px}.day strong{display:block;font-size:16px;color:#314253;margin-top:6px}.day span{font-size:10px;font-weight:750;text-transform:uppercase}.day.selected{background:var(--navy);border-color:var(--navy);color:var(--lime)}.day.selected strong{color:#fff}.task-entry{display:flex;gap:7px;padding:8px;border:1px solid #e3e9e6;border-radius:11px;margin-bottom:16px}.task-entry input{min-width:0;border:0;outline:none;flex:1;padding:9px 7px}.task-entry input:focus{box-shadow:none}.task-entry select{border:0;background:#f4f7f4;color:#506272;border-radius:7px;font-size:11px;padding:0 8px;max-width:120px}.task-entry button{padding:10px 14px}.task-list{min-height:192px;display:grid;align-content:start;gap:10px}.task-line{display:flex;align-items:center;gap:12px;padding:15px;border-radius:10px;background:#fafbf9;border:1px solid #eff0ed}.task-line input{height:18px;width:18px;accent-color:#91aa75}.task-line .task-name{font-weight:650;overflow-wrap:anywhere;flex:1}.task-line.completed .task-name{text-decoration:line-through;color:#8d9894}.task-line .task-high{font-size:9px;border-radius:50px;padding:5px 7px;background:#fff0e9;color:#c66c48;font-weight:800}.delete-btn{border:0;background:transparent;color:#9ba7a4;font-size:20px;padding:2px 5px}.delete-btn:hover{color:#b9453f}.empty{text-align:center;padding:48px 10px;color:#96a19e}.empty span{display:block;font-size:28px;margin-bottom:6px}.task-foot{display:flex;justify-content:space-between;color:#98a39e;font-size:11px;border-top:1px solid #edf0ee;padding-top:20px;margin-top:20px}.side-stack{display:grid;gap:18px;align-content:start}.focus-card,.notes-card,.sync-card{padding:24px}.side-stack h3{font-size:19px;letter-spacing:-.5px;margin:8px 0 15px}.side-stack textarea{width:100%;border:1px solid #ecede9;resize:vertical;background:#fafbf8;border-radius:8px;line-height:1.6;padding:14px;color:#1d3045;outline:none}.writing-foot{display:flex;justify-content:space-between;color:#a2afa7;font-size:11px;margin-top:10px}.sync-head{display:flex;align-items:center;justify-content:space-between}.cloud-state{color:#49743b;font-size:10px;background:#edf6e9;border-radius:50px;padding:6px 9px;font-weight:800}.sync-card p{line-height:1.5;color:#7a8a91;font-size:12px;margin:0 0 15px}.sync-actions{display:flex;gap:8px;flex-wrap:wrap}.sync-actions button{font-size:11px}.sync-actions.secondary{margin-top:10px}.how{margin-top:40px;padding:29px 2px}.how h2{font-size:25px;letter-spacing:-.7px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}.how-grid>div{border-top:2px solid #bfd49f;padding-top:15px}.how-grid p{color:#879493;line-height:1.55;font-size:12px}.how small{color:#9a8171}.modal-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#14253ca6;padding:20px;z-index:20}.modal{max-width:440px;padding:27px}.modal p{color:#677583;line-height:1.6}.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.modal-actions button{font-size:12px}@media(max-width:1050px){.sidebar{width:200px}.content-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-card{grid-column:span 2}}@media(max-width:720px){.shell{display:block}.sidebar{height:auto;width:100%;position:static;padding:12px 18px}.brand{padding:0}.navigation,.sidebar-bottom{display:none}.topbar{padding:22px 20px;align-items:flex-start;flex-wrap:wrap}.topbar h1{font-size:30px}.top-right{width:100%;justify-content:space-between}main{padding:22px 16px 40px}.gate{padding:25px;margin:8px auto 25px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metric{padding:15px 11px;min-height:112px}.metric strong{font-size:30px}.metric small{font-size:9px}.metric-tag{font-size:8px}.command-strip h2{font-size:20px}.command-actions{gap:5px}.command-actions button{padding:9px}.task-card{padding:15px;min-height:0}.days{gap:4px}.day{min-height:62px;padding:9px 2px}.day strong{font-size:14px}.day span{font-size:8px}.task-entry{flex-wrap:wrap}.task-entry input{flex-basis:100%}.task-entry select{flex:1;padding:10px 7px}.task-entry button{flex:1}.side-stack{grid-template-columns:1fr}.sync-card{grid-column:auto}.how-grid{grid-template-columns:1fr}.task-foot{gap:8px}.gate h2{font-size:23px}}