:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-smooth: .22s ease;--transition-slow: .3s ease;--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--easing-elastic: cubic-bezier(.2, .85, .2, 1);--grid-transition: grid-template-columns .42s var(--easing-elastic), grid-template-rows .42s var(--easing-elastic);--touch-target-size: 44px;--icon-btn-size: 40px;--focus-outline-width: 2px;--focus-outline-offset: 2px;--quadrant-do-now-bg: #9083ff1a;--quadrant-do-now-border: #9083ff;--quadrant-do-later-bg: #f5a3631a;--quadrant-do-later-border: #f5a363;--quadrant-delegate-bg: #7af5e71a;--quadrant-delegate-border: #7af5e7;--quadrant-eliminate-bg: #f2f3641a;--quadrant-eliminate-border: #f2f364;--color-bg-transparent: rgba(255, 255, 255, .02);--color-border-light: rgba(255, 255, 255, .14);--color-border-lighter: rgba(255, 255, 255, .18);--color-border-subtle: rgba(255, 255, 255, .22);--color-bg-button-hover: rgba(255, 255, 255, .08);--color-bg-button-active: rgba(255, 255, 255, .12);--color-opacity-disabled: .5;--color-opacity-muted: .75;--color-opacity-secondary: .8;--filter-dominant: saturate(1.02);--filter-shrunk: saturate(.85);--filter-opacity-shrunk: .95;--z-base: 0;--z-elevated: 1;--z-modal: 10;--z-popover: 20;--z-tooltip: 30}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-smooth: 0ms;--transition-slow: 0ms;--grid-transition: none}}.icon-btn{width:var(--icon-btn-size);height:var(--icon-btn-size);padding:0;border-radius:var(--radius-lg);font-size:var(--font-size-2xl);line-height:1;display:grid;place-items:center;border:none;cursor:pointer;background:transparent;color:inherit;transition:background var(--transition-fast)}.icon-btn:hover{background:var(--color-bg-button-hover)}.icon-btn:active{background:var(--color-bg-button-active);transform:translateY(1px)}.icon-btn:focus-visible{outline:var(--focus-outline-width) solid currentColor;outline-offset:var(--focus-outline-offset)}.icon-btn:disabled{opacity:var(--color-opacity-disabled);cursor:not-allowed;pointer-events:none}button{border:none;background:transparent;cursor:pointer;font-family:inherit;color:inherit}button:disabled{opacity:var(--color-opacity-disabled);cursor:not-allowed;pointer-events:none}input,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:var(--focus-outline-width) solid currentColor;outline-offset:var(--focus-outline-offset)}.cdk-drag,.cdk-drag:active{cursor:default}.cdk-drag-preview{opacity:.7;box-shadow:var(--shadow-lg)}.fade-in{animation:fadeIn var(--transition-smooth)}.fade-out{animation:fadeOut var(--transition-smooth)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.scale-in{animation:scaleIn var(--transition-smooth)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[role=status],[role=alert]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp{display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3}.placeholder{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite}.skeleton-task-card{display:flex;flex-direction:column;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);min-height:100px}.skeleton-task-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.skeleton-title{height:18px;width:70%;border-radius:6px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite}.skeleton-expand-btn{width:32px;height:32px;border-radius:8px;flex-shrink:0;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite}.skeleton-meta{display:flex;gap:8px;height:14px}.skeleton-due-date{width:80px;border-radius:4px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite}.skeleton-tag{width:60px;height:20px;border-radius:999px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite}.skeleton-quadrant{display:grid;grid-template-columns:1fr;gap:12px;padding:16px;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);min-height:200px}.skeleton-quadrant-header{height:24px;width:40%;border-radius:6px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite;margin-bottom:12px}.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-loading-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#4aa3ff1a;border:1px solid rgba(74,163,255,.2);font-size:12px;font-weight:600;opacity:.8}.skeleton-loading-dot{width:6px;height:6px;border-radius:50%;background:#4aa3ff99;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}--- *{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0f1115;color:#e9eef7}a{color:inherit}button{font:inherit;border:0;border-radius:12px;padding:10px 12px;cursor:pointer;background:#ffffff14;color:#e9eef7;transition:transform .12s ease,background .12s ease}button:hover{background:#ffffff1f}button:active{transform:translateY(1px)}input,textarea{font:inherit;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e9eef7;padding:8px 12px}textarea{resize:vertical}.cdk-drag-preview{border-radius:14px;box-shadow:0 12px 32px #00000073}.cdk-drag-placeholder{opacity:.35;filter:saturate(.7)}.cdk-drop-list-dragging .task-card{pointer-events:none;transition:transform .18s ease}body.drag-lock app-task-card .card{pointer-events:none}body.drag-lock app-task-card .drag-handle{pointer-events:auto}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1;vertical-align:middle}