:root{color:#25231f;font-synthesis:none;text-rendering:optimizelegibility;background:#efe9dc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background-color:#efe9dc;background-image:radial-gradient(#312b210e .8px,#0000 .8px);background-size:7px 7px;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}main{width:min(1460px,100% - 48px);margin:0 auto;padding:54px 0 28px}.masthead{grid-template-columns:1.1fr .9fr;align-items:end;gap:40px;max-width:1280px;margin:0 auto 42px;display:grid}.eyebrow,.dialog-kicker{color:#c9432e;letter-spacing:.22em;margin:0 0 12px;font-size:12px;font-weight:800}h1{letter-spacing:-.075em;margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(62px,7vw,112px);font-weight:500;line-height:.78}h1 span{color:#c9432e}.intro{justify-content:space-between;align-items:end;gap:24px;padding-bottom:4px;display:flex}.intro p{color:#625e55;margin:0;font-size:15px;line-height:1.8}.primary-button,.save-button{color:#fffdf8;cursor:pointer;background:#25231f;border:0;flex:none;padding:16px 20px;font-weight:750;transition:transform .15s,box-shadow .15s;box-shadow:5px 5px #c9432e}.primary-button:hover,.save-button:hover{transform:translate(2px,2px);box-shadow:3px 3px #c9432e}.primary-button span{margin-right:10px;font-size:20px;line-height:0;display:inline-block}.board{background:#25231f;border:2px solid #25231f;grid-template-columns:1fr 1fr;gap:2px;display:grid;position:relative;box-shadow:9px 9px #25231f29}.quadrant{background:#f8f3e9;min-width:0;min-height:360px;padding:24px;transition:filter .16s,box-shadow .16s}.quadrant-do{--accent:#c9432e;background:#f4e8dd}.quadrant-schedule{--accent:#365c93;background:#e6ebed}.quadrant-delegate{--accent:#9b6d20;background:#f1ebd9}.quadrant-drop{--accent:#647162;background:#e8e9df}.quadrant.is-target{box-shadow:inset 0 0 0 5px var(--accent);filter:brightness(.96)}.quadrant-heading{border-bottom:1px solid #25231f4d;justify-content:space-between;gap:20px;padding-bottom:20px;display:flex}.quadrant-index{color:var(--accent);font-family:Georgia,serif;font-size:15px;font-style:italic}.quadrant h2{margin:3px 0 4px;font-family:Georgia,Songti SC,serif;font-size:clamp(21px,2vw,30px);font-weight:600}.quadrant-heading p{color:#706d66;letter-spacing:.08em;margin:0;font-size:12px}.count{border:1px solid;border-radius:50%;flex:0 0 37px;place-items:center;width:37px;height:37px;font-family:Georgia,serif;font-size:18px;display:grid}.item-list{gap:10px;margin-top:16px;display:grid}.item-card{background:#fffdf8d9;border:1px solid #25231f3d;grid-template-columns:17px 24px minmax(0,1fr) 30px;align-items:center;gap:11px;min-height:67px;padding:10px 9px 10px 12px;transition:transform .15s,opacity .15s;display:grid;position:relative;box-shadow:2px 2px #25231f1c}.item-card:hover{transform:translateY(-1px)}.item-card.is-completed{opacity:.54}.item-card.is-completed strong{text-decoration:line-through}.item-card.is-dragging{opacity:.25}.drag-handle{cursor:grab;touch-action:none;background:0 0;border:0;grid-template-columns:repeat(2,3px);place-content:center;gap:3px;width:17px;height:34px;padding:0;display:grid}.drag-handle:active{cursor:grabbing}.drag-handle i{pointer-events:none;background:#77736b;border-radius:50%;width:3px;height:3px}.check{cursor:pointer;background:0 0;border:1px solid #5f5b53;width:23px;height:23px;padding:0}.check.checked{border-color:var(--accent);background:var(--accent);color:#fff}.item-copy{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:2px 0}.item-copy strong{overflow-wrap:anywhere;font-size:14px;line-height:1.35;display:block}.item-copy small{overflow-wrap:anywhere;color:#77736b;margin-top:4px;font-size:11px;display:block}.item-menu{position:relative}.item-menu summary{text-align:center;letter-spacing:1px;cursor:pointer;width:30px;padding:8px 4px;list-style:none}.item-menu summary::-webkit-details-marker{display:none}.menu-popover{z-index:20;background:#fffdf8;border:1px solid #25231f;gap:8px;width:210px;padding:12px;display:grid;position:absolute;top:34px;right:0;box-shadow:5px 5px #25231f33}.menu-popover button{text-align:left;cursor:pointer;background:#eee9df;border:0;padding:7px}.menu-popover .danger{color:#9d2f21}.menu-popover label{color:#77736b;gap:4px;font-size:11px;display:grid}.menu-popover select{background:#fff;border:1px solid #aaa399;min-width:0;padding:7px;font-size:12px}.empty-state{color:#77736b;cursor:pointer;background:0 0;border:1px dashed #aaa399;min-height:66px}.empty-state span{color:var(--accent);margin-right:8px;font-weight:800}.add-inline{color:#656159;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;margin-top:15px;padding:5px 0;font-size:12px}.add-inline:hover{color:#25231f;border-color:currentColor}.axis-label{z-index:2;color:#77736b;letter-spacing:.18em;font-size:10px;font-weight:800;position:absolute}.axis-top{top:-22px;left:2px}.axis-side{top:50%;right:-58px;transform:rotate(90deg)}footer{color:#6b675f;justify-content:space-between;align-items:center;gap:20px;padding:22px 2px;font-size:12px;display:flex}footer p{margin:0}.status-dot{background:#647162;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 0 3px #64716229}.clear-button{color:#8f3528;cursor:pointer;background:0 0;border:0;border-bottom:1px solid}.clear-button:disabled{color:#aaa399;cursor:default;border-color:#0000}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#25231fad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#f8f3e9;border:2px solid #25231f;width:min(660px,100%);max-height:calc(100vh - 40px);padding:34px;position:relative;overflow-y:auto;box-shadow:10px 10px #c9432e}.dialog h2{margin:0 0 26px;font-family:Georgia,Songti SC,serif;font-size:30px}.dialog-close{cursor:pointer;background:0 0;border:0;font-family:Georgia,serif;font-size:27px;position:absolute;top:16px;right:18px}.dialog form{gap:20px;display:grid}.dialog form>label,fieldset{border:0;gap:7px;margin:0;padding:0;font-size:12px;font-weight:750;display:grid;position:relative}.dialog em{color:#8c877e;font-size:10px;font-style:normal;font-weight:500}.dialog input[type=text],.dialog input:not([type]),.dialog textarea{background:#fffdf8;border:1px solid #8b867c;border-radius:0;outline:0;width:100%;padding:13px}.dialog input:focus,.dialog textarea:focus{border-color:#c9432e;box-shadow:inset 3px 0 #c9432e}.dialog textarea{resize:vertical;min-height:76px}.char-count{color:#9c978e;font-size:9px;font-weight:500;position:absolute;bottom:7px;right:9px}legend{margin-bottom:8px}.quadrant-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quadrant-option input{opacity:0;position:absolute}.quadrant-option>span{cursor:pointer;background:#fffdf8;border:1px solid #aaa399;grid-template-columns:auto 1fr;gap:2px 11px;padding:11px;display:grid}.quadrant-option b{color:var(--option-accent);grid-row:span 2;font-family:Georgia,serif;font-size:17px;font-style:italic}.quadrant-option strong{font-size:12px}.quadrant-option small{color:#77736b;font-weight:500}.quadrant-option input:checked+span{border-color:var(--option-accent);box-shadow:inset 4px 0 0 var(--option-accent);background:color-mix(in srgb, var(--option-accent) 7%, #fffdf8)}.option-do{--option-accent:#c9432e}.option-schedule{--option-accent:#365c93}.option-delegate{--option-accent:#9b6d20}.option-drop{--option-accent:#647162}.dialog-actions{justify-content:flex-end;align-items:center;gap:18px;margin-top:4px;display:flex}.dialog-actions>button:first-child{cursor:pointer;background:0 0;border:0;border-bottom:1px solid}.save-button{padding:13px 18px}.save-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.drag-ghost{z-index:100;pointer-events:none;background:#fffdf8;border:1px solid #25231f;width:min(280px,75vw);padding:14px;font-size:13px;font-weight:750;position:fixed;transform:translate(-24px,-50%);box-shadow:5px 5px #c9432e}@media (width<=860px){main{width:min(100% - 28px,680px);padding-top:34px}.masthead{grid-template-columns:1fr;gap:26px}h1{font-size:clamp(58px,18vw,90px)}.intro{align-items:center}.board{grid-template-columns:1fr}.quadrant{min-height:280px}.axis-label{display:none}}@media (width<=520px){main{width:calc(100% - 20px);padding-top:24px}.masthead{margin-bottom:28px}h1{font-size:17vw}.intro{flex-direction:column;align-items:stretch;gap:17px}.primary-button{text-align:center}.quadrant{padding:18px 14px}.quadrant h2{font-size:22px}.item-card{grid-template-columns:17px 23px minmax(0,1fr) 28px;gap:8px}footer{flex-direction:column;align-items:flex-start}.dialog{padding:28px 18px 22px;box-shadow:6px 6px #c9432e}.dialog h2{padding-right:20px;font-size:25px}.quadrant-options{grid-template-columns:1fr}.dialog-actions{justify-content:space-between}.menu-popover{width:min(210px,68vw);right:-4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
