@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@700&display=swap";@font-face{font-family:Grotesk Bold;src:local("Grotesk Bold"),local("Grotesk-Bold"),local("Grotesk"),local("Space Grotesk Bold");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:dark;--font-family-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-display: "Grotesk Bold", "Space Grotesk", "Inter", ui-sans-serif, sans-serif;--font-size-body-sm: .875rem;--font-size-body-md: 1rem;--font-size-body-lg: 1.125rem;--font-size-title-sm: 1.25rem;--font-size-title-md: 1.75rem;--font-size-title-lg: clamp(3rem, 4vw, 4.625rem);--font-size-title-xl: 3.75rem;--font-line-height-tight: 1.05;--font-line-height-snug: 1.2;--font-line-height-body: 1.5;--font-line-height-relaxed: 1.65;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--typography-body-font-family: var(--font-family-body);--typography-body-font-size: var(--font-size-body-md);--typography-body-line-height: var(--font-line-height-body);--typography-body-font-weight: var(--font-weight-regular);--typography-body-color: var(--color-text-primary);--typography-body-sm-font-size: var(--font-size-body-sm);--typography-body-lg-font-size: var(--font-size-body-lg);--typography-muted-color: var(--color-text-muted);--typography-display-font-family: var(--font-family-display);--typography-heading-font-family: var(--font-family-body);--typography-heading-color: var(--color-text-primary);--typography-heading-letter-spacing: 0;--typography-h1-font-family: var(--typography-display-font-family);--typography-h1-font-size: var(--font-size-title-xl);--typography-h1-line-height: var(--font-line-height-tight);--typography-h1-font-weight: var(--font-weight-bold);--typography-h2-font-family: var(--typography-display-font-family);--typography-h2-font-size: var(--font-size-title-md);--typography-h2-line-height: var(--font-line-height-snug);--typography-h2-font-weight: var(--font-weight-bold);--typography-h3-font-family: var(--typography-heading-font-family);--typography-h3-font-size: var(--font-size-title-sm);--typography-h3-line-height: var(--font-line-height-snug);--typography-h3-font-weight: var(--font-weight-semibold);--typography-h4-font-family: var(--typography-heading-font-family);--typography-h4-font-size: var(--font-size-body-lg);--typography-h4-line-height: var(--font-line-height-snug);--typography-h4-font-weight: var(--font-weight-semibold);--typography-h5-font-family: var(--typography-heading-font-family);--typography-h5-font-size: var(--font-size-body-md);--typography-h5-line-height: var(--font-line-height-snug);--typography-h5-font-weight: var(--font-weight-bold);--typography-h6-font-family: var(--typography-heading-font-family);--typography-h6-font-size: var(--font-size-body-sm);--typography-h6-line-height: var(--font-line-height-snug);--typography-h6-font-weight: var(--font-weight-bold);--color-brand-plum-900: #2c1338;--color-brand-plum-800: #3f2a4b;--color-brand-plum-700: #564260;--color-brand-plum-600: #6b5a74;--color-brand-pink-500: #e57cd8;--color-brand-pink-400: #f38bdc;--color-brand-yellow-300: #ffde91;--color-brand-yellow-400: #ffcf6b;--color-brand-cream-50: #fefbfa;--color-brand-cream-100: #f8f2f8;--color-bg-canvas: #070A1A;--color-bg-canvas-strong: #070A1A;--color-bg-panel: rgba(38, 27, 56, .88);--color-bg-panel-elevated: rgba(44, 31, 63, .94);--color-bg-panel-muted: rgba(31, 23, 47, .92);--color-bg-sidebar: linear-gradient(180deg, rgba(28, 21, 41, .98) 0%, rgba(20, 15, 33, .98) 100%);--color-bg-field: rgba(30, 23, 45, .96);--color-bg-field-hover: rgba(44, 33, 65, .98);--color-bg-selection: rgba(229, 124, 216, .12);--color-bg-info: rgba(255, 255, 255, .04);--color-text-primary: rgba(255, 250, 252, .98);--color-text-secondary: rgba(216, 205, 221, .82);--color-text-muted: rgba(216, 205, 221, .62);--color-text-disabled: rgba(216, 205, 221, .42);--color-text-inverse: var(--color-brand-plum-900);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-default: rgba(255, 255, 255, .12);--color-border-strong: rgba(229, 124, 216, .45);--color-border-dashed: rgba(255, 255, 255, .22);--color-accent-primary: var(--color-brand-pink-500);--color-accent-primary-soft: rgba(229, 124, 216, .16);--color-accent-secondary: var(--color-brand-yellow-300);--color-accent-success: #7ff58b;--color-accent-info: #74b4ff;--color-accent-warning: var(--color-brand-yellow-400);--gradient-hero: radial-gradient(circle at top left, rgba(229, 124, 216, .1) 0%, rgba(20, 15, 33, 0) 42%), radial-gradient(circle at top right, rgba(116, 180, 255, .08) 0%, rgba(20, 15, 33, 0) 35%), linear-gradient(180deg, #171124 0%, #100b1b 100%);--gradient-primary-action: linear-gradient(90deg, #f58fcf 0%, #e67dd8 46%, #cc73e1 100%);--shadow-panel: 0 24px 60px rgba(4, 1, 10, .28);--shadow-soft: 0 12px 28px rgba(4, 1, 10, .18);--shadow-focus: 0 0 0 1px rgba(243, 139, 220, .5), 0 0 0 4px rgba(229, 124, 216, .18);--radius-xs: .625rem;--radius-sm: .875rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--size-sidebar-width: 20.25rem;--size-card-min-height: 11rem;--size-control-height: 3rem;--size-button-height: 3.75rem;--size-icon-button: 3rem;--size-max-content-width: 66rem;--transition-fast: .16s ease;--transition-base: .22s ease}body{margin:0;min-width:320px;color:var(--typography-body-color);background:var(--color-bg-canvas);font-family:var(--typography-body-font-family);font-size:var(--typography-body-font-size);font-weight:var(--typography-body-font-weight);line-height:var(--typography-body-line-height)}h1,h2,h3,h4,h5,h6,p{margin-top:0}h1,.type-h1{margin-bottom:0;color:var(--typography-heading-color);font-family:var(--typography-h1-font-family);font-size:var(--typography-h1-font-size);font-weight:var(--typography-h1-font-weight);line-height:var(--typography-h1-line-height);letter-spacing:var(--typography-heading-letter-spacing)}h2,.type-h2{margin-bottom:0;color:var(--typography-heading-color);font-family:var(--typography-h2-font-family);font-size:var(--typography-h2-font-size);font-weight:var(--typography-h2-font-weight);line-height:var(--typography-h2-line-height);letter-spacing:var(--typography-heading-letter-spacing)}h3,.type-h3{margin-bottom:0;color:var(--typography-heading-color);font-family:var(--typography-h3-font-family);font-size:var(--typography-h3-font-size);font-weight:var(--typography-h3-font-weight);line-height:var(--typography-h3-line-height);letter-spacing:var(--typography-heading-letter-spacing)}h4,.type-h4{margin-bottom:0;color:var(--typography-heading-color);font-family:var(--typography-h4-font-family);font-size:var(--typography-h4-font-size);font-weight:var(--typography-h4-font-weight);line-height:var(--typography-h4-line-height);letter-spacing:var(--typography-heading-letter-spacing)}h5,.type-h5{margin-bottom:0;color:var(--typography-heading-color);font-family:var(--typography-h5-font-family);font-size:var(--typography-h5-font-size);font-weight:var(--typography-h5-font-weight);line-height:var(--typography-h5-line-height);letter-spacing:var(--typography-heading-letter-spacing)}h6,.type-h6{margin-bottom:0;color:var(--typography-heading-color);font-family:var(--typography-h6-font-family);font-size:var(--typography-h6-font-size);font-weight:var(--typography-h6-font-weight);line-height:var(--typography-h6-line-height);letter-spacing:var(--typography-heading-letter-spacing)}p,.type-body{font-family:var(--typography-body-font-family);font-size:var(--typography-body-font-size);font-weight:var(--typography-body-font-weight);line-height:var(--typography-body-line-height)}.type-body-sm{font-family:var(--typography-body-font-family);font-size:var(--typography-body-sm-font-size);line-height:var(--typography-body-line-height)}.type-body-lg{font-family:var(--typography-body-font-family);font-size:var(--typography-body-lg-font-size);line-height:var(--font-line-height-relaxed)}.type-muted{color:var(--typography-muted-color)}*{box-sizing:border-box}html,body,#root{height:100%}body{overflow:hidden}html{background:var(--color-bg-canvas)}button,input,select,textarea{font:inherit}button{color:inherit}#root{height:100%}.app-shell{min-height:100vh;display:grid;grid-template-columns:auto minmax(0,1fr)}.rail{position:sticky;top:0;height:100vh;background:#050505;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;transition:width var(--transition-base),padding var(--transition-base)}.rail.expanded{width:17rem;padding:var(--space-4)}.rail.collapsed{width:4.75rem;padding:var(--space-4) var(--space-3);align-items:center}.rail-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:2.75rem;margin-bottom:var(--space-4)}.recording-toggle,.collapse-toggle,.workspace-avatar,.plan-dot,.menu-item{border:0;background:transparent}.collapse-toggle{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.collapse-toggle{color:var(--color-text-muted);background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.collapse-toggle:hover{color:var(--color-text-primary);background:#ffffff14}.power-glyph{font-size:1.125rem;line-height:1}.brand-lockup{min-width:0;display:flex;align-items:center}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand-account{font-size:1.0625rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.brand-caret{color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.brand-lockup img{display:block;width:7.75rem;height:auto}.workspace-switcher{display:flex;align-items:center;gap:var(--space-3)}.rail.collapsed .workspace-switcher{justify-content:center}.workspace-avatar{width:2rem;height:2rem;border-radius:var(--radius-pill);display:grid;place-items:center;background:#2f2f31;color:var(--color-text-secondary);font-size:.75rem;font-weight:var(--font-weight-bold);cursor:pointer}.workspace-avatar.compact{width:2.25rem;height:2.25rem}.workspace-name{color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.menu{display:grid;gap:var(--space-6)}.menu-section{display:grid;gap:var(--space-3)}.menu-title,.admin-label{margin:0;color:#b9adb8;font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.menu-items,.footer-items{display:grid;gap:var(--space-2)}.menu-item{width:100%;min-height:3rem;padding:.625rem .75rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-3);text-align:left;color:var(--color-text-secondary);cursor:pointer;position:relative;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.rail.collapsed .menu-item{width:3rem;justify-content:center;padding:0}.menu-item:hover{background:#ffffff0f;color:var(--color-text-primary)}.menu-item.active{background:#e57cd838;color:var(--color-accent-primary)}.menu-icon{width:1rem;flex:0 0 1rem;display:inline-flex;justify-content:center;align-items:center;font-size:1rem;line-height:1}.track-status-icon{width:1.75rem;height:1.75rem;flex:0 0 1.75rem;border-radius:var(--radius-pill);font-size:.875rem;border:1px solid rgba(229,124,216,.35)}.track-status-icon-active{color:#050505;background:var(--color-accent-primary)}.track-status-icon-idle{color:var(--color-accent-primary);background:#e57cd81f}.compact-status{position:absolute;right:.25rem;top:.25rem;min-width:.625rem;height:.625rem;border:2px solid #050505;border-radius:var(--radius-pill);background:var(--color-accent-secondary);color:transparent;overflow:hidden}.menu-item.active .compact-status{width:1.625rem;height:.875rem;right:-.125rem;top:-.125rem;border-width:1px;display:grid;place-items:center;color:var(--color-text-inverse);font-size:.5rem;font-weight:var(--font-weight-heavy);line-height:1}.menu-copy{min-width:0;display:grid;gap:.1rem;flex:1}.menu-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.menu-label{font-weight:var(--font-weight-semibold);color:inherit}.menu-detail{color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.menu-badge{color:var(--color-brand-yellow-300);font-size:.75rem;font-weight:var(--font-weight-bold)}.planning-callout{margin-top:var(--space-6)}.plan-context-card{padding:var(--space-4);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.plan-context-card strong{display:block;margin-top:var(--space-1);margin-bottom:var(--space-2);font-size:var(--font-size-body-md)}.plan-context-card p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--font-line-height-relaxed)}.plan-context-card span{color:var(--color-accent-secondary);font-weight:var(--font-weight-semibold)}.plan-dot{width:3rem;height:3rem;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--color-accent-secondary);background:#ffde9114;cursor:pointer}.rail-footer{margin-top:auto;padding-top:var(--space-6);display:grid;gap:var(--space-3)}.footer-items.compact{justify-items:center}.footer-item.compact{width:3rem}.workspace{padding:var(--space-12) var(--space-10)}.onboarding-screen{height:100vh;display:grid;grid-template-columns:17.25rem minmax(0,1fr);background:radial-gradient(circle at 54% 0%,rgba(229,124,216,.08),transparent 34rem),linear-gradient(180deg,#120d1ffa,#0b0814fa)}.onboarding-progress{padding:var(--space-10) var(--space-5) var(--space-8);border-right:1px solid var(--color-border-subtle);background:#07061275;display:flex;flex-direction:column;gap:var(--space-8);overflow-y:auto}.onboarding-stepper{display:grid;gap:var(--space-4)}.onboarding-step{border:0;background:transparent;color:var(--color-text-muted);display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);text-align:left;position:relative;cursor:pointer}.onboarding-step:after{content:"";position:absolute;left:2.15rem;top:4rem;bottom:-2.25rem;width:1px;background:#e57cd870}.onboarding-step:last-child:after{display:none}.onboarding-step.active{background:#ffffff0f;color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.onboarding-step-number{width:2rem;height:2rem;border:1px solid var(--color-border-default);border-radius:var(--radius-pill);display:grid;place-items:center;color:var(--color-text-muted);background:#070612b3;font-weight:var(--font-weight-semibold);z-index:1}.onboarding-step.active .onboarding-step-number{background:var(--gradient-primary-action);border-color:transparent;color:#050505}.onboarding-step-copy{min-width:0;display:grid;gap:var(--space-2)}.onboarding-step-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.onboarding-step-body{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--font-line-height-relaxed)}.optional-badge{display:table;margin-top:var(--space-2);padding:.125rem var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;font-weight:var(--font-weight-medium)}.privacy-card{margin-top:auto;padding:var(--space-5);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:#ffffff0a;box-shadow:var(--shadow-soft)}.privacy-card>svg{color:var(--color-accent-primary);margin-bottom:var(--space-3)}.privacy-card h2{margin-bottom:var(--space-3);font-size:var(--font-size-body-md)}.privacy-card p{margin-bottom:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--font-line-height-relaxed)}.privacy-card a,.skip-link,.text-button{color:var(--color-accent-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.privacy-card a{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-body-sm)}.skip-link{align-self:center;color:var(--color-text-muted);text-decoration:underline}.onboarding-main{position:relative;padding:var(--space-10) var(--space-10) 0;overflow-y:auto}.secure-pill{position:absolute;top:var(--space-6);right:var(--space-8);display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);background:#ffffff08;font-size:var(--font-size-body-sm)}.onboarding-hero{max-width:55rem;margin-bottom:var(--space-5)}.onboarding-hero h1{max-width:none;margin-bottom:var(--space-2);font-size:var(--typography-h1-font-size)}.onboarding-hero p,.card-heading p,.access-note,.adjust-note,.onboarding-actions span{color:var(--color-text-muted);margin-bottom:0}.onboarding-card{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:#ffffff0b;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.projects-card,.calendar-card,.priorities-card,.interruption-card{padding:var(--space-5)}.inline-card{margin-top:var(--space-3);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.card-heading{display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:start;gap:var(--space-4)}.card-heading.compact-heading{grid-template-columns:1.25rem minmax(0,1fr)}.card-heading>svg{color:var(--color-accent-primary);margin-top:.25rem}.card-heading h2{font-family:var(--font-family-body);margin-bottom:var(--space-1);font-size:var(--font-size-body-md);font-weight:var(--font-weight-bold);letter-spacing:0}.card-heading h2 span{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.compact-button{min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);white-space:nowrap}.project-list{display:grid;gap:var(--space-2);margin-top:var(--space-4);padding-left:var(--space-7)}.project-row,.project-placeholder,.priority-input{min-height:2.75rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);background:#ffffff09}.project-row{display:grid;grid-template-columns:1rem 1rem minmax(10rem,.75fr) minmax(12rem,1fr) 2rem;align-items:center;gap:var(--space-3);padding:0 var(--space-2);color:var(--color-text-secondary)}.project-row strong{color:var(--color-text-primary);font-size:var(--font-size-body-sm)}.project-row span{font-size:var(--font-size-body-sm)}.project-row button{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.drag-icon{color:var(--color-text-muted)}.project-dot{width:.75rem;height:.75rem;border-radius:var(--radius-pill)}.project-color-purple{background:#9b5dec}.project-color-blue{background:#5d83ff}.project-color-green{background:#6fd56f}.project-placeholder,.priority-input{position:relative;display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-disabled);padding:0 var(--space-4)}.project-placeholder input,.priority-input input{position:absolute;inset:0;opacity:0}.time-range-control{min-height:3rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:#ffffff09;display:inline-flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4)}.time-range-control>svg{color:var(--color-accent-primary)}.time-range-control input[type=time]{background:transparent;border:0;padding:var(--space-1) 0;color:var(--color-text-primary);font-family:var(--typography-body-font-family);font-size:var(--font-size-body-md);color-scheme:dark}.time-range-control input[type=time]:focus{outline:none;color:var(--color-accent-primary)}.time-range-separator{color:var(--color-text-muted)}.time-range-total{margin-left:var(--space-2);font-size:var(--font-size-title-sm)}.calendar-card{margin-top:var(--space-3)}.calendar-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.logo-button{min-width:10rem}.calendar-logo{width:1.125rem;height:1.125rem;object-fit:contain;flex:0 0 auto}.access-note{margin-top:var(--space-3);padding-left:calc(1.25rem + var(--space-4));display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-body-sm)}.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-5);margin-top:var(--space-3)}.priority-list{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.priority-input{min-height:2.5rem}.priority-input svg{color:var(--color-text-muted)}.text-button{border:0;background:transparent;display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);cursor:pointer}.interruption-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}.interruption-option{min-height:4.625rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);background:#ffffff09;color:var(--color-text-secondary);display:grid;place-items:center;gap:0;cursor:pointer}.interruption-option.active{border-color:var(--color-border-strong);color:var(--color-accent-primary);background:#e57cd814}.interruption-option strong{color:inherit}.interruption-option span{color:var(--color-text-muted)}.adjust-note{min-height:2.5rem;margin-top:var(--space-4);padding:0 var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-body-sm)}.onboarding-actions{position:sticky;bottom:0;z-index:2;margin-top:var(--space-3);padding-top:var(--space-3);padding-bottom:var(--space-3);border-top:1px solid var(--color-border-subtle);background:#0b0814e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;gap:var(--space-4)}.create-plan-button{min-width:16rem;min-height:3rem;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.onboarding-step.completed .onboarding-step-number{background:var(--gradient-primary-action);border-color:transparent;color:#050505}.onboarding-step.completed .onboarding-step-title,.onboarding-step.completed .onboarding-step-body{color:var(--color-text-secondary)}.roles-card{padding:var(--space-5)}.roles-counter{color:var(--color-text-muted);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.role-input-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-left:var(--space-7)}.role-chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent-primary);color:var(--color-text-inverse);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.role-chip button{border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--radius-pill);cursor:pointer}.role-chip button:hover{background:#0000002e}.role-input{position:relative;flex:1 1 14rem;min-height:2.25rem;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);background:#ffffff09;color:var(--color-text-disabled)}.role-input input{position:absolute;inset:0;opacity:0}.role-chip-pm{background:var(--color-accent-success)}.role-chip-ux{background:#9b5dec;color:var(--color-text-primary)}.role-chip-capacity{opacity:.78;font-variant-numeric:tabular-nums}.role-split-bar{margin-top:var(--space-4);padding-left:var(--space-7)}.role-split-bar input[type=range]{width:100%;height:.75rem;margin:0;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--color-accent-success) 0,var(--color-accent-success) var(--primary-pct, 60%),#9b5dec var(--primary-pct, 60%),#9b5dec 100%);border-radius:var(--radius-pill);outline:none;cursor:ew-resize}.role-split-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.375rem;height:1.5rem;background:var(--color-text-primary);border-radius:var(--radius-xs);box-shadow:0 0 0 2px #00000059;cursor:ew-resize}.role-split-bar input[type=range]::-moz-range-thumb{width:.375rem;height:1.5rem;background:var(--color-text-primary);border:0;border-radius:var(--radius-xs);box-shadow:0 0 0 2px #00000059;cursor:ew-resize}.role-split-bar input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-focus)}.role-split-bar input[type=range]:focus-visible::-moz-range-thumb{box-shadow:var(--shadow-focus)}.categories-section{margin-top:var(--space-6)}.categories-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.categories-heading-copy{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text-primary)}.categories-heading-copy svg{color:var(--color-accent-primary)}.categories-heading-copy h2{font-family:var(--font-family-body);font-size:var(--font-size-body-md);font-weight:var(--font-weight-bold);margin-bottom:0}.categories-heading .text-button{margin-top:0}.categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.category-card{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:#ffffff0b;text-align:left;color:var(--color-text-primary);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.category-card:hover{border-color:var(--color-border-strong);background:#ffffff0f}.category-card:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.category-card-selected{border-color:#ff9edd85;background:#ffffff14;box-shadow:var(--shadow-soft),inset 0 0 0 1px #ff9edd2e}.category-card-check{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-pill);background:#ff9edd2e;border:1px solid rgba(255,158,221,.32);color:var(--color-brand-pink-500);opacity:0;transform:scale(.92);transition:opacity .16s ease,transform .16s ease}.category-card-check.is-visible{opacity:1;transform:scale(1)}.category-card strong{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold)}.category-card p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-body-sm);line-height:var(--font-line-height-relaxed)}.category-dot{width:1.5rem;height:1.5rem;border-radius:var(--radius-xs);display:inline-block}.category-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.25rem}.category-icon-pm{color:var(--color-accent-success)}.category-icon-ux{color:#9b5dec}.category-icon-meetings{color:#5d83ff}.category-card-add{align-items:center;justify-content:center;gap:var(--space-2);border-style:dashed;border-color:var(--color-border-dashed);background:transparent;color:var(--color-accent-primary);font-weight:var(--font-weight-semibold);cursor:pointer;text-align:center}.category-card-add:hover{background:#ffffff0a}.category-color-violet{background:#9b5dec}.category-color-pink{background:var(--color-brand-pink-500)}.category-color-amber{background:var(--color-brand-yellow-400)}.category-color-green{background:#6fd56f}.category-color-blue{background:#5d83ff}.category-color-teal{background:#56c8d8}.category-color-orange{background:#ff9a5b}.categories-footnote{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.step-two-actions{justify-content:space-between}.step-one-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.step-one-actions .keyboard-hint{grid-column:2;text-align:center;color:var(--color-text-muted)}.step-one-actions .create-plan-button{grid-column:3;justify-self:end}.step-two-actions .keyboard-hint,.step-three-actions .keyboard-hint{flex:1;text-align:center;color:var(--color-text-muted)}.back-button{min-height:3rem;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-5)}.step-three-actions{justify-content:space-between}.plan-summary-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.plan-summary-chip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:3rem;padding:0 var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:#ffffff0b;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.plan-summary-chip-label{color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.plan-summary-chip-value{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold)}.plan-card{padding:var(--space-5)}.plan-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.plan-card-header h2{font-family:var(--font-family-body);font-size:var(--font-size-body-md);font-weight:var(--font-weight-bold);margin-bottom:0}.plan-card-actions{display:inline-flex;align-items:center;gap:var(--space-3)}.plan-privacy-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:#ffffff0a;color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.plan-privacy-info{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.plan-add-block{display:inline-flex;align-items:center;gap:var(--space-2);border:0;background:transparent;cursor:pointer;margin-top:0}.plan-rows{display:grid;gap:var(--space-2)}.plan-row{display:grid;grid-template-columns:1rem 6.5rem 1.75rem minmax(12rem,1fr) 5.5rem 8rem 2rem;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-height:3rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);background:#ffffff09}.plan-row-time{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.plan-row-category{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-xs);font-size:.875rem}.plan-row-category-pm{background:#7ff58b2e;color:var(--color-accent-success)}.plan-row-category-ux{background:#9b5dec38;color:#c8a6ff}.plan-row-category-meetings{background:#5d83ff38;color:#9db4ff}.plan-row-category-break{background:#ffcf6b38;color:var(--color-brand-yellow-300)}.plan-row-copy{display:grid;gap:.125rem;min-width:0}.plan-row-copy strong{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.plan-row-copy span{color:var(--color-text-muted);font-size:var(--font-size-body-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-row-category-label{color:var(--color-text-muted);font-size:var(--font-size-body-sm);text-align:center}.plan-row-duration{display:inline-flex;align-items:center;justify-content:center;min-height:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;background:#ffffff0a;color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.plan-row-remove{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center}.plan-row-remove:hover{color:var(--color-text-primary)}.day-plan-screen{height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 20rem;background:radial-gradient(circle at 45% 0%,rgba(229,124,216,.08),transparent 32rem),linear-gradient(180deg,#120d1ffa,#0b0814fa);overflow:hidden}.day-plan-main{min-width:0;min-height:0;padding:var(--space-8) var(--space-8) var(--space-4);display:grid;grid-template-rows:auto auto auto auto;gap:var(--space-4);overflow-y:auto}.day-plan-header,.day-plan-toolbar,.day-plan-utility-bar,.day-plan-toolbar-left,.day-plan-toolbar-right,.range-controls,.timeline-summary-bar,.timeline-metric,.timeline-summary-total,.day-plan-footer-controls,.next-task-meta,.goals-panel-header,.goal-progress-card,.goal-ring-legend-row,.day-plan-tip{display:flex;align-items:center}.day-plan-header,.day-plan-toolbar,.timeline-summary-bar,.day-plan-footer-controls,.goals-panel-header{justify-content:space-between}.day-plan-header{gap:var(--space-8)}.day-plan-title-group h1{font-size:clamp(1.75rem,2vw,2.25rem);margin-bottom:var(--space-2)}.day-plan-title-group p{margin:0;color:var(--color-text-secondary)}.day-plan-utility-bar,.day-plan-toolbar-left,.day-plan-toolbar-right,.range-controls,.day-plan-footer-controls,.next-task-meta,.goal-ring-legend,.goal-progress-list{gap:var(--space-3)}.utility-chip,.toolbar-button,.icon-utility-button,.idle-timer-button{min-height:2.75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:#ffffff0a;color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer}.utility-chip,.toolbar-button{padding:0 var(--space-4)}.utility-chip{background:#97431cc7;border-color:#ff915f4d}.icon-utility-button{width:2.75rem;padding:0}.idle-timer-pill{min-height:2.75rem;padding:0 var(--space-2) 0 var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);background:#ffffff0a;display:inline-flex;align-items:center;gap:var(--space-4);font-variant-numeric:tabular-nums}.idle-timer-button{width:2.25rem;min-height:2.25rem;border-radius:var(--radius-pill);padding:0;background:#e57cd833;border-color:#e57cd859}.range-button{gap:var(--space-3)}.day-plan-ai-button{min-height:2.75rem}.timeline-shell,.next-task-card,.goals-panel,.goal-ring-card{border:1px solid var(--color-border-default);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.timeline-shell{min-height:0;border-radius:var(--radius-md);background:#ffffff08;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.timeline-summary-bar{gap:var(--space-5);padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.timeline-metric{gap:var(--space-3);min-width:0}.timeline-metric span,.timeline-summary-total span,.goal-progress-copy span,.goal-progress-copy small,.goal-ring-card span,.next-task-card p,.goals-panel-header p,.goals-panel-footer p{color:var(--color-text-muted)}.timeline-progress{width:9.5rem;height:.5rem;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden}.timeline-progress i{display:block;height:100%;border-radius:inherit}.progress-pink{width:58%;background:linear-gradient(90deg,#ff83c2,#f38bdc)}.progress-teal{width:82%;background:linear-gradient(90deg,#52d4d2,#8df4df)}.timeline-summary-total{margin-left:auto;gap:var(--space-3)}.inline-text-button{margin-top:0}.timeline-grid-shell{min-height:0;display:grid;grid-template-columns:5rem minmax(0,1fr);overflow:hidden}.timeline-scale{padding:var(--space-6) 0 var(--space-6) var(--space-2);display:grid;grid-template-rows:repeat(12,minmax(0,1fr));gap:var(--space-4);border-right:1px solid var(--color-border-subtle)}.timeline-scale span{color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.timeline-days{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(10rem,1fr))}.timeline-day-column{min-width:0;border-right:1px solid var(--color-border-subtle);display:grid;grid-template-rows:auto minmax(0,1fr)}.timeline-day-column:last-child{border-right:0}.timeline-day-header{padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.timeline-day-header strong{font-size:var(--font-size-title-sm)}.timeline-day-header span{display:block;font-weight:var(--font-weight-semibold)}.timeline-day-header small{color:var(--color-text-muted)}.timeline-day-header.active strong{width:2rem;height:2rem;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;background:#e57cd84d;color:var(--color-accent-primary)}.timeline-day-body{min-height:0;padding:var(--space-5) var(--space-3);display:grid;align-content:start;gap:var(--space-2)}.plan-block{min-height:4.25rem;padding:var(--space-3);border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,.08);display:grid;gap:.15rem}.plan-block strong,.next-task-card h2,.goals-panel h2,.goal-progress-copy strong,.goal-progress-value,.goal-ring-card strong{color:var(--color-text-primary)}.plan-block span,.plan-block small{color:#fffafcd1;font-size:var(--font-size-body-sm)}.plan-block-cyan{background:#3da0c459}.plan-block-indigo{background:#4858a461}.plan-block-violet{background:#623a846b}.plan-block-green{background:#3a70426b}.plan-block-amber{background:#8d641d75}.plan-block-magenta{background:#6e3d7e6b}.plan-block-blue{background:#32538b6b}.plan-block-lime{background:#41701e6b}.timeline-empty-state{min-height:100%;display:grid;place-content:center;justify-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6)}.empty-glyph{color:var(--color-text-muted);font-size:1.5rem}.timeline-empty-state p{margin:0;color:var(--color-text-muted)}.day-plan-footer{display:grid;gap:var(--space-3)}.day-plan-tip{gap:var(--space-2);min-height:3rem;padding:0 var(--space-4);border:1px solid rgba(229,124,216,.25);border-radius:var(--radius-sm);color:var(--color-accent-primary);background:#e57cd814}.day-plan-tip span{color:inherit}.footer-back-button{min-width:8.75rem}.day-plan-sidebar{min-height:0;border-left:1px solid var(--color-border-subtle);background:#07061275;padding:var(--space-8) var(--space-4);display:grid;align-content:start;gap:var(--space-4);overflow-y:auto}.next-task-card,.goals-panel,.goal-ring-card{border-radius:var(--radius-md);background:#ffffff0a;padding:var(--space-5)}.next-task-eyebrow{color:var(--color-accent-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.next-task-card h2{margin:var(--space-2) 0;font-size:var(--font-size-title-sm)}.next-task-meta span{min-height:2rem;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:#ffffff0a;display:inline-flex;align-items:center}.next-task-button{width:100%;margin-top:var(--space-4)}.goals-panel-header,.goal-progress-list,.goal-ring-card{align-items:flex-start;margin-bottom:var(--space-4)}.goal-progress-list{display:grid;gap:var(--space-4)}.goal-progress-card{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle)}.goal-card-green{background:#437e4b33}.goal-card-violet{background:#6d479833}.goal-progress-copy{display:grid;gap:var(--space-1)}.goal-progress-value{font-size:var(--font-size-title-sm)}.goal-ring-card{display:grid;gap:var(--space-2)}.goal-ring-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.goal-ring-visual{width:7.5rem;height:7.5rem;border-radius:50%;margin:var(--space-2) auto 0;background:radial-gradient(circle at center,rgba(18,13,31,.98) 0 56%,transparent 57%),conic-gradient(#7ff58b 0 70%,#b26aff 70% 100%)}.goal-ring-legend{display:grid;gap:var(--space-2)}.goal-ring-legend-row{justify-content:space-between}.goal-ring-legend-row span{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.legend-green{color:#7ff58b}.legend-violet{color:#b26aff}.goals-panel-footer p{margin-bottom:var(--space-3)}@media(max-width:1100px){.categories-grid,.plan-summary-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-row{grid-template-columns:1rem 6rem .75rem minmax(10rem,1fr) 6rem 2rem}.plan-row-category-label{display:none}.day-plan-screen{grid-template-columns:1fr}.day-plan-sidebar{border-left:0;border-top:1px solid var(--color-border-subtle);grid-template-columns:repeat(2,minmax(0,1fr))}}.topbar{display:flex;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-10);align-items:flex-start}.hero-copy{display:grid;gap:var(--space-4);max-width:50rem}.eyebrow,.field-label,.session-form label,.date-card span,.goal-card span,.learning-grid span,.timer-card span,.selected-task span{color:var(--color-text-muted)}.eyebrow{margin:0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.summary{max-width:42rem;color:var(--color-text-secondary);font-size:var(--font-size-body-lg);line-height:var(--font-line-height-relaxed);margin-bottom:0}.date-card,.panel,.goal-card,.learning-grid article,.task-card,.selected-task,.insight-box{border:1px solid var(--color-border-default);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.date-card{min-width:12rem;padding:var(--space-5) var(--space-6);background:var(--color-bg-panel-muted);border-radius:var(--radius-md)}.date-card strong,.goal-card strong,.learning-grid strong,.timer-card strong{display:block}.date-card strong{font-size:var(--font-size-title-sm);font-weight:var(--font-weight-semibold)}.layout-grid{display:grid;grid-template-columns:minmax(20rem,1fr) minmax(22rem,1fr);gap:var(--space-6)}.panel{background:var(--color-bg-panel);border-radius:var(--radius-lg);padding:var(--space-7)}.planning-panel,.learning-panel{grid-column:1 / -1}.section-heading{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6)}.status-pill,.risk-badge,.task-meta span{display:inline-flex;align-items:center;border-radius:var(--radius-pill)}.status-pill,.risk-badge{padding:var(--space-2) var(--space-4);background:var(--color-accent-primary-soft);border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.risk-badge.high{background:#ffcf6b1f;border-color:#ffcf6b73;color:var(--color-brand-yellow-300)}.field-label{display:block;margin-bottom:var(--space-3);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}textarea,input,select{width:100%;min-height:var(--size-control-height);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:.8125rem 1rem;color:var(--color-text-primary);background:var(--color-bg-field);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}textarea{resize:vertical;min-height:7.5rem;line-height:var(--font-line-height-relaxed)}textarea:hover,input:hover,select:hover{background:var(--color-bg-field-hover)}textarea:focus,input:focus,select:focus,button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.goal-grid,.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}.goal-card,.learning-grid article{min-height:var(--size-card-min-height);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-bg-panel-elevated)}.goal-card strong,.learning-grid strong{margin-bottom:var(--space-3);font-size:1.75rem;line-height:var(--font-line-height-snug)}.goal-card small,.learning-grid p,.selected-task p,.insight-box p{color:var(--color-text-secondary);line-height:var(--font-line-height-relaxed)}.meter{height:.625rem;background:#ffffff14;border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-3)}.meter span{display:block;height:100%;border-radius:inherit}.meter-fill-discovery{width:46%;background:var(--gradient-primary-action)}.meter-fill-support{width:28%;background:linear-gradient(90deg,#ffcf6b,#f2a65a)}.meter-fill-buffer{width:62%;background:linear-gradient(90deg,#74b4ff,#8a7dff)}.task-list{display:grid;gap:var(--space-4)}.task-card{width:100%;border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-bg-panel-elevated);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.task-card:hover,.task-card.active{background:var(--color-bg-selection);border-color:var(--color-border-strong);transform:translateY(-1px)}.task-card.active{box-shadow:var(--shadow-focus)}.task-card h3{margin-bottom:var(--space-3);font-size:1.125rem}.task-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.task-meta span{padding:var(--space-2) var(--space-3);background:#ffffff0f;color:var(--color-text-secondary);font-size:.8125rem}.selected-task{padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-panel-elevated);margin-bottom:var(--space-6)}.selected-task span{font-size:var(--font-size-body-sm)}.selected-task h3{margin:var(--space-2) 0 var(--space-3)}.session-form{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:var(--space-4);margin-bottom:var(--space-6)}.session-form label{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.session-form input,.session-form select{margin-top:var(--space-2)}.timer-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg,#2a1e3e,#3c1e4d);border:1px solid rgba(255,255,255,.08);margin-bottom:var(--space-6)}.timer-card span{font-size:var(--font-size-body-sm)}.timer-card strong{font-size:2.5rem;font-weight:var(--font-weight-semibold);line-height:1}.primary-button,.secondary-button{border:1px solid transparent;border-radius:var(--radius-sm);padding:0 var(--space-5);min-height:var(--size-button-height);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button{background:var(--gradient-primary-action);color:var(--color-text-inverse);box-shadow:var(--shadow-soft)}.secondary-button{background:#ffffff0d;border-color:var(--color-border-default);color:var(--color-text-primary)}.insight-box{border-left:4px solid var(--color-accent-primary);background:var(--color-bg-info);padding:var(--space-5);border-radius:var(--radius-md)}.insight-box strong{display:block;margin-bottom:var(--space-2)}@media(max-width:1100px){.goal-grid,.learning-grid,.layout-grid,.session-form{grid-template-columns:1fr}.planning-panel,.learning-panel{grid-column:auto}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.rail,.rail.expanded,.rail.collapsed{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--color-border-subtle);padding:var(--space-5);align-items:stretch}.workspace{padding:var(--space-8) var(--space-5)}.topbar,.timer-card{display:grid}.onboarding-screen,.day-plan-screen,.timeline-grid-shell{grid-template-columns:1fr}.onboarding-progress,.day-plan-sidebar{display:none}.day-plan-main{padding:var(--space-5)}.day-plan-header,.day-plan-toolbar,.day-plan-toolbar-left,.day-plan-toolbar-right,.timeline-summary-bar,.day-plan-footer-controls{display:grid;justify-content:stretch}.timeline-days{grid-template-columns:1fr}.timeline-scale{display:none}.rail.collapsed .menu-item,.footer-item.compact{width:100%;justify-content:flex-start;padding:.625rem .75rem}.rail.collapsed .menu-item .menu-copy,.rail.collapsed .footer-item .menu-copy{display:grid}.collapse-toggle,.rail.collapsed .collapse-toggle{margin-right:0}}
