:root{color:#253332;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f0e8;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}#root{min-height:100svh}.app-shell{background:radial-gradient(circle at 90% 0,#e7d6bd 0,#0000 34rem),#f3f0e8;min-height:100svh}.topbar{border-bottom:1px solid #c9c5b8;justify-content:space-between;align-items:flex-end;max-width:1180px;margin:0 auto;padding:28px 36px 22px;display:flex}.topbar-actions{align-items:center;gap:26px;display:flex}.nav-back{color:#8a6b4b;cursor:pointer;letter-spacing:.04em;background:0 0;border:0;padding:8px 0;font-family:Trebuchet MS,sans-serif;font-size:.76rem;font-weight:700}.nav-back span{margin-right:7px;font-size:1rem}.eyebrow,.section-label{color:#8a6b4b;letter-spacing:.12em;text-transform:uppercase;font-family:Trebuchet MS,sans-serif;font-size:.72rem;font-weight:700}h1,h2,h3,p{margin:0}h1{color:#253332;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1}.status-dot{color:#52715a;letter-spacing:.08em;text-transform:uppercase;font-family:Trebuchet MS,sans-serif;font-size:.75rem;font-weight:700}.status-dot:before{content:"";background:#6d9b71;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status-dot.offline{color:#8c9188}.status-dot.offline:before{background:#aaa699}.workspace{grid-template-columns:280px minmax(0,1fr);max-width:1180px;min-height:calc(100svh - 160px);margin:0 auto;display:grid}.item-view{max-width:980px;min-height:calc(100svh - 110px);margin:0 auto}.list-view{max-width:1180px;min-height:calc(100svh - 110px);margin:0 auto;padding:38px 36px}.list-view-heading{border-bottom:1px solid #c9c5b8;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:34px;display:flex}.list-view-heading h2{margin:10px 0 8px}.list-view-heading p{color:#6e756d}.overview-new-list{width:min(100%,280px);margin:0}.list-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding-top:34px;display:grid}.list-card{color:#253332;cursor:pointer;text-align:left;background:#f3f0e880;border:1px solid #c9c5b8;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:110px;padding:18px;font-size:1.1rem;display:grid}.list-card:hover{background:#e9e4d8;border-color:#8a6b4b}.list-card-mark{color:#f3f0e8;background:#52715a;place-items:center;width:40px;height:40px;font-family:Trebuchet MS,sans-serif;font-size:.85rem;font-weight:700;display:grid}.empty-list-view{color:#6e756d;text-align:center;border:1px dashed #bbb6a8;place-items:center;min-height:280px;margin-top:34px;display:grid}.empty-list-view h3{color:#253332;font-size:1.5rem;font-weight:400}.sidebar{border-right:1px solid #c9c5b8;padding:34px 28px}.section-label{justify-content:space-between;margin-bottom:20px;display:flex}.sidebar nav{gap:5px;display:grid}.list-link{color:#5a625c;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:3px;padding:12px 14px}.list-link:hover,.list-link.active{color:#253332;background:#e3dfd2}.new-list{border-bottom:1px solid #a9a497;margin-top:28px;display:flex}.new-list input{color:#253332;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:9px 0}.new-list button{color:#8a6b4b;cursor:pointer;background:0 0;border:0;width:34px;font-size:1.5rem}.board{padding:28px clamp(20px,5vw,64px)}.board-header{border-bottom:1px solid #c9c5b8;justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px;display:flex}.board-actions{flex-shrink:0;gap:8px;display:flex}.quiet-button{color:#5a625c;cursor:pointer;background:0 0;border:1px solid #aaa699;border-radius:2px;padding:9px 14px;font-family:Trebuchet MS,sans-serif;font-size:.76rem}.danger-button{color:#8d4036;cursor:pointer;background:0 0;border:1px solid #a76358;border-radius:2px;padding:9px 14px;font-family:Trebuchet MS,sans-serif;font-size:.76rem}.danger-button:disabled{cursor:default;opacity:.4}.danger-button.solid{color:#fff;background:#8d4036}.empty-board{color:#6e756d;text-align:center;border:1px dashed #bbb6a8;place-items:center;max-width:560px;min-height:220px;margin:24px auto 0;display:grid}.empty-mark{color:#b78d63;font-size:2.5rem;line-height:1}.empty-board h3{color:#253332;font-size:1.5rem;font-weight:400}.empty-board p{font-size:.95rem}.empty-board input{text-align:center;background:0 0;border:0;border-bottom:1px solid #aaa699;outline:0;width:min(80%,340px);padding:12px 0}.item-list{gap:2px;margin:20px 0 0;display:grid}.group-drop-zone{min-height:44px}.group-drop-zone.drop-target{background:#b78d6314}.drop-preview{color:#8a6b4b;letter-spacing:.04em;border:1px dashed #b78d63;margin:8px 12px;padding:11px 12px;font-family:Trebuchet MS,sans-serif;font-size:.76rem}.group-header{color:#8a6b4b;letter-spacing:.12em;text-transform:uppercase;min-height:1em;margin:12px 10px 2px;font-family:Trebuchet MS,sans-serif;font-size:.74rem}.checked-divider{color:#8c9188;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #c9c5b8;margin:30px 12px 4px;padding-top:18px;font-family:Trebuchet MS,sans-serif;font-size:.72rem;font-weight:700}.item-row{color:#253332;border-bottom:1px solid #d4d0c5;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 10px;display:flex}.item-row[draggable]{touch-action:none}.item-row input{accent-color:#52715a;width:18px;height:18px}.item-main{color:#253332;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:8px 0;font-size:1rem}.item-row input:checked+.item-main{color:#8c9188;text-decoration:line-through}.quantity{color:#8a6b4b;margin-left:8px;font-family:Trebuchet MS,sans-serif;font-size:.82rem;font-style:normal;font-weight:700}.comment-indicator{color:#b78d63;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;font-size:.7rem;text-decoration:none;display:grid}.comment-indicator[aria-expanded=true]{color:#52715a}.item-comment{color:#5a625c;white-space:pre-wrap;background:#e9e4d8a6;border-left:2px solid #b78d63;width:100%;margin:-2px 42px 8px;padding:9px 12px;font-size:.9rem;line-height:1.4}.item-entry{border-bottom:1px solid #aaa699;width:min(100%,520px);margin:0;display:flex}.item-entry input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:13px 0}.item-entry button{color:#8a6b4b;cursor:pointer;background:0 0;border:0;width:38px;font-size:1.5rem}.error{color:#9b4d3d;margin:18px 0 -18px;font-family:Trebuchet MS,sans-serif;font-size:.85rem}.live-notification{z-index:2;color:#f3f0e8;background:#253332;border:1px solid #52715a;align-items:center;gap:18px;max-width:min(380px,100vw - 36px);padding:14px 16px;font-family:Trebuchet MS,sans-serif;font-size:.86rem;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 34px #2533323d}.live-notification button{color:#f3f0e8;cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;font-size:1.25rem}.login-shell,.loading-shell{place-items:center;padding:24px;display:grid}.login-panel{background:#f3f0e8bf;border:1px solid #c9c5b8;width:min(100%,420px);padding:48px}.login-panel h1{margin:14px 0 12px;font-size:3.5rem}.login-panel p{color:#6e756d}.login-panel form{gap:10px;margin-top:32px;display:grid}.login-panel label{color:#5a625c;text-transform:uppercase;font-family:Trebuchet MS,sans-serif;font-size:.78rem;font-weight:700}.login-panel input{background:0 0;border:0;border-bottom:1px solid #aaa699;outline:0;padding:12px 0}.login-button{color:#f3f0e8;cursor:pointer;background:#253332;border:0;margin-top:12px;padding:13px 16px}.dialog-backdrop{background:#25333261;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#f3f0e8;border:1px solid #c9c5b8;width:min(100%,410px);padding:28px;box-shadow:0 18px 55px #25333233}.confirm-dialog h3{color:#253332;margin:10px 0 8px;font-size:1.7rem;font-weight:400}.confirm-dialog p{color:#6e756d}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.item-dialog{background:#f3f0e8;border:1px solid #c9c5b8;gap:16px;width:min(100%,430px);padding:30px;display:grid;box-shadow:0 18px 55px #25333233}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.item-dialog h3{color:#253332;font-size:1.7rem;font-weight:400}.dialog-close{color:#8a6b4b;cursor:pointer;background:0 0;border:0;font-size:1.6rem}.item-dialog label{color:#5a625c;text-transform:uppercase;gap:7px;font-family:Trebuchet MS,sans-serif;font-size:.75rem;font-weight:700;display:grid}.item-dialog input,.item-dialog textarea{color:#253332;text-transform:none;background:#faf8f2;border:1px solid #c9c5b8;outline:0;padding:10px;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:400}@media (width<=680px){.topbar{align-items:flex-start;padding:20px 18px 16px}.topbar-actions{flex-direction:column-reverse;align-items:flex-end;gap:5px}.status-dot{margin-top:4px}.list-view{padding:24px 18px}.list-view-heading{flex-direction:column;align-items:flex-start}.overview-new-list{width:100%}.workspace{display:block}.sidebar{border-bottom:1px solid #c9c5b8;border-right:0;padding:22px}.sidebar nav{display:flex;overflow-x:auto}.list-link{white-space:nowrap}.new-list{max-width:300px}.board{padding:20px 18px}.board-header{flex-direction:column;align-items:stretch;gap:12px}.board-actions{justify-content:flex-end}.item-entry{width:100%}.live-notification{bottom:18px;right:18px}}