:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:4px;--radius-md:8px;--shadow-sm:0 8px 22px #22263614;--shadow-md:0 20px 48px #22263629;--transition-fast:.16s ease}:root,:root[data-theme=light]{--color-bg:#f5f6fb;--color-surface:#fff;--color-surface-strong:#edeff9;--color-text:#1e2233;--color-muted:#585f78;--color-border:#e2e5f0;--color-primary:#4f46e5;--color-primary-strong:#3730a3;--color-primary-soft:#e5e8ff;--color-accent:#0f766e;--color-accent-soft:#cdf3ec;--color-warning:#b45309;--color-danger:#c81d29;--color-danger-strong:#a81622;--color-danger-soft:#fbdfe1;--color-focus:#2563eb}:root[data-theme=dark]{--color-bg:#14161f;--color-surface:#1c2130;--color-surface-strong:#262c3d;--color-text:#f2f4fb;--color-muted:#a7aec6;--color-border:#333a4d;--color-primary:#5f5ce9;--color-primary-strong:#b7bdff;--color-primary-soft:#2b2f52;--color-accent:#4fd1c5;--color-accent-soft:#123531;--color-warning:#fbbf24;--color-danger:#c92c38;--color-danger-strong:#ff8f98;--color-danger-soft:#3a2530;--color-focus:#7aa2ff}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-bg)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary-soft) 45%, transparent), transparent 34rem), radial-gradient(circle at top right, color-mix(in srgb, var(--color-accent-soft) 40%, transparent), transparent 30rem), var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);font-family:var(--font-sans), serif;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 45%, transparent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-3);left:var(--space-3);z-index:20;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);transition:transform var(--transition-fast);font-weight:700;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:2.5rem;padding:0 var(--space-4);background:var(--color-primary);color:#fff;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;font-weight:700;display:inline-flex}.button:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 82%, #000);transform:translateY(-1px)}.button--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.button--secondary:hover:not(:disabled){background:var(--color-surface-strong)}.button--ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.button--ghost:hover:not(:disabled){background:var(--color-surface-strong)}.button--danger{background:var(--color-danger)}.button--danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 82%, #000)}.button--sm{min-height:2.125rem;padding:0 var(--space-3);font-size:.875rem}.button__icon{display:inline-flex}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 96%, transparent);box-shadow:var(--shadow-sm)}.field{gap:var(--space-2);display:grid}.field__label{color:var(--color-muted);font-size:.875rem;font-weight:700}.field__control{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);padding:.8rem .95rem}.field__control--textarea{resize:vertical;min-height:8rem}.field__helper{color:var(--color-muted);font-size:.8125rem}.select-control,.search-field{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:2.5rem;padding:0 var(--space-3);background:var(--color-surface);color:var(--color-text);display:inline-flex}.select-control select{color:inherit;background:0 0;border:0}.select-control--wide,.select-control--wide select{width:100%}@media (width>=720px){.select-control--wide{width:auto}}.search-field{width:100%}.search-field input{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0}.segmented-control{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.segmented-control__item{border:0;border-right:1px solid var(--color-border);min-height:2.5rem;color:var(--color-muted);background:0 0;font-weight:700}.segmented-control__item:last-child{border-right:0}.segmented-control__item[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary-strong)}.modal{width:min(100% - 2 * var(--space-4), 36rem);max-height:calc(100dvh - 2 * var(--space-5));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);padding:0;overflow:auto}.modal::backdrop{background:#12151c94}.modal__panel{padding:var(--space-5)}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.modal__header h2{margin:0;font-size:1.25rem}.skeleton{gap:var(--space-3);padding:var(--space-4) 0;display:grid}.skeleton__header{gap:var(--space-2);color:var(--color-muted);display:grid}.skeleton__pulse{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--color-surface-strong), color-mix(in srgb, var(--color-primary-soft) 65%, var(--color-surface)), var(--color-surface-strong));background-size:220% 100%;animation:1.2s linear infinite pulse;display:block;overflow:hidden}.skeleton__title{width:12rem;height:1rem}.skeleton__row{height:5.5rem}@keyframes pulse{to{background-position:-220% 0}}.app-shell{width:min(100%,1440px);padding:var(--space-4);margin:0 auto}@media (width>=720px){.app-shell{padding:var(--space-6)}}.app-shell__main{padding-top:var(--space-6)}.app-shell__music{bottom:var(--space-4);z-index:3;margin-top:var(--space-5);justify-content:flex-end;display:flex;position:sticky}.topbar{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 92%, transparent);padding:var(--space-4);box-shadow:var(--shadow-sm);align-items:center;display:grid}@media (width>=1120px){.topbar{grid-template-columns:auto 1fr auto}}.topbar__nav,.topbar__actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.topbar__nav a{align-items:center;gap:var(--space-1);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-muted);font-weight:700;display:inline-flex}.topbar__nav a.active{background:var(--color-primary-soft);color:var(--color-primary-strong)}@media (width>=1120px){.topbar__actions{justify-content:flex-end}}.brand{align-items:center;gap:var(--space-2);color:var(--color-primary-strong);font-size:1.1rem;font-weight:900;display:inline-flex}.hero{gap:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(120deg, color-mix(in srgb, var(--color-primary-soft) 72%, transparent), transparent), var(--color-surface);align-items:end;display:grid}@media (width>=720px){.hero{padding:var(--space-8);grid-template-columns:minmax(0,1fr) auto}.hero--compact{grid-template-columns:1fr}}.hero__content{gap:var(--space-3);display:grid}.hero__content span{color:var(--color-accent);text-transform:uppercase;font-weight:900}.hero__content h1{max-width:15ch;margin:0;font-size:clamp(2rem,6vw,4.5rem);line-height:.96}.hero__content p{max-width:62ch;color:var(--color-muted);margin:0;font-size:1.05rem;line-height:1.65}.hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width>=720px){.hero__actions{justify-content:flex-end}}.dashboard-grid,.insights-grid{gap:var(--space-5);display:grid}@media (width>=1120px){.dashboard-grid,.insights-grid{grid-template-columns:minmax(0,1fr) 22rem;align-items:start}}.side-stack{gap:var(--space-5);display:grid}.status-page{place-items:center;min-height:calc(100vh - 13rem);display:grid}.status-card{gap:var(--space-5);width:min(100%,72rem);padding:var(--space-5);display:grid}@media (width>=720px){.status-card{padding:var(--space-6)}}@media (width>=1120px){.status-card{padding:var(--space-8);grid-template-columns:minmax(0,26rem) minmax(0,1fr);align-items:center}}.status-card__content,.status-card__visual{gap:var(--space-4);display:grid}.status-card__kicker{color:var(--color-accent);text-transform:uppercase;font-weight:900}.status-card h1,.status-card p{margin:0}.status-card h1{max-width:11ch;font-size:clamp(2.2rem,7vw,4rem);line-height:.98}.status-card p{color:var(--color-muted);line-height:1.7}.status-card__note{border-left:4px solid var(--color-border);padding-left:var(--space-3)}.status-card__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.status-illustration{filter:drop-shadow(0 20px 40px #22263614);justify-self:center;width:100%;max-width:32rem}.todo-panel{padding:var(--space-4)}@media (width>=720px){.todo-panel{padding:var(--space-6)}}.panel-header{gap:var(--space-3);margin-bottom:var(--space-5);display:grid}@media (width>=720px){.panel-header{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.panel-header h2,.panel-header p{margin:0}.panel-header h2{font-size:1.4rem}.panel-header p{color:var(--color-muted)}.meta-pill{background:var(--color-accent-soft);width:max-content;color:var(--color-accent);padding:var(--space-2) var(--space-3);border-radius:999px;font-weight:800}.todo-toolbar{gap:var(--space-3);margin-bottom:var(--space-5);display:grid}@media (width>=720px){.todo-toolbar{grid-template-columns:minmax(18rem,1fr) minmax(16rem,1.3fr) auto auto;align-items:center}}.todo-list{overscroll-behavior:contain;height:min(64vh,44rem);min-height:22rem;padding-right:var(--space-2);overflow:auto}.todo-list__spacer{margin:0;padding:0;list-style:none;position:relative}.todo-list__row{width:100%;height:168px;padding-bottom:var(--space-3);position:absolute;top:0;left:0}.todo-item{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);height:100%;padding:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}@media (width>=720px){.todo-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}}.todo-item--done{background:color-mix(in srgb, var(--color-surface-strong) 80%, var(--color-accent-soft))}.todo-item--done h3{text-decoration:line-through}.todo-item__check{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-accent-soft);width:2.5rem;height:2.5rem;color:var(--color-accent);place-items:center;display:inline-grid}.todo-item__content{min-width:0}.todo-item__content h3{margin:0 0 var(--space-1);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.todo-item__content p{margin:0 0 var(--space-1);-webkit-line-clamp:2;line-clamp:2;color:var(--color-muted);-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.todo-item__content span{color:var(--color-accent);font-size:.8125rem;font-weight:800}.todo-item__title-row,.todo-item__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.todo-item__meta{color:var(--color-muted);font-size:.8125rem}.todo-item__meta span{align-items:center;gap:var(--space-1);display:inline-flex}.todo-item__actions{gap:var(--space-2);grid-column:1/-1;display:flex}@media (width>=720px){.todo-item__actions{grid-column:auto}}.todo-form{gap:var(--space-4);display:grid}.todo-form__actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.smart-input,.form-grid,.inline-form{gap:var(--space-3);display:grid}@media (width>=720px){.smart-input,.form-grid,.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.field--checkbox{align-items:center;gap:var(--space-2);color:var(--color-muted);font-weight:800;display:flex}.priority-pill{text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:900}.priority-pill--low{background:var(--color-accent-soft);color:var(--color-accent)}.priority-pill--medium{background:var(--color-primary-soft);color:var(--color-primary-strong)}.priority-pill--high,.priority-pill--urgent{background:var(--color-danger-soft);color:var(--color-danger-strong)}.progress-bar{appearance:none;background:var(--color-border);border:0;border-radius:999px;width:100%;height:.45rem;display:block;overflow:hidden}.progress-bar::-webkit-progress-bar{border-radius:inherit;background:var(--color-border)}.progress-bar::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent), var(--color-primary))}.progress-bar::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent), var(--color-primary))}.todo-item__meta .meta-danger{color:var(--color-danger-strong)}.todo-item__meta .meta-accent{color:var(--color-accent)}.quote-card,.metrics-card,.activity-card,.advanced-card,.focus-mode{padding:var(--space-5)}.quote-card h2,.quote-card p,.metrics-card h2,.metrics-card p,.activity-card h2,.activity-card p,.advanced-card h2,.advanced-card p,.focus-mode h2,.focus-mode p{margin-top:0}.advanced-grid{gap:var(--space-5);margin-top:var(--space-5);display:grid}@media (width>=1120px){.advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.advanced-card{gap:var(--space-4);display:grid}.advanced-card h2,.advanced-card h3,.advanced-card p{margin:0}.advanced-card h2{align-items:center;gap:var(--space-2);font-size:1.1rem;display:inline-flex}@media (width>=1120px){.advanced-card--wide{grid-column:span 2}}.task-chip-list,.badge-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.mini-task,.badge-list span{align-items:center;gap:var(--space-1);border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);border-radius:999px;padding:.4rem .7rem;font-size:.85rem;font-weight:800;display:inline-flex}.mini-task--urgent,.mini-task--overdue{border-color:color-mix(in srgb, var(--color-danger) 45%, var(--color-border));color:var(--color-danger-strong)}.matrix-grid,.kanban-board,.calendar-strip,.dashboard-metrics{gap:var(--space-3);display:grid}@media (width>=720px){.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.matrix-grid section{align-content:flex-start;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:10rem;padding:var(--space-3);background:var(--color-surface-strong);flex-wrap:wrap;display:flex}.matrix-grid h3{flex-basis:100%;font-size:.95rem}@media (width>=720px){.kanban-board{grid-template-columns:repeat(4,minmax(0,1fr))}}.kanban-column,.calendar-day{align-content:start;gap:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-md);min-height:12rem;padding:var(--space-3);background:var(--color-surface-strong);display:grid}.kanban-card,.calendar-task{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);background:var(--color-surface);color:var(--color-text);font-weight:700;display:flex}.calendar-strip{padding-bottom:var(--space-2);grid-template-columns:repeat(7,minmax(10rem,1fr));overflow-x:auto}.calendar-day--today{border-color:var(--color-primary)}.ai-result,.placeholder-list,.habit-row,.score-card{gap:var(--space-2);display:grid}.habit-row,.score-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-strong)}.habit-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.habit-row span{color:var(--color-muted);font-size:.85rem;display:block}@media (width>=720px){.dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}.dashboard-metrics span{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-strong);font-weight:800}.score-card{flex-wrap:wrap;align-items:center;display:flex}.celebration{border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:900}.focus-mode{gap:var(--space-4);display:grid}.focus-mode h2,.focus-mode span{margin:0}.focus-mode>div:first-child>span{color:var(--color-accent);text-transform:uppercase;font-weight:900}.focus-mode__timer{gap:var(--space-2);display:grid}.focus-mode__timer strong{font-size:2.5rem;line-height:1}.focus-mode__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.muted{align-items:center;gap:var(--space-1);color:var(--color-muted);font-size:.875rem;display:inline-flex}.quote-card{gap:var(--space-4);display:grid}.quote-card p{color:var(--color-text);font-size:1.1rem;font-weight:800;line-height:1.5}.metrics-card dl{gap:var(--space-3);margin:0;display:grid}.metrics-card dl div{justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);display:flex}.metrics-card dd{color:var(--color-primary-strong);margin:0;font-size:1.25rem;font-weight:900}.metrics-card dt{color:var(--color-muted)}.activity-card ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.activity-card li{gap:var(--space-1);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);display:grid}.activity-card time{color:var(--color-muted);font-size:.875rem}.progress-ring{border:1rem solid var(--color-primary-soft);border-top-color:var(--color-primary);border-right-color:var(--color-accent);width:10rem;height:10rem;margin:var(--space-4) auto;border-radius:50%;place-items:center;display:grid}.progress-ring span{font-size:1.8rem;font-weight:900}.music-player{justify-content:flex-end;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-3);flex-wrap:wrap;display:flex}.music-player__volume{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:.875rem;font-weight:700;display:inline-flex}.empty-state,.alert{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-surface-strong)}.empty-state{text-align:center}.empty-state h2{margin-top:0}.empty-state p{color:var(--color-muted);margin-bottom:0}.alert--danger{border-color:color-mix(in srgb, var(--color-danger) 42%, var(--color-border));color:var(--color-danger-strong)}.demo-banner{margin:calc(-1 * var(--space-3)) 0 var(--space-5);font-weight:800}.demo-banner--success{border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-border));color:var(--color-accent)}.demo-banner--error{border-color:color-mix(in srgb, var(--color-danger) 42%, var(--color-border));color:var(--color-danger-strong)}