:root{color:#1c1f23;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.shell{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:40px 0}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-panel{width:min(420px,100%);border:1px solid #ded7ca;border-radius:8px;padding:28px;background:#fffdf8;box-shadow:0 12px 30px #50442d14}.auth-panel h1{margin-bottom:24px;font-size:2.2rem}.auth-panel button{min-height:42px;border:0;border-radius:6px;padding:0 16px;background:#244c40;color:#fff;font-weight:700;cursor:pointer}.today{display:grid;gap:24px}.eyebrow{margin:0 0 6px;color:#657064;font-size:.82rem;font-weight:700;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.1rem,6vw,4.8rem);line-height:.98;letter-spacing:0}h2{margin-bottom:16px;font-size:1rem}.focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel,.capture,.project-detail,.project-explorer{border:1px solid #ded7ca;border-radius:8px;background:#fffdf8;box-shadow:0 12px 30px #50442d14}.panel{min-height:260px;padding:20px}.item-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.item-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:12px 0}.item-main{display:grid;gap:4px;min-width:0}.item-main span{overflow-wrap:anywhere}.inline-context{color:#6d746c;font-size:.92em}.completed span{color:#6d746c;text-decoration:line-through}.item-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.compact-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.circle-action{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d8d0c2;border-radius:50%;padding:0;background:#fffdf8;color:#244c40;font-size:1.1rem;font-weight:800;line-height:1;cursor:pointer}.circle-action:hover,.circle-action:focus{background:#eee7da}.circle-action.complete{background:#244c40;color:#fff}.circle-action:disabled{cursor:default;opacity:.8}.item-menu-wrap{position:relative}.item-menu{position:absolute;top:38px;right:0;z-index:7;display:grid;min-width:128px;border:1px solid #d8d0c2;border-radius:6px;padding:4px;background:#fffdf8;box-shadow:0 12px 26px #50442d24}.item-menu button{min-height:34px;border:0;border-radius:4px;padding:0 10px;background:transparent;color:#384138;text-align:left;cursor:pointer}.item-menu button:hover,.item-menu button:focus{background:#eee7da}.item-actions button,.item-edit button,.create-form button{min-height:34px;border:0;border-radius:6px;padding:0 12px;background:#244c40;color:#fff;font-weight:700;cursor:pointer}.item-actions .secondary-action{border:1px solid #d8d0c2;background:#fffdf8;color:#384138}.item-actions select{min-width:126px;min-height:34px;border:1px solid #d8d0c2;border-radius:6px;padding:0 8px;background:#fff;color:#384138}.item-actions button:disabled,.item-edit button:disabled,.create-form button:disabled{cursor:wait;opacity:.7}.item-list small,.empty{color:#6d746c}.capture{margin-bottom:24px;padding:16px}.capture label{display:block;margin-bottom:10px;color:#384138;font-weight:700}.capture-row{display:grid;grid-template-columns:1fr auto;gap:10px}.capture input{min-width:0;height:44px;border:1px solid #d8d0c2;border-radius:6px;padding:0 12px;background:#fff}.capture button{height:44px;border:0;border-radius:6px;padding:0 16px;background:#244c40;color:#fff;font-weight:700;cursor:pointer}.capture button:disabled{cursor:wait;opacity:.7}.projects{display:grid;gap:18px;margin-top:28px}.item-edit input,.item-edit select,.item-edit textarea,.create-form input,.create-form select,.create-form textarea{min-width:0;border:1px solid #d8d0c2;border-radius:6px;padding:0 12px;background:#fff}.item-edit input,.item-edit select,.create-form input,.create-form select{height:44px}.project-workspace{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:16px}.project-explorer{display:grid;align-content:start;gap:4px;min-height:260px;padding:10px}.project-tree-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:4px;align-items:center}.project-create-row{min-height:36px;border:1px solid #d8d0c2;border-radius:6px;padding:0 12px;background:#fffdf8;color:#244c40;font-weight:700;text-align:left;cursor:pointer}.project-create-row:hover,.project-create-row:focus{background:#eee7da}.project-tree-button{width:100%;min-height:36px;border:0;border-radius:6px;background:transparent;color:#384138;text-align:left;cursor:pointer}.tree-add-button{width:30px;height:30px;border:1px solid transparent;border-radius:6px;background:transparent;color:#244c40;cursor:pointer;opacity:0}.project-tree-row:hover .tree-add-button,.tree-add-button:focus,.tree-add-button[aria-expanded=true]{opacity:1}.tree-add-button:hover,.tree-add-button:focus{border-color:#d8d0c2;background:#fffdf8}.tree-create-menu{position:absolute;top:34px;right:0;z-index:5;display:grid;min-width:128px;border:1px solid #d8d0c2;border-radius:6px;padding:4px;background:#fffdf8;box-shadow:0 12px 26px #50442d24}.tree-create-menu button{min-height:34px;border:0;border-radius:4px;padding:0 10px;background:transparent;color:#384138;text-align:left;cursor:pointer}.tree-create-menu button:hover,.tree-create-menu button:focus{background:#eee7da}.project-tree-button:hover,.project-tree-button.active{background:#eee7da}.project-detail{display:grid;align-content:start;gap:18px;min-height:260px;padding:20px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:#6d746c;font-size:.92rem}.breadcrumbs button{border:0;padding:0;background:transparent;color:#244c40;cursor:pointer}h3{margin:0;font-size:1rem}h4{margin:0 0 10px;color:#384138;font-size:.92rem}.project-description{margin-bottom:0;color:#384138;line-height:1.45;overflow-wrap:anywhere}.item-body{margin-bottom:0;color:#384138;line-height:1.4;overflow-wrap:anywhere}.markdown-body{display:grid;gap:8px;font-size:.94rem}.markdown-body :where(p,ul,ol,blockquote,pre){margin:0}.markdown-body :where(ul,ol){display:grid;gap:4px;padding-left:20px}.markdown-body :where(a){color:#1d5f77;font-weight:700}.markdown-body :where(code){border-radius:4px;padding:1px 4px;background:#eee7da;color:#1c1f23;font-size:.92em}.markdown-body :where(pre){overflow-x:auto;border:1px solid #ded7ca;border-radius:6px;padding:10px;background:#f7f4ee}.markdown-body :where(pre code){padding:0;background:transparent}.markdown-body :where(blockquote){border-left:3px solid #d8d0c2;padding-left:10px;color:#565f56}.markdown-preview{grid-column:1 / -1;min-height:44px;border:1px solid #ded7ca;border-radius:6px;padding:10px 12px;background:#f7f4ee}.markdown-editor{line-height:1.45}.project-tasks{display:grid;gap:18px}.project-item-section{display:grid;gap:8px}.project-item-section+.project-item-section{padding-top:4px}.project-item-list{display:grid;gap:8px;padding:0;margin:0;list-style:none}.project-item-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 0}.item-edit{display:grid;grid-template-columns:minmax(130px,auto) minmax(0,1fr);gap:10px;width:100%}.item-edit textarea{grid-column:1 / -1;min-height:82px;padding-top:10px;resize:vertical}.item-date-row{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.edit-actions{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:8px}.edit-actions .secondary-action{border:1px solid #d8d0c2;background:#fffdf8;color:#384138}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#1c1f233d}.create-modal{display:grid;gap:18px;width:min(520px,100%);border:1px solid #ded7ca;border-radius:8px;padding:18px;background:#fffdf8;box-shadow:0 18px 42px #1c1f232e}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.icon-button{width:34px;height:34px;border:1px solid #d8d0c2;border-radius:6px;background:#fffdf8;color:#384138;cursor:pointer}.create-form{display:grid;grid-template-columns:minmax(130px,auto) minmax(0,1fr);gap:10px}.create-form>input:first-child{grid-column:1 / -1}.create-form textarea{grid-column:1 / -1;min-height:90px;padding-top:10px;resize:vertical}.item-date-row label{display:grid;gap:6px;color:#384138;font-size:.88rem;font-weight:700}@media(max-width:720px){.shell{width:min(100vw - 24px,1120px);padding:24px 0}.focus-grid,.capture-row,.item-edit,.create-form,.item-date-row,.project-workspace{grid-template-columns:1fr}.item-list li{align-items:flex-start;flex-direction:column}.item-actions{justify-content:flex-start;width:100%}.item-actions select{flex:1 1 160px}.project-item-list li{align-items:flex-start;flex-direction:column}.capture button{width:100%}}
