:root{color:#202824;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;border-right:1px solid #ddd7cb;background:#202824;color:#f8fbf6;padding:28px 20px}.brand{display:flex;align-items:center;gap:12px}.mobile-menu-button,.mobile-menu-close,.menu-scrim{display:none}.brand strong,.brand span{display:block}.brand strong{font-size:18px;letter-spacing:0}.brand span,.muted,.date-line,.empty-state,.journal-footer,.task-row p,.history-item p{color:#68736d}.sidebar .brand span,.sidebar .eyebrow,.sidebar .status-row{color:#b7c4bc}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#f2b45d;color:#202824}.nav-list{display:grid;gap:8px}.nav-button,.secondary-button,.primary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;border:1px solid transparent;font-weight:650}.nav-button{justify-content:flex-start;width:100%;padding:10px 12px;background:transparent;color:#dbe7df}.nav-button.active,.nav-button:hover{background:#33453c;color:#fff}.sidebar-card,.panel,.sync-banner,.warning-banner{border:1px solid #dfe5dd;border-radius:8px;background:#fff}.sidebar-card{margin-top:auto;padding:14px;border-color:#3b4d44;background:#29372f}.eyebrow{display:block;margin-bottom:6px;color:#7e6b56;font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.status-row{display:flex;align-items:center;gap:8px;margin-top:8px;color:#4b554f;font-size:14px}.workspace{padding:26px;background:linear-gradient(180deg,rgba(242,180,93,.08),transparent 260px),#f6f7f4}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.topbar h1,.panel h2{margin:0;letter-spacing:0}.topbar h1{font-size:clamp(34px,4vw,52px);line-height:1}.date-line{margin:0 0 8px;font-weight:650}.account-area{display:flex;align-items:center;gap:10px}.account-chip,.count-pill,.reminder-chip{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;background:#edf5ef;color:#2f6f55;padding:0 11px;font-size:13px;font-weight:700;white-space:nowrap}.secondary-button,.icon-button{background:#fffdf8;border-color:#d7d0c2;color:#303a35;padding:0 14px}.primary-button{background:#2f6f55;color:#fff;padding:0 15px;border-color:#2f6f55}.panel>.secondary-button+.secondary-button{margin-left:8px}.icon-button{width:40px;padding:0}.sync-banner,.warning-banner{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px}.sync-banner span{color:#2f6f55;font-weight:800}.sync-banner p,.warning-banner{margin:0;color:#59645e}.sync-banner button{margin-left:auto;border:0;background:transparent;color:#2f6f55;font-weight:800}.warning-banner{color:#8a3e2d;background:#fff2ed}.reminder-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px;border:1px solid #e1d2ba;border-radius:8px;background:#fff9ed;padding:14px 16px}.reminder-strip strong{display:block}.reminder-strip button{border:0;background:transparent;color:#9a5c2f;font-weight:800}.reminder-strip-list{display:flex;min-width:0;flex-wrap:wrap;gap:8px}.reminder-strip-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid #ecd8bb;border-radius:999px;background:#fffdf8;color:#4c4135;padding:7px 10px;font-size:13px;font-weight:750}.reminder-strip-chip time{color:#9a5c2f}.reminder-strip-chip.due{border-color:#d08b57;background:#fff1df}.planner-grid,.settings-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px}.timeline-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:20px}.timeline-main,.timeline-side{display:grid;gap:16px;align-content:start}.day-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid #dfe5dd;border-radius:8px;background:#fff;padding:12px}.day-control strong{display:block;color:#202824;font-size:15px}.day-control .eyebrow{margin-bottom:2px}.today-button{min-height:38px}.timeline-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid #dfe5dd;border-radius:8px;background:#fff;padding:20px}.timeline-hero h2{max-width:680px;margin:0;font-size:clamp(28px,4vw,44px);line-height:1.02;letter-spacing:0}.timeline-add{margin:0;border:1px solid #dfe5dd;border-radius:8px;background:#fff;padding:14px}.timeline-board{display:grid;grid-template-columns:52px 76px minmax(0,1fr);min-height:520px;border:1px solid #dfe5dd;border-radius:8px;overflow:hidden;background:#fff}.event-rail{display:grid;grid-template-rows:auto 1fr auto 1fr auto 1fr auto;justify-items:center;border-right:1px solid #e7ece5;background:#fff;padding:18px 0}.rail-line{width:2px;min-height:58px;background:#d8ded6}.rail-node{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;color:#fff}.rail-node.write{background:#6b4f9f}.rail-node.alert{background:#d9534f}.rail-node.done{background:#2f6f55}.rail-node.later{background:#2f63c6}.timeline-axis{display:grid;grid-template-rows:repeat(6,1fr);border-right:1px solid #e7ece5;background:#f9faf7;color:#738079;font-size:12px;font-weight:800}.timeline-axis span{display:flex;align-items:flex-start;justify-content:center;border-bottom:1px solid #e7ece5;padding-top:14px}.timeline-items{display:grid;gap:12px;align-content:start;padding:16px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 85px,#edf1eb 86px),#fff}.history-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;border:1px solid #e1d2ba;border-radius:8px;background:#fff9ed;color:#202824;padding:14px;text-align:left}.history-cta-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:999px;background:#fff;color:#2f6f55}.history-cta strong,.history-cta small{display:block}.history-cta small{margin-top:3px;color:#68736d;font-weight:600}.timeline-task{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #dfe5dd;border-left:5px solid #2f6f55;border-radius:8px;background:#fff;padding:14px;box-shadow:0 10px 24px #1f28230f}.timeline-task.due{border-left-color:#c8673c;background:#fff8f2}.timeline-time{display:inline-flex;align-items:center;gap:7px;color:#8b5d2e;font-size:13px;font-weight:850}.timeline-copy strong,.profile-card strong{display:block}.timeline-copy p{margin:3px 0 0;color:#68736d;font-size:14px}.timeline-side .journal-panel textarea{min-height:265px}.reminder-strip.compact{grid-template-columns:1fr;margin-bottom:0}.profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:18px 0;border:1px solid #dfe5dd;border-radius:8px;background:#f9faf7;padding:12px}.profile-card img,.profile-avatar{width:42px;height:42px;border-radius:999px}.profile-avatar{display:grid;place-items:center;background:#2f6f55;color:#fff;font-weight:900;text-transform:uppercase}.profile-card span{display:block;overflow:hidden;color:#68736d;text-overflow:ellipsis;white-space:nowrap}.journal-archive{display:grid;gap:10px;margin-top:14px}.journal-archive h3{margin:0;font-size:16px}.journal-archive article{border:1px solid #e7ece5;border-radius:8px;background:#f9faf7;padding:12px}.journal-archive time{color:#8b5d2e;font-size:12px;font-weight:850}.journal-archive p{display:-webkit-box;margin:5px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#4f5b54}.panel{padding:20px}.wide-panel{max-width:980px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.quick-add{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) 118px auto;gap:10px;align-items:end;margin-bottom:18px}label{display:grid;gap:6px;color:#6f756f;font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid #d9d2c6;border-radius:8px;background:#fff;color:#26302c;outline:none}input,select{min-height:40px;padding:0 12px}textarea{min-height:340px;resize:vertical;padding:14px;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#3f6f5e;box-shadow:0 0 0 3px #3f6f5e24}.task-list,.history-list{display:grid;gap:10px}.task-row,.history-item{display:grid;align-items:center;gap:12px;border:1px solid #e2dbcf;border-radius:8px;background:#fdfaf3;padding:12px}.task-row{grid-template-columns:auto minmax(0,1fr) auto}.task-row.due{border-color:#d08b57;background:#fff8ef}.task-row strong,.history-item strong{display:block}.task-row p,.history-item p{margin:3px 0 0;font-size:14px}.check-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d7d0c2;border-radius:999px;background:#fff;color:#3f6f5e}.journal-panel{display:flex;flex-direction:column}.journal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:14px}.empty-state{border:1px dashed #d3cbbd;border-radius:8px;padding:28px 16px;text-align:center}.history-item{grid-template-columns:auto minmax(0,1fr) auto}.history-check{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:#3f6f5e;color:#fff}.details-list{display:grid;gap:10px;margin:18px 0}.details-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ebe5da;padding-bottom:8px}.details-list dt{color:#6f756f}.details-list dd{margin:0;font-weight:800}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:min(82vw,310px);transform:translate(-102%);border-right:0;padding:20px;transition:transform .18s ease}.sidebar.open{transform:translate(0)}.nav-list{grid-template-columns:1fr}.nav-button{justify-content:flex-start}.nav-button svg{display:block}.mobile-menu-button,.mobile-menu-close{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid #d7d0c2;border-radius:8px;background:#fffdf8;color:#202824}.mobile-menu-close{margin-left:auto;border-color:#3b4d44;background:#29372f;color:#f8fbf6}.menu-scrim{position:fixed;inset:0;z-index:20;display:block;border:0;background:#1016136b}.planner-grid,.settings-grid,.timeline-layout{grid-template-columns:1fr}.quick-add{grid-template-columns:1fr 1fr}.reminder-strip{grid-template-columns:1fr}.timeline-board{grid-template-columns:44px 58px minmax(0,1fr)}}@media(max-width:640px){.workspace{padding:14px}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.sync-banner,.journal-footer{align-items:stretch;flex-direction:column}.topbar h1{font-size:36px}.date-line{font-size:14px}.account-area{grid-column:1 / -1;justify-content:space-between}.sync-banner{gap:8px;padding:12px}.sync-banner button{margin-left:0;align-self:flex-start}.quick-add{grid-template-columns:1fr}.day-control{grid-template-columns:auto minmax(0,1fr) auto}.day-control .icon-button:last-child{display:none}.timeline-hero,.panel{padding:16px}.timeline-hero{display:grid}.timeline-hero h2{font-size:28px;line-height:1.08}.timeline-board{grid-template-columns:34px 52px minmax(0,1fr);min-height:470px}.event-rail{padding:14px 0}.rail-node{width:24px;height:24px}.timeline-items{padding:12px}.task-row,.history-item,.timeline-task{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px}.timeline-time{grid-column:1 / -1}.timeline-copy p{font-size:13px}.reminder-chip,.history-item time{grid-column:2;justify-self:start}}