:root{--md-primary: #4f5bd5;--md-on-primary: #ffffff;--md-primary-container: #e0e0ff;--md-on-primary-container: #0a0b6b;--md-secondary: #5c5b9a;--md-on-secondary: #ffffff;--md-secondary-container: #e2e0f9;--md-on-secondary-container: #1a1a2c;--md-tertiary: #8b4a63;--md-on-tertiary: #ffffff;--md-tertiary-container: #ffd8e8;--md-on-tertiary-container: #37071f;--md-error: #ba1a1a;--md-on-error: #ffffff;--md-error-container: #ffdad6;--md-on-error-container: #410002;--md-surface: #fbf8ff;--md-surface-dim: #dbd9e0;--md-surface-container-low: #f5f2fa;--md-surface-container: #efedf4;--md-surface-container-high: #e9e7ef;--md-surface-container-highest: #e3e1e9;--md-on-surface: #1b1b21;--md-on-surface-variant: #46464f;--md-outline: #777680;--md-outline-variant: #c7c5d0;--md-inverse-surface: #303036;--md-inverse-on-surface: #f2eff7;--bg: var(--md-surface);--bg-2: var(--md-surface-container-low);--bg-3: var(--md-surface-container-high);--surface: var(--md-surface-container-low);--surface-2: var(--md-surface-container);--border: var(--md-outline-variant);--text: var(--md-on-surface);--text-muted: var(--md-on-surface-variant);--primary: var(--md-primary);--primary-hover: #3f4bc4;--danger: var(--md-error);--danger-hover: #93000a;--success: #2e7d32;--low: var(--md-surface-container-highest);--medium: var(--md-primary-container);--high: var(--md-tertiary-container);--critical: var(--md-error-container);--chip-pending-container: #fff8e1;--chip-on-pending-container: #7c5800;--chip-pending: #f9a825;--chip-on-pending: #ffffff;--chip-improvement-container: #e8f5e9;--chip-on-improvement-container: #1b5e20;--chip-improvement: #43a047;--chip-on-improvement: #ffffff;--chip-meeting-container: #e3f2fd;--chip-on-meeting-container: #0d47a1;--chip-meeting: #1e88e5;--chip-on-meeting: #ffffff;--chip-content-container: #f3e5f5;--chip-on-content-container: #6a1b9a;--chip-content: #8e24aa;--chip-on-content: #ffffff;--chip-project-container: #e8eaf6;--chip-on-project-container: #283593;--chip-project: #3949ab;--chip-on-project: #ffffff;--chip-note-container: #fff3e0;--chip-on-note-container: #e65100;--chip-note: #fb8c00;--chip-on-note: #ffffff;--chip-exercise-container: #e0f2f1;--chip-on-exercise-container: #004d40;--chip-exercise: #00897b;--chip-on-exercise: #ffffff;--chip-todo-container: #e8f5e9;--chip-on-todo-container: #2e7d32;--chip-todo: #43a047;--chip-on-todo: #ffffff;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 28px;--radius-pill: 999px;--elevation-0: var(--md-surface);--elevation-1: var(--md-surface-container-low);--elevation-2: var(--md-surface-container);--elevation-3: var(--md-surface-container-high);--elevation-4: var(--md-surface-container-highest);font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--md-primary: #bfc2ff;--md-on-primary: #1a1c8f;--md-primary-container: #363cae;--md-on-primary-container: #e0e0ff;--md-secondary: #c6c4e9;--md-on-secondary: #2d2b4e;--md-secondary-container: #3c3c5b;--md-on-secondary-container: #e2e0f9;--md-tertiary: #ffb1c8;--md-on-tertiary: #3f001e;--md-tertiary-container: #5b3049;--md-on-tertiary-container: #ffd8e8;--md-error: #ffb4ab;--md-on-error: #690005;--md-error-container: #93000a;--md-on-error-container: #ffdad6;--md-surface: #131318;--md-surface-dim: #131318;--md-surface-container-low: #1b1b21;--md-surface-container: #1f1f25;--md-surface-container-high: #2a2a30;--md-surface-container-highest: #35343b;--md-on-surface: #e4e1e9;--md-on-surface-variant: #c7c5d0;--md-outline: #918f9a;--md-outline-variant: #46464f;--md-inverse-surface: #e4e1e9;--md-inverse-on-surface: #303036;--chip-pending-container: #3e2d00;--chip-on-pending-container: #ffdf9a;--chip-pending: #ffc107;--chip-on-pending: #1a1300;--chip-improvement-container: #0d3b1e;--chip-on-improvement-container: #a5d6a7;--chip-improvement: #66bb6a;--chip-on-improvement: #002b0d;--chip-meeting-container: #0d3b66;--chip-on-meeting-container: #90caf9;--chip-meeting: #42a5f5;--chip-on-meeting: #002133;--chip-content-container: #3a1a4a;--chip-on-content-container: #ce93d8;--chip-content: #ab47bc;--chip-on-content: #1a0028;--chip-project-container: #1a237e;--chip-on-project-container: #9fa8da;--chip-project: #5c6bc0;--chip-on-project: #0d1433;--chip-note-container: #3a1a00;--chip-on-note-container: #ffcc80;--chip-note: #ffa726;--chip-on-note: #1a0a00;--chip-exercise-container: #00332d;--chip-on-exercise-container: #80cbc4;--chip-exercise: #26a69a;--chip-on-exercise: #001a16;--chip-todo-container: #1b3d1b;--chip-on-todo-container: #66bb6a;--chip-todo: #66bb6a;--chip-on-todo: #001a16;--primary-hover: #d0d2ff;--danger-hover: #ffb4ab;--success: #81c784}}:root[data-theme=dark]{--md-primary: #bfc2ff;--md-on-primary: #1a1c8f;--md-primary-container: #363cae;--md-on-primary-container: #e0e0ff;--md-secondary: #c6c4e9;--md-on-secondary: #2d2b4e;--md-secondary-container: #3c3c5b;--md-on-secondary-container: #e2e0f9;--md-tertiary: #ffb1c8;--md-on-tertiary: #3f001e;--md-tertiary-container: #5b3049;--md-on-tertiary-container: #ffd8e8;--md-error: #ffb4ab;--md-on-error: #690005;--md-error-container: #93000a;--md-on-error-container: #ffdad6;--md-surface: #131318;--md-surface-dim: #131318;--md-surface-container-low: #1b1b21;--md-surface-container: #1f1f25;--md-surface-container-high: #2a2a30;--md-surface-container-highest: #35343b;--md-on-surface: #e4e1e9;--md-on-surface-variant: #c7c5d0;--md-outline: #918f9a;--md-outline-variant: #46464f;--md-inverse-surface: #e4e1e9;--md-inverse-on-surface: #303036;--chip-pending-container: #3e2d00;--chip-on-pending-container: #ffdf9a;--chip-pending: #ffc107;--chip-on-pending: #1a1300;--chip-improvement-container: #0d3b1e;--chip-on-improvement-container: #a5d6a7;--chip-improvement: #66bb6a;--chip-on-improvement: #002b0d;--chip-meeting-container: #0d3b66;--chip-on-meeting-container: #90caf9;--chip-meeting: #42a5f5;--chip-on-meeting: #002133;--chip-content-container: #3a1a4a;--chip-on-content-container: #ce93d8;--chip-content: #ab47bc;--chip-on-content: #1a0028;--chip-project-container: #1a237e;--chip-on-project-container: #9fa8da;--chip-project: #5c6bc0;--chip-on-project: #0d1433;--chip-note-container: #3a1a00;--chip-on-note-container: #ffcc80;--chip-note: #ffa726;--chip-on-note: #1a0a00;--chip-exercise-container: #00332d;--chip-on-exercise-container: #80cbc4;--chip-exercise: #26a69a;--chip-on-exercise: #001a16;--chip-todo-container: #1b3d1b;--chip-on-todo-container: #66bb6a;--chip-todo: #66bb6a;--chip-on-todo: #001a16;--primary-hover: #d0d2ff;--danger-hover: #ffb4ab;--success: #81c784;color-scheme:dark}:root[data-theme=light]{color-scheme:light}[data-palette=teal]{--md-primary: #00897b;--md-on-primary: #ffffff;--md-primary-container: #b2dfdb;--md-on-primary-container: #00251a;--md-secondary: #4a7c7c;--md-on-secondary: #ffffff;--md-secondary-container: #c8e6e9;--md-on-secondary-container: #002b2b;--md-tertiary: #7c5e6e;--md-on-tertiary: #ffffff;--md-tertiary-container: #ffd8e8;--md-on-tertiary-container: #37071f;--primary-hover: #00695c}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) [data-palette=teal]{--md-primary: #80cbc4;--md-on-primary: #00332e;--md-primary-container: #00695c;--md-on-primary-container: #b2dfdb;--md-secondary: #a5d6d6;--md-on-secondary: #003333;--md-secondary-container: #2b5e5e;--md-on-secondary-container: #c8e6e9;--md-tertiary: #ffb1c8;--md-on-tertiary: #3f001e;--md-tertiary-container: #5b3049;--md-on-tertiary-container: #ffd8e8;--primary-hover: #4db6ac}}:root[data-theme=dark] [data-palette=teal]{--md-primary: #80cbc4;--md-on-primary: #00332e;--md-primary-container: #00695c;--md-on-primary-container: #b2dfdb;--md-secondary: #a5d6d6;--md-on-secondary: #003333;--md-secondary-container: #2b5e5e;--md-on-secondary-container: #c8e6e9;--md-tertiary: #ffb1c8;--md-on-tertiary: #3f001e;--md-tertiary-container: #5b3049;--md-on-tertiary-container: #ffd8e8;--primary-hover: #4db6ac}[data-palette=green]{--md-primary: #2e7d32;--md-on-primary: #ffffff;--md-primary-container: #c8e6c9;--md-on-primary-container: #1b5e20;--md-secondary: #5b7a5e;--md-on-secondary: #ffffff;--md-secondary-container: #dcedc8;--md-on-secondary-container: #1b3b1b;--md-tertiary: #7e6b4a;--md-on-tertiary: #ffffff;--md-tertiary-container: #ffd8e8;--md-on-tertiary-container: #37071f;--primary-hover: #1b5e20}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) [data-palette=green]{--md-primary: #81c784;--md-on-primary: #003300;--md-primary-container: #1b5e20;--md-on-primary-container: #c8e6c9;--md-secondary: #a5d6a7;--md-on-secondary: #003300;--md-secondary-container: #2e5e3b;--md-on-secondary-container: #dcedc8;--md-tertiary: #ffb1c8;--md-on-tertiary: #3f001e;--md-tertiary-container: #5b3049;--md-on-tertiary-container: #ffd8e8;--primary-hover: #66bb6a}}:root[data-theme=dark] [data-palette=green]{--md-primary: #81c784;--md-on-primary: #003300;--md-primary-container: #1b5e20;--md-on-primary-container: #c8e6c9;--md-secondary: #a5d6a7;--md-on-secondary: #003300;--md-secondary-container: #2e5e3b;--md-on-secondary-container: #dcedc8;--md-tertiary: #ffb1c8;--md-on-tertiary: #3f001e;--md-tertiary-container: #5b3049;--md-on-tertiary-container: #ffd8e8;--primary-hover: #66bb6a}[data-palette=amber]{--md-primary: #f9a825;--md-on-primary: #ffffff;--md-primary-container: #fff8e1;--md-on-primary-container: #7c5800;--md-secondary: #8b7d4a;--md-on-secondary: #ffffff;--md-secondary-container: #f0e6c8;--md-on-secondary-container: #3b3300;--md-tertiary: #7b6b4a;--md-on-tertiary: #ffffff;--md-tertiary-container: #ffd8e8;--md-on-tertiary-container: #37071f;--primary-hover: #f57f17}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) [data-palette=amber]{--md-primary: #ffd54f;--md-on-primary: #4a3800;--md-primary-container: #7c5800;--md-on-primary-container: #fff8e1;--md-secondary: #c4b986;--md-on-secondary: #333300;--md-secondary-container: #5e5430;--md-on-secondary-container: #f0e6c8;--md-tertiary: #ffb1c8;--md-on-tertiary: #3f001e;--md-tertiary-container: #5b3049;--md-on-tertiary-container: #ffd8e8;--primary-hover: #ffc107}}:root[data-theme=dark] [data-palette=amber]{--md-primary: #ffd54f;--md-on-primary: #4a3800;--md-primary-container: #7c5800;--md-on-primary-container: #fff8e1;--md-secondary: #c4b986;--md-on-secondary: #333300;--md-secondary-container: #5e5430;--md-on-secondary-container: #f0e6c8;--md-tertiary: #ffb1c8;--md-on-tertiary: #3f001e;--md-tertiary-container: #5b3049;--md-on-tertiary-container: #ffd8e8;--primary-hover: #ffc107}[data-palette=rose]{--md-primary: #d81b60;--md-on-primary: #ffffff;--md-primary-container: #fce4ec;--md-on-primary-container: #880e4f;--md-secondary: #8b4a6e;--md-on-secondary: #ffffff;--md-secondary-container: #f3e5f5;--md-on-secondary-container: #4a004a;--md-tertiary: #6b5e8b;--md-on-tertiary: #ffffff;--md-tertiary-container: #ede7f6;--md-on-tertiary-container: #1a0033;--primary-hover: #c2185b}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) [data-palette=rose]{--md-primary: #f48fb1;--md-on-primary: #660033;--md-primary-container: #ad1457;--md-on-primary-container: #fce4ec;--md-secondary: #ce93d8;--md-on-secondary: #3b003b;--md-secondary-container: #5e3b5e;--md-on-secondary-container: #f3e5f5;--md-tertiary: #b39ddb;--md-on-tertiary: #1a0033;--md-tertiary-container: #3b2b5e;--md-on-tertiary-container: #ede7f6;--primary-hover: #f06292}}:root[data-theme=dark] [data-palette=rose]{--md-primary: #f48fb1;--md-on-primary: #660033;--md-primary-container: #ad1457;--md-on-primary-container: #fce4ec;--md-secondary: #ce93d8;--md-on-secondary: #3b003b;--md-secondary-container: #5e3b5e;--md-on-secondary-container: #f3e5f5;--md-tertiary: #b39ddb;--md-on-tertiary: #1a0033;--md-tertiary-container: #3b2b5e;--md-on-tertiary-container: #ede7f6;--primary-hover: #f06292}[data-palette=blue]{--md-primary: #1565c0;--md-on-primary: #ffffff;--md-primary-container: #bbdefb;--md-on-primary-container: #0d47a1;--md-secondary: #4a6e8b;--md-on-secondary: #ffffff;--md-secondary-container: #c8e6e9;--md-on-secondary-container: #00332e;--md-tertiary: #6b5e8b;--md-on-tertiary: #ffffff;--md-tertiary-container: #ede7f6;--md-on-tertiary-container: #1a0033;--primary-hover: #0d47a1}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) [data-palette=blue]{--md-primary: #64b5f6;--md-on-primary: #003366;--md-primary-container: #0d47a1;--md-on-primary-container: #bbdefb;--md-secondary: #81d4fa;--md-on-secondary: #003333;--md-secondary-container: #2b5e6e;--md-on-secondary-container: #c8e6e9;--md-tertiary: #b39ddb;--md-on-tertiary: #1a0033;--md-tertiary-container: #3b2b5e;--md-on-tertiary-container: #ede7f6;--primary-hover: #42a5f5}}:root[data-theme=dark] [data-palette=blue]{--md-primary: #64b5f6;--md-on-primary: #003366;--md-primary-container: #0d47a1;--md-on-primary-container: #bbdefb;--md-secondary: #81d4fa;--md-on-secondary: #003333;--md-secondary-container: #2b5e6e;--md-on-secondary-container: #c8e6e9;--md-tertiary: #b39ddb;--md-on-tertiary: #1a0033;--md-tertiary-container: #3b2b5e;--md-on-tertiary-container: #ede7f6;--primary-hover: #42a5f5}[data-palette=orange]{--md-primary: #e65100;--md-on-primary: #ffffff;--md-primary-container: #ffe0b2;--md-on-primary-container: #bf360c;--md-secondary: #8b6e4a;--md-on-secondary: #ffffff;--md-secondary-container: #f0e6c8;--md-on-secondary-container: #3b3300;--md-tertiary: #7b5e4a;--md-on-tertiary: #ffffff;--md-tertiary-container: #ffd8e8;--md-on-tertiary-container: #37071f;--primary-hover: #bf360c}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) [data-palette=orange]{--md-primary: #ff8a65;--md-on-primary: #662200;--md-primary-container: #bf360c;--md-on-primary-container: #ffe0b2;--md-secondary: #c4a986;--md-on-secondary: #333300;--md-secondary-container: #5e4e30;--md-on-secondary-container: #f0e6c8;--md-tertiary: #ffb1c8;--md-on-tertiary: #3f001e;--md-tertiary-container: #5b3049;--md-on-tertiary-container: #ffd8e8;--primary-hover: #ff7043}}:root[data-theme=dark] [data-palette=orange]{--md-primary: #ff8a65;--md-on-primary: #662200;--md-primary-container: #bf360c;--md-on-primary-container: #ffe0b2;--md-secondary: #c4a986;--md-on-secondary: #333300;--md-secondary-container: #5e4e30;--md-on-secondary-container: #f0e6c8;--md-tertiary: #ffb1c8;--md-on-tertiary: #3f001e;--md-tertiary-container: #5b3049;--md-on-tertiary-container: #ffd8e8;--primary-hover: #ff7043}[data-palette=purple]{--md-primary: #6a1b9a;--md-on-primary: #ffffff;--md-primary-container: #e1bee7;--md-on-primary-container: #4a0072;--md-secondary: #5e4a8b;--md-on-secondary: #ffffff;--md-secondary-container: #d1c4e9;--md-on-secondary-container: #2a004a;--md-tertiary: #8b4a6e;--md-on-tertiary: #ffffff;--md-tertiary-container: #fce4ec;--md-on-tertiary-container: #880e4f;--primary-hover: #4a0072}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) [data-palette=purple]{--md-primary: #ce93d8;--md-on-primary: #3b003b;--md-primary-container: #4a0072;--md-on-primary-container: #e1bee7;--md-secondary: #b39ddb;--md-on-secondary: #1a0033;--md-secondary-container: #3b2b5e;--md-on-secondary-container: #d1c4e9;--md-tertiary: #f48fb1;--md-on-tertiary: #660033;--md-tertiary-container: #ad1457;--md-on-tertiary-container: #fce4ec;--primary-hover: #ba68c8}}:root[data-theme=dark] [data-palette=purple]{--md-primary: #ce93d8;--md-on-primary: #3b003b;--md-primary-container: #4a0072;--md-on-primary-container: #e1bee7;--md-secondary: #b39ddb;--md-on-secondary: #1a0033;--md-secondary-container: #3b2b5e;--md-on-secondary-container: #d1c4e9;--md-tertiary: #f48fb1;--md-on-tertiary: #660033;--md-tertiary-container: #ad1457;--md-on-tertiary-container: #fce4ec;--primary-hover: #ba68c8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.material-symbols-outlined{font-size:1.25rem;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.layout{display:grid;grid-template-columns:var(--sidebar-w, 280px) 1fr;height:100vh;overflow:hidden;position:relative}.sidebar{background:var(--md-surface-container-low);border-right:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:12px;overflow:hidden;min-width:200px;max-width:500px}.sidebar-resizer{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10;transition:background .15s}.sidebar-resizer:hover,.sidebar-resizer--active{background:var(--md-primary);opacity:.4}.sidebar-resizer:after{content:"";position:absolute;top:0;right:-4px;bottom:0;left:-4px}.sidebar__brand{margin:0;display:flex;align-items:center;gap:8px;font-size:1.375rem;font-weight:500;letter-spacing:0;color:var(--primary)}.sidebar__brand .material-symbols-outlined{font-size:1.625rem}.sidebar__subtitle{margin:0 0 8px;color:var(--text-muted);font-size:.85rem}.sidebar__actions{display:flex;gap:6px;margin-bottom:8px}.sidebar__actions .btn{height:40px}.sidebar__actions .btn--primary{flex:1;min-width:0}.sidebar__actions .btn--icon{width:40px;flex-shrink:0}.sidebar__section{margin:12px 0 4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.product-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.product-list::-webkit-scrollbar{display:none}.product-item{text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:12px 14px;cursor:pointer;color:var(--text);font-family:inherit;display:flex;flex-direction:row;align-items:center;gap:8px;transition:background .15s,border-color .15s}.product-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.product-item:hover{background:var(--md-surface-container-high)}.product-item--active{border-color:transparent;background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.product-item__name{font-weight:500;display:flex;align-items:center;gap:10px}.product-item__name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.product-item__palette{width:8px;height:8px;border-radius:50%;flex-shrink:0}.product-item__status{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;font-size:.65rem;font-weight:500;border-radius:var(--radius-pill);padding:2px 8px}.product-item__status .material-symbols-outlined{font-size:.85rem}.product-item__category{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-pill);flex-shrink:0}.product-item__category .material-symbols-outlined{font-size:.85rem}.product-item__status--backlog{background:var(--md-surface-container-highest);color:var(--text-muted)}.product-item__status--in_progress{background:var(--md-primary-container);color:var(--md-on-primary-container)}.product-item__status--completed{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.product-item__status--canceled{background:var(--md-error-container);color:var(--md-on-error-container)}.product-item__pin{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin:0;cursor:pointer;color:var(--text-muted);opacity:.4;transition:opacity .15s,color .15s,font-variation-settings .15s;flex-shrink:0}.product-item__pin .material-symbols-outlined{font-size:1rem}.product-item__pin:hover{color:var(--md-primary);opacity:.7}.product-item__pin--pinned{opacity:1;color:var(--md-primary)}.product-item__pin--pinned .material-symbols-outlined{font-variation-settings:"FILL" 1}.product-item__pin:not(.product-item__pin--pinned) .material-symbols-outlined{font-variation-settings:"FILL" 0}.product-item--highlight{animation:product-highlight .7s ease-out}@keyframes product-highlight{0%{background-color:var(--md-primary-container)}to{background-color:transparent}}.product-item__category--development{background:var(--md-primary-container);color:var(--md-on-primary-container)}.product-item__category--business{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.product-item__category--study{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.product-item__category--notes{background:var(--chip-note-container);color:var(--chip-on-note-container)}.product-item__desc{font-size:.78rem;color:var(--text-muted);line-height:1.4;word-break:break-word;padding-left:28px}.product-item--active .product-item__desc{color:inherit;opacity:.75}.sidebar__archived-toggle{display:flex;align-items:center;gap:4px;width:100%;margin-top:8px;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:.82rem;cursor:pointer;font-family:inherit;text-align:left;transition:background-image .15s,border-color .15s}.sidebar__archived-toggle:hover{background-image:linear-gradient(#0000000f,#0000000f);border-color:var(--md-outline-variant)}.sidebar__archived-toggle:active{background-image:linear-gradient(#0000001a,#0000001a)}.sidebar__archived-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sidebar__archived-toggle .material-symbols-outlined{font-size:1.1rem}.sidebar__archived-body{display:flex;flex-direction:column;gap:2px;padding-left:4px}.sidebar__archived-body[hidden]{display:none}.sidebar__archived-body .product-item{padding:6px 12px;opacity:.6}.sidebar__storage{padding:12px 14px;border-top:1px solid var(--border);background:var(--md-surface-container-low);flex-shrink:0}.sidebar__storage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sidebar__storage-label{font-size:.72rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.sidebar__storage-value{font-size:.72rem;font-weight:500;color:var(--text)}.sidebar__storage-bar{height:4px;background:var(--md-surface-container-highest);border-radius:2px;overflow:hidden}.sidebar__storage-fill{height:100%;background:var(--md-primary);border-radius:2px;transition:width .3s ease}.sidebar__storage-fill--warn{background:var(--md-error)}.sidebar__actions{display:flex;flex-direction:row;gap:6px;padding-top:12px;border-top:1px solid var(--border);margin-top:auto}.content{padding:24px;display:flex;flex-direction:column;overflow:hidden}.hamburger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--md-surface-container-high);color:var(--text);cursor:pointer;margin-bottom:16px;transition:background .15s,border-color .15s}.hamburger:hover{background:var(--md-surface-container-highest);border-color:var(--md-outline)}.hamburger .material-symbols-outlined{font-size:1.5rem}.drawer-scrim{display:none}.content__header{flex-shrink:0;background:var(--bg)}.content__topbar{display:flex;align-items:center}.content__topbar-start{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:0}.content__topbar-end{display:flex;align-items:center;gap:12px;flex-shrink:0}.content__title{margin:0;font-size:1.75rem;font-weight:500;letter-spacing:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content__subtitle{margin:4px 0 16px;color:var(--text-muted)}.content__actions{display:flex;gap:8px;flex-wrap:wrap}.column{background:var(--md-surface-container-low);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:200px}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:min-content;align-content:start;gap:16px;overflow:auto;flex:1;min-height:0}.column__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.column__title{display:inline-flex;align-items:center;gap:6px;font-weight:500}.column__count{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-radius:var(--radius-pill);padding:2px 10px;font-size:.8rem;font-weight:500}.column__body{padding:12px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:80px;border-radius:0 0 var(--radius-lg) var(--radius-lg);transition:background .15s}.column__body--over{background:var(--md-primary-container);outline:2px dashed var(--primary);outline-offset:-6px}.column__empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:12px 0}.quick-add{margin-top:2px}.quick-add__btn{justify-content:flex-start;color:var(--text-muted)}.quick-add__btn:hover{color:var(--primary)}.quick-add__input{width:100%;border:1px solid var(--primary);border-radius:var(--radius);background:var(--elevation-3);color:var(--text);font-family:inherit;font-size:.9rem;padding:10px 12px;outline:none}.card{position:relative;background:var(--elevation-3);border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:grab;transition:background .15s,transform .1s,border-color .15s;container-type:inline-size}@container (max-width: 260px){.card__expand-btn-text{display:none}}@container (max-width: 200px){.chip>:last-child{display:none}}.card:hover{background:var(--elevation-4);border-color:var(--md-outline)}.card:active{cursor:grabbing}.card--dragging{opacity:.5;background:var(--elevation-4)}.card--locked{cursor:default;opacity:.55;filter:grayscale(.5);z-index:1}.card--archived{cursor:default;opacity:.6;z-index:1}.card--archived .card__title:after{content:"archive";font-family:Material Symbols Outlined;font-size:.75rem;margin-left:6px;color:var(--md-primary);vertical-align:middle}.card--archived .card__points,.card--archived .chip,.card--archived .card__expand-btn,.card--archived .card__action-btn{pointer-events:none;opacity:.5}.card--archived .card__task-check,.card--archived .card__task-delete{opacity:.35}.card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-right:40px}.card__badges{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.card>.actions-menu{position:absolute;top:8px;right:8px}.card__points{font-size:.78rem;font-weight:500;color:var(--text-muted);flex-shrink:0}button.card__points{cursor:pointer;border:1px solid transparent;border-radius:6px;background:transparent;font-family:inherit;padding:2px 8px;transition:background .15s,border-color .15s,color .15s}button.card__points:hover{background:var(--md-surface-container-highest);border-color:var(--md-outline);color:var(--text)}.card__title{margin:0 0 6px;font-size:.95rem;font-weight:500;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.card__desc{margin:0 0 8px;font-size:.82rem;color:var(--text-muted);white-space:pre-line}.card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:500;background:var(--md-surface-container-high);color:var(--text-muted);border-radius:8px;padding:3px 8px;font-family:inherit}.chip .material-symbols-outlined{font-size:.95rem}button.chip{cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}button.chip:hover{border-color:var(--md-outline);background:var(--md-surface-container-highest)}.chip--task{background:var(--md-primary-container);color:var(--md-on-primary-container)}button.chip--task:hover{background:var(--md-primary);color:var(--md-on-primary)}.chip--bug{background:var(--md-error-container);color:var(--md-on-error-container)}button.chip--bug:hover{background:var(--md-error);color:var(--md-on-error)}.chip--idea{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}button.chip--idea:hover{background:var(--md-tertiary);color:var(--md-on-tertiary)}.chip--refactor{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}button.chip--refactor:hover{background:var(--md-secondary);color:var(--md-on-secondary)}.chip--development{background:var(--md-primary-container);color:var(--md-on-primary-container)}button.chip--development:hover{background:var(--md-primary);color:var(--md-on-primary)}.chip--business{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}button.chip--business:hover{background:var(--md-secondary);color:var(--md-on-secondary)}.chip--study{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}button.chip--study:hover{background:var(--md-tertiary);color:var(--md-on-tertiary)}.chip--notes{background:var(--chip-note-container);color:var(--chip-on-note-container)}button.chip--notes:hover{background:var(--chip-note);color:var(--chip-on-note)}.chip--pending{background:var(--chip-pending-container);color:var(--chip-on-pending-container)}button.chip--pending:hover{background:var(--chip-pending);color:var(--chip-on-pending)}.chip--improvement{background:var(--chip-improvement-container);color:var(--chip-on-improvement-container)}button.chip--improvement:hover{background:var(--chip-improvement);color:var(--chip-on-improvement)}.chip--meeting{background:var(--chip-meeting-container);color:var(--chip-on-meeting-container)}button.chip--meeting:hover{background:var(--chip-meeting);color:var(--chip-on-meeting)}.chip--content{background:var(--chip-content-container);color:var(--chip-on-content-container)}button.chip--content:hover{background:var(--chip-content);color:var(--chip-on-content)}.chip--project{background:var(--chip-project-container);color:var(--chip-on-project-container)}button.chip--project:hover{background:var(--chip-project);color:var(--chip-on-project)}.chip--note{background:var(--chip-note-container);color:var(--chip-on-note-container)}button.chip--note:hover{background:var(--chip-note);color:var(--chip-on-note)}.chip--exercise{background:var(--chip-exercise-container);color:var(--chip-on-exercise-container)}button.chip--exercise:hover{background:var(--chip-exercise);color:var(--chip-on-exercise)}.chip--todo{background:var(--chip-todo-container);color:var(--chip-on-todo-container)}button.chip--todo:hover{background:var(--chip-todo);color:var(--chip-on-todo)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filter-bar--chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:0}.chip--filter{background:transparent;border:1px solid var(--md-outline);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.chip--filter:hover{background:var(--md-surface-container-high);border-color:var(--md-outline-variant)}.chip--selected{border-color:transparent}.chip--filter.chip--selected{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.chip--filter.chip--selected:hover{background:var(--md-secondary);color:var(--md-on-secondary)}.filter-bar--scroll{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.filter-bar--scroll::-webkit-scrollbar{display:none}.chip--compact{padding:3px 5px}.sort-wrapper{position:relative;flex-shrink:0}.sort-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--md-outline);border-radius:var(--radius);padding:5px 10px;font-family:inherit;font-size:.72rem;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.sort-btn:hover{background:var(--md-surface-container-high)}.sort-btn .material-symbols-outlined{font-size:1.1rem}.sort-btn--compact{padding:5px;border:none}.sort-btn--compact .material-symbols-outlined{font-size:1.2rem}.sort-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:160px;padding:4px;background:var(--md-surface-container-high);border:1px solid var(--border);border-radius:var(--radius)}.sort-menu--open{display:flex;flex-direction:column;gap:2px}.sort-menu__item{display:flex;align-items:center;width:100%;border:none;border-radius:8px;padding:9px 12px;background:transparent;color:var(--text);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:background .1s}.sort-menu__item:hover{background:var(--md-surface-container-highest)}.sort-menu__item--selected{color:var(--primary)}.board-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px}.board-wrapper .board{flex:1;min-height:0}.board__filters{flex-shrink:0}.chip__label,.chip__count{white-space:nowrap}@media (max-width: 720px){.board__filters{flex-wrap:nowrap;gap:4px}.board__filters .chip{padding:2px 5px}.board__filters .filter-bar--scroll{gap:4px}.board__filters .chip .chip__label{display:none}}.sidebar .filter-bar{padding:0 0 10px}.card__actions{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.card__tasks{display:flex;flex-direction:column;gap:4px;margin-top:4px}.card__task{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-muted)}.card__task-check{flex-shrink:0;width:18px;height:18px;margin:0;accent-color:var(--primary);cursor:pointer}.card__task--done .card__task-text{text-decoration:line-through;opacity:.6}.card__task-text{flex:1;display:flex;align-items:baseline;gap:6px;min-width:0;overflow-wrap:anywhere;transition:color .15s}.card__task-delete{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s}.card__task:hover .card__task-delete{opacity:1}.card__task .card__link-btn:hover~.card__task-text{color:var(--md-primary)}.card__task:has(.card__task-delete:hover) .card__task-text{color:var(--md-error)}.card__task-delete:hover{background:var(--md-error-container);color:var(--md-on-error-container)}.card__task-delete .material-symbols-outlined{font-size:.95rem}.card__task-input{border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-family:inherit;font-size:.82rem;padding:2px 0;outline:none;width:100%}.card__task-input:focus{border-color:var(--primary)}.card__subtask-add{display:flex;align-items:center;gap:6px}.card__subtask-save{display:none;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:none;border-radius:var(--radius-pill);background:var(--primary);color:var(--md-on-primary);cursor:pointer}.card__subtask-add--wide{flex-wrap:wrap}.card__subtask-add--wide .card__task-input{flex:1;min-width:80px}.card__links{display:flex;flex-direction:column;gap:4px;margin-top:4px}.card__link-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--md-primary);cursor:pointer;text-decoration:none;transition:background .15s}.card__link-btn:hover{background:var(--md-primary-container)}.card__link-btn--visited{color:var(--md-on-surface-variant);opacity:.6}.card__link-btn--visited:hover{background:transparent;opacity:.8}.card__link-btn--empty{color:var(--text-muted);cursor:default;opacity:.3}.card__link-btn .material-symbols-outlined{font-size:.85rem}.card__comment-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;color:var(--text-muted)}.card__comment-icon .material-symbols-outlined{font-size:.85rem}.card__comment-time{font-size:.7rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.card__time{font-size:.75rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-inline:auto;display:flex;align-items:center;min-height:28px}.card__progress{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.72rem;color:var(--text-muted)}.card__progress-bar{flex:1;height:6px;background:var(--md-surface-container-highest);border-radius:3px;overflow:hidden}.card__progress-fill{height:100%;background:var(--md-primary);border-radius:3px;transition:width .3s ease}.card__progress-fill--complete{background:var(--success)}.card__body{max-height:140px;overflow:hidden;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%);transition:max-height .25s ease}.card__body--expanded{max-height:none;mask-image:none;-webkit-mask-image:none}.card__images{display:flex;flex-direction:column;gap:8px;padding:8px 0}.card__image-wrap{position:relative;border-radius:var(--radius-sm);overflow:hidden;width:100%}.card__image-thumb{display:block;width:100%;max-height:160px;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .15s}.card__image-thumb:hover{opacity:.85}.card__image-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.card__image-wrap:hover .card__image-actions{opacity:1}.card__image-action{width:28px;height:28px;border-radius:var(--radius-pill);background:#0000008c;color:#fff;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background .15s}.card__image-action:hover{background:#000000bf}.card__image-action .material-symbols-outlined{font-size:16px}.card__image-action--delete:hover{background:#c62828}.card__footer{display:flex;align-items:center;gap:8px;margin-top:10px}.card__footer-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto}.card__action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);cursor:pointer;padding:0;transition:color .15s,background .15s;flex-shrink:0}.card__action-btn:hover{background:var(--md-surface-container-high);color:var(--primary)}.card__action-btn .material-symbols-outlined{font-size:1.1rem}.card__footer-actions .card__action-btn:hover{background:var(--md-primary-container);color:var(--md-on-primary-container)}.card__expand-btn{display:flex;justify-content:center;flex:1;align-items:center;gap:4px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--primary);font-family:inherit;font-size:.78rem;cursor:pointer;padding:6px 12px;transition:color .15s,background .15s}.card__expand-btn:hover{background:var(--md-surface-container-high);color:var(--primary)}.card__expand-btn .material-symbols-outlined{font-size:1rem}.stats{display:flex;flex-direction:column;gap:16px;padding:8px 1.2rem 16px;overflow-y:auto;flex:1;min-height:0}.stats__title{margin:0 0 8px;font-size:.8rem;font-weight:600;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.06em}.stats__title:first-child{margin-top:0}.stats__desc{margin:-4px 0 8px;font-size:.75rem;color:var(--text-muted)}.stats__title:not(:first-child){margin-top:8px}.stats__row{display:flex;align-items:center;gap:12px;font-size:.82rem;min-height:32px}.stats__row-label{width:64px;flex-shrink:0;color:var(--text-muted);font-weight:500}.stats__bar{flex:1;height:24px;background:var(--md-surface-container-highest);border-radius:var(--radius-pill);overflow:hidden}.stats__bar-fill{height:100%;border-radius:var(--radius-pill);transition:width .3s ease;display:flex;min-width:4px}.stats__bar-segments{display:flex;width:100%;height:100%}.stats__bar-seg--task{background:var(--md-primary-container)}.stats__bar-seg--bug{background:var(--md-error-container)}.stats__bar-seg--idea{background:var(--md-tertiary-container)}.stats__bar-seg--refactor{background:var(--md-secondary-container)}.stats__row-value{flex-shrink:0;font-size:.75rem;color:var(--text-muted);min-width:100px;text-align:right}.stats__badges{display:flex;flex-wrap:wrap;gap:8px}.stats__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:500;background:var(--md-surface-container-high);color:var(--md-on-surface);border-radius:var(--radius-pill)}.stats__progress{display:flex;align-items:center;gap:12px;font-size:.82rem;min-height:28px}.stats__progress-label{width:140px;flex-shrink:0;color:var(--text)}.stats__progress-bar{flex:1;height:6px;background:var(--md-surface-container-highest);border-radius:999px;overflow:hidden}.stats__progress-fill{height:100%;background:var(--md-primary);border-radius:999px;transition:width .3s ease}.stats__progress-text{flex-shrink:0;font-size:.75rem;color:var(--text-muted);min-width:80px;text-align:right}.stats__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-pill);flex-shrink:0}.badge .material-symbols-outlined{font-size:1rem}.badge--low{background:var(--low);color:var(--md-on-surface-variant)}.badge--medium{background:var(--medium);color:var(--md-on-primary-container)}.badge--high{background:var(--high);color:var(--md-on-tertiary-container)}.badge--critical{background:var(--critical);color:var(--md-on-error-container)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--md-surface-container-high);color:var(--text);border-radius:var(--radius-pill);padding:9px 18px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;letter-spacing:.01em;transition:background .15s,border-color .15s,background-image .08s}.btn .material-symbols-outlined{font-size:1.1rem}.btn:hover{border-color:var(--md-outline)}.btn:active{background-image:linear-gradient(#00000014,#00000014)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--md-on-primary)}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn--primary:active{background-image:linear-gradient(#ffffff1f,#ffffff1f)}.btn--danger{background:transparent;border-color:var(--md-outline);color:var(--danger)}.btn--danger:hover{background:var(--md-error-container);border-color:var(--danger);color:var(--md-on-error-container)}.btn--danger:active{background-image:linear-gradient(#00000014,#00000014)}.btn--ghost{background:transparent;border-color:transparent;color:var(--primary)}.btn--ghost:hover{background:var(--md-primary-container);border-color:transparent}.btn--ghost:active{background-image:linear-gradient(#4f5bd51f,#4f5bd51f)}.btn--tonal{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container);border-color:transparent}.btn--notes{background:var(--chip-note-container);color:var(--chip-on-note-container);border-color:transparent}.btn--notes:hover{background:var(--chip-note);color:var(--chip-on-note)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .btn:active,:root:not([data-theme=light]) .btn--danger:active{background-image:linear-gradient(#ffffff14,#ffffff14)}:root:not([data-theme=light]) .btn--primary:active{background-image:linear-gradient(#0000001f,#0000001f)}:root:not([data-theme=light]) .btn--ghost:active{background-image:linear-gradient(#bfc2ff1f,#bfc2ff1f)}:root:not([data-theme=light]) .sidebar__archived-toggle:hover{background-image:linear-gradient(#ffffff0f,#ffffff0f)}:root:not([data-theme=light]) .sidebar__archived-toggle:active{background-image:linear-gradient(#ffffff1a,#ffffff1a)}}:root[data-theme=dark] .btn:active,:root[data-theme=dark] .btn--danger:active{background-image:linear-gradient(#ffffff14,#ffffff14)}:root[data-theme=dark] .btn--primary:active{background-image:linear-gradient(#0000001f,#0000001f)}:root[data-theme=dark] .btn--ghost:active{background-image:linear-gradient(#bfc2ff1f,#bfc2ff1f)}:root[data-theme=dark] .sidebar__archived-toggle:hover{background-image:linear-gradient(#ffffff0f,#ffffff0f)}:root[data-theme=dark] .sidebar__archived-toggle:active{background-image:linear-gradient(#ffffff1a,#ffffff1a)}.btn--sm{padding:5px 12px;font-size:.78rem}.btn--sm .material-symbols-outlined{font-size:1rem}.btn--block{width:100%}.btn--icon{width:32px;height:32px;padding:0;border-radius:50%}.actions-menu{position:relative;display:inline-flex}.actions-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.actions-menu__trigger:hover{background:var(--md-surface-container-high)}.actions-menu__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.actions-menu__dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:150px;padding:4px;background:var(--md-surface-container-high);border:1px solid var(--border);border-radius:var(--radius);width:fit-content}.actions-menu--open .actions-menu__dropdown{display:flex;flex-direction:column;gap:2px}.actions-menu__item{display:flex;align-items:center;gap:10px;width:100%;border:none;border-radius:8px;padding:9px 12px;background:transparent;color:var(--text);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:background .1s}.actions-menu__item:hover{background:var(--md-surface-container-highest)}.actions-menu__item .material-symbols-outlined{font-size:1.15rem}.actions-menu__label{flex:1}.actions-menu__chevron{color:var(--text-muted)}.actions-menu__item--back{background:var(--md-surface-container);color:var(--text-muted);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;margin-bottom:4px}.actions-menu__item--back:hover{background:var(--md-surface-container-highest)}.actions-menu__item--danger{color:var(--danger)}.actions-menu__item:disabled{opacity:.4;cursor:default;pointer-events:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:200}.dialog{background:var(--elevation-4);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;width:min(420px,100%);display:flex;flex-direction:column;gap:20px}.dialog__message{margin:0;font-size:.95rem;line-height:1.5;color:var(--text);word-break:break-all;overflow-wrap:break-word}.dialog__highlight{color:var(--md-primary);font-weight:600}.dialog__actions{display:flex;justify-content:flex-end;gap:8px}.modal{background:var(--elevation-4);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(560px,100%);max-height:90vh;overflow-y:auto}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal__title{margin:0;font-size:1.375rem;font-weight:400}.modal__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;line-height:1;transition:background .15s,color .15s}.modal__close .material-symbols-outlined{font-size:1.5rem}.modal__close:hover{background:var(--md-surface-container-highest);color:var(--text)}.modal__body{padding:24px}.modal--image{display:flex;flex-direction:column;width:min(90vw,900px);background:var(--elevation-4);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;position:relative}.modal--image>.modal__close{position:absolute;top:12px;right:12px;z-index:10;background:#00000073;color:#fff;width:36px;height:36px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal--image>.modal__close:hover{background:#000000a6;color:#fff}.modal--image .modal__header{display:none}.modal--image .modal__body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0;background:var(--elevation-4)}.modal__image-full{display:block;max-width:100%;max-height:100%;object-fit:contain}.modal__image-body{display:flex;flex-direction:column;height:100%}.modal__image-toolbar{display:flex;justify-content:center;gap:8px;padding:12px;background:var(--md-surface);border-top:1px solid var(--border);flex-shrink:0}.modal__image-toolbar .modal__image-action{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--md-surface-container-high);color:var(--text);font-family:inherit;font-size:.85rem;cursor:pointer;transition:background .15s}.modal__image-toolbar .modal__image-action:hover{background:var(--md-primary-container);color:var(--md-on-primary-container)}.modal__image-toolbar .modal__image-action .material-symbols-outlined{font-size:1.15rem}.form{display:flex;flex-direction:column;gap:14px}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.field--checkbox{flex-direction:row;align-items:center;gap:12px;min-height:48px;padding:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.field--checkbox .field__label{cursor:pointer;font-size:.85rem;color:var(--text)}.field__text-wrapper{display:flex;flex-direction:column;gap:4px}.field__description{font-size:.75rem;color:var(--text-muted);line-height:1.3}.field--checkbox:first-of-type{margin-top:16px}.field--checkbox+.field--checkbox{margin-top:8px}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:18px;height:18px;border:2px solid var(--md-on-surface-variant);border-radius:2px;background:transparent;cursor:pointer;margin:0;position:relative;transition:background .15s,border-color .15s}.checkbox:hover{border-color:var(--md-on-surface)}.checkbox:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.checkbox:checked{background:var(--md-primary);border-color:var(--md-primary)}.checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid var(--md-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.input{background:var(--elevation-0);border:1px solid var(--md-outline);border-radius:8px;padding:10px 12px;color:var(--text);font-size:.9rem;font-family:inherit;transition:border-color .15s}.input:focus{outline:none;border-color:var(--primary);border-width:2px;padding:9px 11px}.input--area{min-height:96px;resize:vertical}.form__actions{display:flex;justify-content:flex-end}.form__error{color:var(--danger);font-size:.82rem;margin:0;min-height:1em}.form__separator{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.82rem;padding-top:4px}.form__separator:before,.form__separator:after{content:"";flex:1;height:1px;background:var(--border)}.palette-grid{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0}.palette-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;background:var(--swatch);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s;padding:0;outline:none}.palette-swatch:hover{transform:scale(1.15)}.palette-swatch:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.palette-swatch--active{border-color:var(--md-on-surface)}.palette-swatch .material-symbols-outlined{font-size:16px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.detail{display:flex;flex-direction:column;gap:20px}.detail__section h3{margin:0 0 10px;font-weight:500}.task{background:var(--md-surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:8px}.task__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task__title{flex:1;display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;font-weight:500;min-width:120px}.task__head .input{padding:6px 10px;font-size:.8rem}.estimation__inner{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:10px}.estimation__history{display:flex;flex-direction:column;gap:6px}.estimation__row{display:grid;grid-template-columns:70px 100px 1fr;gap:8px;font-size:.82rem;align-items:center}.muted{color:var(--text-muted);font-size:.85rem}.empty-state{text-align:center;padding:80px 20px}h3,h4{margin:0}.theme-toggle{position:fixed;bottom:16px;right:16px;z-index:90;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--md-surface-container-high);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.theme-toggle:hover{background:var(--md-surface-container-highest);border-color:var(--md-outline)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle .material-symbols-outlined{font-size:1.375rem}.locale-btn{position:fixed;bottom:120px;right:16px;z-index:90;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--md-surface-container-high);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.locale-btn:hover{background:var(--md-surface-container-highest);border-color:var(--md-outline)}.locale-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.locale-btn .material-symbols-outlined{font-size:1.375rem}.locale-btn__label{font-size:.65rem;font-weight:600;margin-left:1px}.help-btn{position:fixed;bottom:68px;right:16px;z-index:90;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--md-surface-container-high);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.help-btn:hover{background:var(--md-surface-container-highest);border-color:var(--md-outline)}.help-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.help-btn .material-symbols-outlined{font-size:1.375rem}.drawer-btn{display:none;position:fixed;bottom:12px;left:12px;z-index:90;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--md-surface-container-high);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.drawer-btn:hover{background:var(--md-surface-container-highest);border-color:var(--md-outline)}.drawer-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.drawer-btn .material-symbols-outlined{font-size:1.375rem}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcuts-item{display:flex;align-items:center;gap:16px}.shortcuts-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-family:inherit;font-size:.8125rem;font-weight:500;border:1px solid var(--border);border-radius:6px;background:var(--md-surface-container-highest);color:var(--text)}.shortcuts-credits{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.shortcuts-credits a{color:var(--md-primary);text-decoration:none}.shortcuts-credits a:hover{text-decoration:underline}.shortcuts-credits__icon{font-size:1rem;color:var(--md-error);vertical-align:middle}@media (max-width: 1024px){.layout{grid-template-columns:min(var(--sidebar-w, 280px),240px) 1fr}.board{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width: 720px){.layout{grid-template-columns:1fr}.sidebar-resizer{display:none}.hamburger{display:inline-flex;margin-bottom:0;flex-shrink:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,82vw);z-index:120;border-right:1px solid var(--border);border-bottom:none;padding:16px;overflow-y:auto;transform:translate(-100%);transition:transform .25s ease}.layout--drawer-open .sidebar{transform:translate(0)}.drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s ease}.layout--drawer-open .drawer-scrim{opacity:1;pointer-events:auto}.product-list{max-height:none}.content{padding:68px 16px 16px;overflow:hidden}.content__topbar{position:fixed;top:0;left:0;right:0;padding:12px 16px;z-index:30;background:var(--md-surface);display:flex;align-items:center;gap:8px}.content__topbar .content__title{font-size:1.15rem}.content__subtitle{display:none}.stats{margin-top:16px}.content__actions{flex-shrink:0}.content__actions .btn{font-size:0;gap:0;width:40px;height:40px;padding:0;border-radius:8px}.content__actions .btn .material-symbols-outlined{font-size:1.25rem}.content__topbar .actions-menu__trigger{width:40px;height:40px}.board{grid-template-columns:1fr;gap:12px}.column{min-height:auto}.modal{width:100%;border-radius:var(--radius-lg)}.modal__header{padding:16px 18px}.modal__body{padding:18px}.dialog{width:100%}.form__row{grid-template-columns:1fr}.theme-toggle{bottom:12px;right:12px;width:48px;height:48px}.locale-btn{bottom:68px;right:12px;width:48px;height:48px;font-size:1.5rem;line-height:1}.help-btn{display:none}.drawer-btn{display:inline-flex;width:48px;height:48px}}@media (max-width: 400px){.sidebar{padding:12px}.content{padding:68px 12px 12px}.card{padding:12px}}.notification-stack{position:fixed;bottom:16px;right:16px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(400px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--md-surface-container-high);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;pointer-events:auto;transform:translate(120%);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1.1),opacity .25s ease}.toast--visible{transform:translate(0);opacity:1}.toast--dismissing{transform:translate(50px);opacity:0;transition:transform .2s ease-in,opacity .2s ease-in}.toast__icon{flex-shrink:0;font-size:1.25rem;color:var(--md-primary)}.toast__message{flex:1;font-size:.875rem;line-height:1.4;color:var(--text)}.toast__action{flex-shrink:0;background:none;border:none;color:var(--md-primary);font-weight:600;font-size:.85rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background .15s;font-family:inherit}.toast__action:hover{background:var(--md-primary-container)}.toast__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.toast__close .material-symbols-outlined{font-size:1.125rem}.toast__close:hover{background:var(--md-surface-container-highest);color:var(--text)}.confetti{position:fixed;z-index:9999;pointer-events:none}.confetti__piece{position:absolute;left:0;top:0;animation:confetti-burst var(--duration, 1s) ease-out var(--delay, 0s) forwards;opacity:0}.confetti__piece svg{display:block}@keyframes confetti-burst{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--dx, 0px),var(--dy, -80px)) rotate(var(--dr, 0deg)) scale(.3);opacity:0}}.card--just-moved{animation:card-highlight .4s ease-out}@keyframes card-highlight{0%{background-color:var(--md-primary-container)}25%{background-color:var(--md-primary-container)}to{background-color:var(--elevation-3)}}@media (hover: none){.card:hover{transform:none}.card__subtask-save{display:inline-flex}.card__task-delete,.card__image-actions{opacity:1}.quick-add__save{display:inline-flex}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:999px;opacity:.35}::-webkit-scrollbar-thumb:hover{opacity:.7}::-webkit-scrollbar-thumb:active{opacity:.85}*{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.board--notes{display:flex;flex-direction:column;gap:24px;padding:8px 0;max-width:100%}.board--notes .quick-add{margin-bottom:8px}.notes-group{display:flex;flex-direction:column;gap:8px}.notes-group__header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-secondary);padding:4px 8px;border-radius:var(--radius)}.notes-group__header .material-symbols-outlined{font-size:18px;color:var(--text-muted)}.notes-group__count{margin-left:auto;font-size:12px;color:var(--text-muted);background:var(--md-surface-variant);padding:0 8px;border-radius:999px;min-width:20px;text-align:center}.notes-group__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;align-items:start}.notes-empty{text-align:center;color:var(--text-muted);padding:48px 16px;font-size:14px}.card--note{display:flex;flex-direction:column;min-height:140px}.card--note .card__footer{margin-top:auto}.card--note .chip--compact{padding:0;min-width:28px;width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:none}.card--note .chip--compact .material-symbols-outlined{font-size:16px;margin:0}.card--note .card__title--note{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 6px;color:var(--text);overflow:hidden;overflow-wrap:break-word;word-break:break-word}@media (max-width: 640px){.card--note{width:100%}}.classify-popup{display:flex;flex-direction:column;gap:2px}@media (max-width: 720px){.theme-toggle,.locale-btn,.help-btn,.drawer-btn{transition:opacity .25s ease,transform .25s ease,background .15s,border-color .15s}.board-item--hidden{opacity:0;transform:scale(.8);pointer-events:none}.board__scroll-sentinel{grid-column:1 / -1;height:1px;visibility:hidden;pointer-events:none}}