.app-shell{width:100%;min-height:100vh;color:var(--text);padding:28px clamp(16px,3vw,40px) 40px}.planner{grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:24px;width:100%;max-width:1440px;margin:0 auto;display:grid}.sidebar,.main-panel,.welcome-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:0}.sidebar{flex-direction:column;gap:28px;padding:28px;display:flex}.sidebar-header{justify-content:space-between;align-items:center;gap:16px;padding-bottom:4px;display:flex}.sidebar-header h2{background:linear-gradient(135deg, var(--text-h) 0%, var(--purple-300) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.35rem}.progress-indicator{background:var(--accent-soft);color:var(--accent);border:1px solid var(--border-strong);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:600}.sidebar-section{flex-direction:column;gap:14px;display:flex}.sidebar-section h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;font-weight:600}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-card{border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border);gap:4px;min-width:0;padding:16px;transition:border-color .2s,transform .2s;display:grid}.stat-card:hover{border-color:var(--border-strong)}.stat-card strong{color:var(--text-h);letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.stat-card.accent{background:linear-gradient(145deg,#8b5cf638,#5b3fa814);border-color:#a78bfa38}.stat-card.accent strong{color:var(--purple-200)}.stat-card.warning strong{color:var(--warning)}.stat-label,.stat-meta{color:var(--text-muted)}.stat-label{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600}.stat-meta{font-size:.8rem}.tags-grid{gap:8px;display:grid}.tag-pill{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-muted);color:var(--text-h);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.9rem;font-weight:500;transition:background .2s,border-color .2s;display:flex}.tag-pill:hover{background:var(--accent-soft);border-color:var(--border-strong)}.tag-pill button{color:var(--text-muted);cursor:pointer;background:#a78bfa1f;border:none;border-radius:8px;width:28px;height:28px;padding:0;font-size:1.1rem;line-height:1;transition:color .2s,background .2s}.tag-pill button:hover{color:var(--danger);background:var(--danger-soft)}.empty-state-text{color:var(--text-muted);font-size:.9rem}.main-panel{flex-direction:column;gap:24px;padding:28px;display:flex}.main-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.main-header h2{margin:0}.main-header p{color:var(--text-muted);margin:6px 0 0;font-size:.9rem}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-tile{border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border);align-items:center;gap:12px;min-width:0;padding:14px 16px;transition:border-color .2s;display:flex}.summary-tile:hover{border-color:var(--border-strong)}.summary-tile strong{color:var(--text-h);text-transform:capitalize;margin:0;font-size:.95rem;font-weight:600;display:block}.summary-tile p{color:var(--text-muted);margin:2px 0 0;font-size:.78rem}.summary-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border:1px solid var(--border);flex:0 0 40px;place-items:center;font-size:.95rem;font-weight:700;display:grid}.filter-btn,.primary-btn,.ghost-btn,.danger-btn,.interest-btn,.chip,.custom-box button,.task-checkbox{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s}.primary-btn{background:linear-gradient(135deg, var(--purple-500) 0%, var(--purple-600) 100%);color:var(--text-h);box-shadow:0 8px 24px -10px var(--accent-glow);border-color:#c4b5fd33;padding:11px 18px;font-weight:600}.primary-btn:hover:not(:disabled){box-shadow:0 12px 28px -8px var(--accent-glow);transform:translateY(-1px)}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn{background:var(--surface-muted);border-color:var(--border);color:var(--text);padding:9px 14px;font-weight:500}.ghost-btn:hover{background:var(--accent-soft);border-color:var(--border-strong);color:var(--text-h)}.danger-btn{background:var(--danger-soft);color:#fecdd3;border-color:#fda4af40;padding:9px 14px;font-weight:500}.danger-btn:hover{background:#fda4af38;border-color:#fda4af66}.filter-btn{background:var(--surface-muted);color:var(--text);border:1px solid var(--border);padding:9px 16px;font-size:.875rem;font-weight:500}.filter-btn:hover{border-color:var(--border-strong);color:var(--text-h)}.filter-btn.active,.chip.selected,.interest-btn.selected{background:var(--accent-soft);color:var(--purple-200);border-color:var(--border-strong);box-shadow:inset 0 0 0 1px #a78bfa1f}.chip,.interest-btn{background:var(--surface-muted);color:var(--text);border:1px solid var(--border);padding:8px 14px;font-size:.875rem;font-weight:500}.chip:hover,.interest-btn:hover{border-color:var(--border-strong);color:var(--text-h)}.chip-row,.interest-grid{flex-wrap:wrap;gap:8px;display:flex}.chip-section{gap:10px;display:grid}.chip-section>span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:600}.custom-box{background:var(--surface-muted);border-radius:var(--radius-md);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.custom-box>*{min-width:0}.custom-box.compact{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;padding:10px;display:grid}.custom-box input,.custom-box select,.custom-box button,.task-edit-row input,.task-edit-row select,.search-box input,.task-creator input,.task-creator select{border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;color:var(--text-h);box-sizing:border-box;background:#0a061459;flex:220px;width:100%;min-width:0;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.custom-box input::placeholder,.search-box input::placeholder{color:var(--text-muted)}.custom-box input:focus,.custom-box select:focus,.search-box input:focus,.task-creator input:focus,.task-creator select:focus,.task-edit-row input:focus,.task-edit-row select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #8b5cf62e}.search-box input{width:100%}.custom-box select,.task-creator select,.task-edit-row select{min-width:0;max-width:190px;color:var(--text);flex:0 190px}.filter-row select{border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;color:var(--text);background:var(--surface-muted);cursor:pointer;padding:9px 14px}.task-creator button,.custom-box button{flex:none}.sidebar .custom-box.compact input{width:100%}.task-creator .custom-box{grid-template-columns:minmax(0,1fr) minmax(170px,190px) auto;align-items:stretch;display:grid}.task-creator .custom-box input,.task-creator .custom-box select,.task-creator .custom-box button{width:100%}.task-controls{gap:18px;width:100%;display:grid}.search-hint{color:var(--text-muted);margin-top:-8px;font-size:.8rem}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-group{flex-wrap:wrap;gap:8px;display:flex}.task-list{gap:12px;display:grid}.task-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#a78bfa0f,#a78bfa05);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;min-width:0;padding:18px;transition:border-color .2s,box-shadow .2s;display:grid}.task-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.task-card.completed{opacity:.65}.task-card.completed .task-title-row h3{color:var(--text-muted);text-decoration:line-through}.task-card.editing{background:var(--surface-strong);grid-template-columns:1fr;align-items:stretch}.task-edit-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.edit-chip-row{margin-top:4px}.task-actions-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.task-main{grid-template-columns:auto minmax(0,1fr);gap:14px;min-width:0;display:grid}.task-leading{align-content:start;gap:10px;display:grid}.task-meta{flex-direction:column;gap:10px;min-width:0;display:flex}.task-title-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.task-title-row h3{overflow-wrap:anywhere;word-break:break-word;min-width:0;color:var(--text-h);flex:999 14rem;margin:0;font-size:1rem;font-weight:600}.task-status-badges{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}.task-info-row{flex-wrap:wrap;gap:6px;display:flex}.meta-pill{color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:500}.meta-pill.success{color:#bbf7d0;background:var(--success-soft);border-color:#86efac40}.task-actions button{min-width:0}.task-checkbox{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-muted);width:42px;height:42px;color:var(--accent);flex-shrink:0;place-items:center;font-weight:700;display:grid}.task-checkbox:hover{background:var(--accent-soft);border-color:var(--accent)}.priority-badge,.focus-badge{letter-spacing:.02em;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.72rem;font-weight:600}.priority-badge{border:1px solid #0000}.priority-badge.priority-low{color:var(--purple-300);background:#a78bfa1a;border-color:#a78bfa33}.priority-badge.priority-medium{color:#e9d5ff;background:#8b5cf62e;border-color:#8b5cf64d}.priority-badge.priority-high{color:#fce7f3;background:#d946ef2e;border-color:#d946ef59}.focus-badge{color:var(--purple-200);background:#c4b5fd26;border:1px solid #c4b5fd47}.task-tags{flex-wrap:wrap;gap:6px;display:flex}.task-tag{background:var(--accent-soft);border:1px solid var(--border);color:var(--purple-200);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:500}.task-actions{align-content:start;justify-items:end;gap:8px;min-width:0;display:grid}.icon-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.icon-btn{justify-content:center;align-items:center;gap:6px;min-height:40px;font-size:.85rem;display:inline-flex}.icon-btn.active{border-color:var(--border-strong);color:var(--purple-200);background:#c4b5fd24}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;background:var(--surface-muted);padding:48px 24px}.empty-state p{color:var(--text-muted);font-size:.95rem}.empty-icon{filter:grayscale(.2);margin-bottom:12px;font-size:2rem}.creator-footnote{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.8rem;display:flex}.welcome-screen{place-items:center;min-height:calc(100vh - 56px);padding:24px;display:grid}.welcome-card{gap:28px;width:min(720px,100%);padding:clamp(28px,5vw,40px);display:grid}.welcome-header,.welcome-content{text-align:left;gap:16px;min-width:0;display:grid}.welcome-header h1{background:linear-gradient(135deg, var(--text-h) 20%, var(--purple-300) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.welcome-header p{color:var(--text-muted);max-width:36ch;font-size:1.05rem}.welcome-content>p{color:var(--text-h);font-size:.95rem;font-weight:600}.interest-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;min-width:0;display:grid}.interest-btn{text-align:left;overflow-wrap:anywhere;width:100%;min-width:0;padding:14px 16px}.divider{color:var(--text-muted);align-items:center;gap:14px;min-width:0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:auto;height:1px}.continue-btn{justify-self:center;width:100%;max-width:280px;padding:14px 24px;font-size:1rem}@media (width<=1024px){.planner{grid-template-columns:1fr}.sidebar,.main-panel,.welcome-card{padding:24px}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.main-header{flex-direction:column;align-items:stretch}.main-header .filter-btn{align-self:flex-start}.task-card{grid-template-columns:1fr}.task-actions{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch}.task-actions button{width:100%}}@media (width<=720px){.app-shell{padding:16px 16px 28px}.stats-grid,.summary-strip{grid-template-columns:1fr}.custom-box{padding:12px}.task-creator .custom-box,.custom-box.compact{grid-template-columns:1fr}.custom-box input,.custom-box select,.custom-box button,.task-edit-row input,.task-edit-row select,.search-box input,.task-creator input,.task-creator select{flex-basis:100%;width:100%}.custom-box select,.task-creator select,.task-edit-row select{max-width:none}.welcome-card{gap:22px;padding:22px}.interest-grid{grid-template-columns:1fr}.continue-btn{max-width:none}.task-main{grid-template-columns:1fr}.task-leading{grid-auto-flow:column;justify-content:start}.task-actions{grid-template-columns:1fr}}:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--purple-950:#0a0614;--purple-900:#110b1f;--purple-850:#16102a;--purple-800:#1e1638;--purple-700:#2d2154;--purple-600:#5b3fa8;--purple-500:#8b5cf6;--purple-400:#a78bfa;--purple-300:#c4b5fd;--purple-200:#ddd6fe;--purple-100:#ede9fe;--bg:var(--purple-950);--bg-soft:var(--purple-900);--surface:#16102ad1;--surface-strong:#1e1638f5;--surface-muted:#a78bfa0f;--border:#c4b5fd24;--border-strong:#a78bfa47;--text:#c4b5fd;--text-muted:#9f8fd4;--text-h:#f5f3ff;--accent:var(--purple-400);--accent-strong:var(--purple-500);--accent-soft:#a78bfa24;--accent-glow:#8b5cf659;--code-bg:#a78bfa14;--shadow:0 24px 64px -28px #000000a6, 0 0 0 1px #a78bfa0f;--shadow-soft:0 12px 32px -20px #4c1d9573;--success:#86efac;--success-soft:#86efac1f;--warning:#f0abfc;--warning-soft:#f0abfc24;--danger:#fda4af;--danger-soft:#fda4af24;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:28px;--tag-studying:#818cf833;--tag-gaming:#c084fc33;--tag-developing:#a78bfa33;--tag-fitness:#d8b4fe33;--tag-reading:#93c5fd33;--tag-art:#f472b633;--tag-music:#c4b5fd33;--tag-math:#a5b4fc33;--tag-ai:#8b5cf633;--tag-general:#a78bfa33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 var(--font-sans);letter-spacing:-.01em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{background:radial-gradient(ellipse 80% 50% at 0% -10%, #8b5cf638, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #a78bfa1f, transparent 50%), radial-gradient(ellipse 50% 30% at 50% 100%, #5b3fa826, transparent 55%), var(--bg);margin:0}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}h1,h2,h3{font-family:var(--font-sans);color:var(--text-h);letter-spacing:-.03em;font-weight:600}h1{margin:0;font-size:clamp(2.25rem,5vw,3.25rem);line-height:1.1}h2{margin:0 0 6px;font-size:clamp(1.35rem,2.5vw,1.75rem);line-height:1.2}h3{margin:0;font-size:1rem}p{margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{color:var(--text-h);background:var(--code-bg);border-radius:6px;padding:3px 8px;font-family:ui-monospace,Consolas,monospace;font-size:.9em}::selection{color:var(--text-h);background:#a78bfa59}