*{box-sizing:border-box}:root{color:#0f172a;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh}.portfolio-header{z-index:50;background:#fff;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 32px 0 16px;display:flex;position:sticky;top:0;box-shadow:0 8px 18px -10px #00000080}.header-logo{color:#fff;text-align:center;background:#000;width:fit-content;padding:12px 4px;font-size:1.25rem;font-weight:400;line-height:1;text-decoration:none;transition:opacity .16s,box-shadow .16s;display:block}.header-logo:hover{opacity:.85;box-shadow:0 7px 16px -9px #000}.header-logo span{display:block}.header-nav{align-items:center;gap:12px;display:flex}.text-link{color:#0f172a;background:#fff;border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.app-main{background:#eab30880;min-height:calc(100vh - 80px);padding:24px}.notification-button{color:#0f172a;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex;position:relative}.notification-button svg{width:30px;height:30px}.notification-badge{color:#fff;background:#dc2626;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 5px;font-size:.65rem;font-weight:950;display:inline-flex;position:absolute;top:3px;right:0}.notification-popover .popover-panel{min-width:min(360px,100vw - 24px);max-width:calc(100vw - 24px);right:0}.panel{background:#fff;padding:20px;box-shadow:1px 1px 5px 2px #00000015}.eyebrow{color:#64748b;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:850}.landing{gap:20px;max-width:1180px;margin:0 auto;display:grid}.landing h1{letter-spacing:0;max-width:980px;margin:0;font-size:clamp(3rem,9vw,7rem);line-height:.9}.landing p:not(.eyebrow){color:#475569;max-width:720px;margin:0;font-size:1.05rem;line-height:1.65}.primary-button,.secondary-button,.icon-button,.danger-button{border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:850;display:inline-flex}.primary-button{color:#fff;background:#0f172a;border-color:#0f172a}.secondary-button,.icon-button{color:#0f172a;background:#fff}.danger-button{color:#991b1b;background:#fff;border-color:#fecaca}.danger-zone{border:1px solid #fecaca;gap:10px;padding:12px;display:grid}.icon-button{aspect-ratio:1;width:40px;padding:0}.app-grid{grid-template-columns:300px minmax(0,1fr);gap:16px;max-width:1500px;margin:0 auto;display:grid}.sidebar{align-self:start;gap:14px;display:grid}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.toolbar-actions,.inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field-grid{gap:10px;display:grid}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.field-toggle{background:#f8fafc;border:1px solid #e2e8f0;flex-direction:row;align-items:center;gap:8px;padding:10px;display:flex}.field-toggle input{width:18px;height:18px;min-height:0}label{color:#334155;gap:6px;font-size:.82rem;font-weight:850;display:grid}input,select,textarea{color:#0f172a;border:1px solid #cbd5e1;width:100%;min-height:40px;padding:9px 10px}textarea{resize:vertical;min-height:90px}.list-nav{gap:8px;display:grid}.list-nav button{color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;gap:4px;padding:12px;display:grid}.list-nav button.active{border-color:#0f172a;box-shadow:inset 4px 0 #0f172a}.muted{color:#64748b}.list-title{margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:.9}.item-form{gap:10px;display:grid}.suggestions{flex-wrap:wrap;gap:6px;display:flex}.suggestions button{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;padding:6px 9px;font-size:.85rem;font-weight:800}.category-options{flex-wrap:wrap;gap:6px;display:flex}.category-options button,.category-pill,.category-heading span,.category-filter-bar button,.priority-filter-bar button{border:1px solid #0f172a14;padding:6px 8px;font-size:.8rem;font-weight:900;line-height:1;display:inline-flex}.category-options button{cursor:pointer}.category-filter-bar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;display:flex}.filter-groups{flex-wrap:wrap;align-items:start;gap:10px;display:flex}.filter-group{gap:5px;display:grid}.filter-group>span{color:#64748b;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:950}.priority-filter-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.list-action-bar{justify-content:flex-start;align-items:stretch;gap:10px;margin-top:12px;display:flex}.list-management-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.list-tool-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.list-tool-button:hover{box-shadow:0 7px 16px -11px #000}.list-tool-button svg{width:25px;height:25px}.filter-box{background:#fff;border:1px solid #e2e8f0;flex:auto;gap:8px;min-width:0;padding:10px;display:grid}.filter-label{color:#475569;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:950;line-height:1}.add-item-toggle{aspect-ratio:1;color:#fff;background:#0f172a;border:1px solid #0f172a;flex:none;justify-content:center;align-items:center;width:58px;height:58px;padding:0;font-size:1.8rem;font-weight:900;line-height:1;display:inline-flex}.add-item-toggle:disabled{cursor:not-allowed;opacity:.45}.add-item-panel{margin-top:12px}.category-filter-bar button,.priority-filter-bar button,.category-pill{cursor:pointer}.category-filter-bar button.selected,.priority-filter-bar button.selected{box-shadow:inset 0 0 0 2px #0f172a}.clear-filter-button{color:#0f172a!important;background:#fff!important}.items{gap:10px;margin-top:16px;display:grid}.category-group{gap:8px;display:grid}.category-heading{color:#475569;letter-spacing:.12em;text-transform:uppercase;margin:12px 0 0;font-size:.8rem;font-weight:900}.item-card{background:#fff;border:1px solid #e2e8f0;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.item-card.has-note{align-items:start}.item-card.completed{color:#64748b;background:#f8fafc}.item-card.dragging{opacity:.5}.drop-indicator{background:#0f172a;height:3px;margin:-2px 0;box-shadow:0 0 0 3px #f59e0b40}.edge-drop-zone{height:10px;margin:-3px 0}.edge-drop-zone.active{background:#0f172a;height:3px;margin:0;box-shadow:0 0 0 3px #f59e0b40}.drag-handle{color:#64748b;cursor:grab;letter-spacing:-.18em;-webkit-user-select:none;user-select:none;padding:5px 2px 0 0;font-weight:900;line-height:1}.drag-handle.disabled{cursor:default;opacity:.25}.item-menu{position:relative}.item-menu-panel{z-index:30;background:#fff;min-width:120px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:1px 1px 8px 2px #00000020}.item-menu-panel button{color:#0f172a;text-align:left;background:0 0;border:0;padding:9px 10px;font-size:.86rem;font-weight:850}.item-menu-panel button:hover{background:#f8fafc}.item-menu-panel .danger-menu-item{color:#991b1b}.item-card input[type=checkbox]{width:22px;height:22px;min-height:0;margin:1px 0 0}.item-title{flex-wrap:wrap;align-items:center;gap:8px;font-weight:900;display:flex}.quantity-pill{color:#64748b;background:#f1f5f9;padding:4px 7px;font-size:.78rem;font-weight:900;line-height:1}.item-main{min-width:0}.item-note{color:#64748b;margin:4px 0 0;font-size:.78rem;line-height:1.35}.item-right{justify-content:flex-end;align-items:center;gap:8px;min-width:0;padding-top:0;display:flex}.item-meta{color:#64748b;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-size:.84rem;display:flex}.item-meta span{background:#f1f5f9;padding:4px 7px}.item-meta .category-pill{padding:4px 7px}.item-meta button.category-pill{font-family:inherit}.empty-state{color:#64748b;background:#fff;border:1px dashed #cbd5e1;padding:18px;font-weight:800}.popover{position:relative}.popover-panel{z-index:40;background:#fff;gap:12px;min-width:min(360px,100vw - 32px);padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:1px 1px 8px 2px #00000020}.notification-list,.history-list,.friend-list,.collaborator-list{gap:8px;display:grid}.small-card{background:#f8fafc;border:1px solid #e2e8f0;gap:8px;padding:10px;display:grid}.avatar-row{align-items:center;gap:10px;display:flex}.avatar-menu{position:relative}.avatar-button{background:0 0;border:0;padding:0;display:inline-flex}.avatar-menu-panel{z-index:50;background:#fff;gap:8px;min-width:220px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:1px 1px 8px 2px #00000020}.avatar-menu-panel button{color:#fff;background:#0f172a;border:1px solid #0f172a;min-height:38px;padding:0 12px;font-weight:850}.avatar{color:#fff;background:#0f172a 50%/cover;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:900;display:inline-flex;overflow:hidden}.presence{flex-wrap:wrap;gap:6px;display:flex}.presence span{color:#166534;background:#dcfce7;padding:5px 7px;font-size:.78rem;font-weight:900}.modal-backdrop{z-index:80;background:#0f172a80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;gap:14px;width:min(720px,100%);max-width:720px;max-height:min(760px,100vh - 40px);padding:22px;display:grid;overflow:auto;box-shadow:1px 1px 16px 4px #00000030}.modal h2{margin:0}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-modal{max-width:760px}.tool-modal-content{gap:14px;display:grid}@media (max-width:1120px){.app-grid{grid-template-columns:280px minmax(0,1fr)}}@media (max-width:760px){.app-main{padding:14px}.portfolio-header{padding-right:16px}.toolbar{align-items:stretch}.list-action-bar,.category-filter-bar,.list-management-actions{justify-content:flex-start}.app-grid,.field-grid.two{grid-template-columns:1fr}.items{gap:8px}.item-card,.item-card.has-note{grid-template-columns:18px 28px minmax(0,1fr) 42px;align-items:start;gap:6px 8px;padding:11px 10px}.drag-handle{align-self:start;width:18px;padding:7px 0 0;font-size:.95rem}.item-card input[type=checkbox]{width:24px;height:24px;margin-top:2px}.item-title{gap:6px;padding-top:2px;line-height:1.25}.quantity-pill{padding:3px 6px;font-size:.72rem}.item-note{margin-top:3px;font-size:.76rem;line-height:1.3}.item-right{display:contents}.item-meta{grid-column:3/-1;justify-content:flex-start;padding-right:2px;line-height:1.2}.item-meta:empty{display:none}.item-meta span,.item-meta .category-pill{padding:4px 6px;font-size:.72rem}.item-menu{grid-area:1/4;place-self:start end}.item-menu .icon-button{background:0 0;border-color:#0000;width:34px;min-height:34px;font-size:1.2rem}.item-menu-panel{top:calc(100% + 4px);right:0}}