:root{--bg-primary: #FAF8F5;--bg-secondary: #F3EDE7;--bg-card: #FFFFFF;--bg-sidebar: #F7F3EF;--bg-overlay: rgba(0, 0, 0, .35);--text-primary: #3A3A3A;--text-secondary: #6B6B6B;--text-muted: #9E9E9E;--text-inverse: #FFFFFF;--accent: #7C9A82;--accent-hover: #6B8A71;--accent-light: rgba(124, 154, 130, .12);--accent-warm: #D4A574;--accent-warm-light: rgba(212, 165, 116, .12);--border: #E8E2DC;--border-light: #F0EBE5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--cat-coding: #4A90D9;--cat-writing: #9B59B6;--cat-learning: #2ECC71;--cat-admin: #95A5A6;--cat-creative: #E67E22;--cat-social: #E74C8C;--cat-other: #1ABC9C;--energy-high: #2ECC71;--energy-mid: #F0AD4E;--energy-low: #E74C3C;--ghost-opacity: .32;--ghost-border: dashed;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease-out;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--nav-height: 56px;--sidebar-width: 260px;--ai-panel-width: 280px;--drawer-width: 360px;--calendar-row-height: 60px}.theme-dark{--bg-primary: #0F0F1A;--bg-secondary: #161625;--bg-card: #1C1C2E;--bg-sidebar: #141422;--bg-overlay: rgba(0, 0, 0, .65);--bg-muted: #2A2A3D;--text-primary: #E4E4F0;--text-secondary: #A0A0BC;--text-muted: #62627A;--text-inverse: #0F0F1A;--accent: #00D9FF;--accent-hover: #00B8D9;--accent-light: rgba(0, 217, 255, .1);--accent-warm: #FF4081;--accent-warm-light: rgba(255, 64, 129, .1);--border: #2A2A44;--border-light: #222238;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .6);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--energy-high: #00D9FF;--energy-mid: #7C4DFF;--energy-low: #FF4081}.theme-dark .nav{background:var(--bg-sidebar);border-bottom-color:var(--border)}.theme-dark .btn-primary{background:linear-gradient(135deg,#00d9ff,#7c4dff);color:#fff}.theme-dark .btn-primary:hover{background:linear-gradient(135deg,#00b8d9,#6a3de8)}.theme-dark .auth-page,.theme-dark .onboarding-page,.theme-dark .landing-page{background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f0f1a)}.theme-dark .auth-card,.theme-dark .onboarding-card,.theme-dark .landing-hero,.theme-dark .landing-section{background:var(--bg-card);box-shadow:0 8px 32px #00000080}.theme-dark .auth-brand,.theme-dark .onboarding-brand,.theme-dark .landing-brand{background:linear-gradient(135deg,#00d9ff,#7c4dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-dark .landing-hero-inner{background:linear-gradient(115deg,rgba(0,217,255,.12),rgba(124,77,255,.09) 45%,transparent 82%)}.theme-dark .landing-card{background:var(--bg-secondary);border-color:var(--border);box-shadow:none}.theme-dark .input,.theme-dark .auth-field input{background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}.theme-dark .madlib-opt{border-color:var(--border);background:var(--bg-secondary);color:var(--text-secondary)}.theme-dark .madlib-opt-active{border-color:#00d9ff;background:#00d9ff26;color:#00d9ff}.theme-dark .theme-card{border-color:var(--border)}.theme-dark .theme-card-active{border-color:#00d9ff;background:#00d9ff14}.theme-dark .slider-input{background:var(--border)}.theme-dark .slider-input::-webkit-slider-thumb{background:#00d9ff;border-color:var(--bg-card)}.theme-dark .slider-value{color:#00d9ff}.theme-dark .fab{background:linear-gradient(135deg,#00d9ff,#7c4dff)}.theme-dark .onboarding-progress-bar{background:linear-gradient(90deg,#00d9ff,#7c4dff)}.theme-dark .landing-feature-icon{background:linear-gradient(135deg,#00d9ff,#7c4dff)}.theme-dark .sidebar{background:var(--bg-sidebar);border-right-color:var(--border)}.theme-dark .parking-card{background:var(--bg-card);border-color:var(--border)}.theme-dark .calendar-header{background:var(--bg-card);border-bottom-color:var(--border)}.theme-dark .calendar-day-header{background:var(--bg-card);color:var(--text-secondary);border-bottom-color:var(--border)}.theme-dark .calendar-cell{border-right-color:var(--border);border-bottom-color:var(--border);background:var(--bg-primary)}.theme-dark .calendar-time-label{color:var(--text-muted);border-right-color:var(--border);background:var(--bg-secondary)}.theme-dark .calendar-scroll,.theme-dark .calendar-grid{background:var(--bg-primary)}.theme-dark .calendar-cell-today{background:#00d9ff0f}.theme-dark .cal-block{border-left-color:var(--border);color:#fff}.theme-dark .cal-block-ghost{opacity:.5}.theme-dark .ai-panel{background:var(--bg-sidebar);border-left-color:var(--border)}.theme-dark .ai-reason-card{background:var(--bg-card);border-color:var(--border)}.theme-dark .ai-reason-label{color:var(--text-secondary)}.theme-dark .ai-panel-header{border-bottom-color:var(--border)}.theme-dark .ai-panel-title{color:var(--text-primary)}.theme-dark .profile-page{background:var(--bg-primary)}.theme-dark .profile-card{background:var(--bg-card);border-color:var(--border)}.theme-dark .profile-card-title{color:var(--text-primary)}.theme-dark .pref-label{color:var(--text-secondary)}.theme-dark .modal-overlay{background:var(--bg-overlay)}.theme-dark .modal-content,.theme-dark .drawer-panel{background:var(--bg-card);border-color:var(--border)}.theme-dark .toast-card{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.theme-dark .toast-input{background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 1.5rem;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.nav-brand{font-size:1.25rem;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:-.02em;border:none;background:transparent;cursor:pointer;padding:0;transition:opacity var(--transition-fast)}.nav-brand:hover{opacity:.82}.nav-links{display:flex;gap:.25rem}.nav-link{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;cursor:pointer;border:none;background:transparent;transition:background var(--transition-fast),color var(--transition-fast)}.nav-link:hover{background:var(--accent-light);color:var(--text-primary)}.nav-link-active{background:var(--accent);color:var(--text-inverse)}.nav-link-active:hover{background:var(--accent-hover);color:var(--text-inverse)}.dashboard{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--ai-panel-width);height:calc(100vh - var(--nav-height));overflow:hidden;transition:grid-template-columns var(--transition-normal)}.dashboard.ai-collapsed{grid-template-columns:var(--sidebar-width) 1fr 0px}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sidebar-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.parking-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.parking-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.parking-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.parking-card-title{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parking-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.priority-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;font-size:.65rem;font-weight:700;color:var(--text-inverse);background:var(--accent)}.dash-layout{display:grid;grid-template-columns:1fr 220px;gap:1rem;padding:1.25rem;max-width:1100px;margin:0 auto;min-height:calc(100vh - 52px);overflow-y:auto;align-items:start}.dash-main{display:flex;flex-direction:column;gap:.75rem;min-width:0}.dash-sidebar{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:1rem}.today-header{display:flex;align-items:center;justify-content:space-between}.today-title{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.today-subtitle{font-size:.8rem;color:var(--text-muted)}.skooch-insights-section{background:var(--bg-card);border:1px solid var(--border-light);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:.65rem .85rem}.skooch-briefing .skooch-insights-title{font-size:.9rem;font-weight:700;text-transform:none;letter-spacing:.02em;color:var(--text-primary);margin-bottom:.5rem}.skooch-briefing .skooch-insights-body{font-size:1.05rem;color:var(--text-primary);line-height:1.65;font-weight:450}.skooch-insights-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.3rem}.skooch-insights-body{font-size:.82rem;color:var(--text-secondary);line-height:1.55}.skooch-briefing{padding:1rem 1.1rem}.insight-sentence{color:var(--text-secondary)}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.55rem .7rem;text-align:center;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-label{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.05rem}.stat-value{font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-sub{font-size:.6rem;color:var(--text-muted);margin-top:.05rem}.today-timeline{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow-y:auto;padding:.5rem}.today-timeline-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:.5rem .5rem .25rem}.composition-bar-wrap{padding:.25rem .5rem .4rem}.composition-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px}.composition-segment{border-radius:3px;min-width:6px;transition:opacity var(--transition-fast)}.composition-segment:hover{opacity:.75}.composition-legend{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.35rem}.legend-item{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--text-muted);font-weight:500}.legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.timeline-blocks{position:relative}.today-slot{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-bottom:1px solid var(--border-light);cursor:pointer}.today-slot:hover{background:var(--bg-secondary)}.today-slot-time{font-size:.72rem;color:var(--text-muted);font-weight:600;min-width:44px;text-align:right}.today-slot-block{flex:1;padding:.4rem .6rem;border-radius:var(--radius-sm);border-left:3px solid}.today-slot-block-title{font-size:.82rem;font-weight:600;color:var(--text-primary)}.today-slot-block-meta{font-size:.68rem;color:var(--text-muted)}.now-indicator{position:absolute;left:0;right:0;display:flex;align-items:center;z-index:5;pointer-events:none}.now-dot{width:8px;height:8px;border-radius:50%;background:#e74c3c;flex-shrink:0;margin-left:2px}.now-line{flex:1;height:2px;background:#e74c3c}.now-label{font-size:.55rem;font-weight:700;color:#e74c3c;margin-left:4px;white-space:nowrap}.confidence-badge{font-size:.6rem;font-weight:600;white-space:nowrap}.reason-details{margin-top:4px}.reason-summary{font-size:.68rem;font-weight:500;cursor:pointer;list-style:none;display:flex;align-items:center;gap:4px}.reason-summary::-webkit-details-marker{display:none}.reason-summary:before{content:"▸";font-size:.55rem;transition:transform .15s ease;display:inline-block}details[open]>.reason-summary:before{transform:rotate(90deg)}.reason-list{padding:4px 0 0 12px;display:flex;flex-direction:column;gap:2px}.reason-item{font-size:.68rem;color:var(--text-muted);padding:3px 8px;background:var(--bg-secondary);border-radius:4px;line-height:1.4;word-break:break-word;min-width:0}.overflow-tips{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border-light)}.overflow-tips-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.4rem}.tip-buttons{display:flex;flex-direction:column;gap:.35rem}.tip-btn{display:flex;align-items:flex-start;gap:.5rem;width:100%;padding:.55rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background .15s,border-color .15s,box-shadow .15s}.tip-btn:hover{background:var(--bg-card);border-color:var(--accent);box-shadow:0 1px 4px #00000014}.tip-btn-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--accent);padding:.15rem .4rem;border-radius:4px;flex-shrink:0}.tip-btn-copy{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.tip-btn-text{font-size:.78rem;color:var(--text-primary);font-weight:500;line-height:1.3}.tip-btn-subline{font-size:.68rem;color:var(--text-muted);font-weight:400;line-height:1.25}.overflow-reason{font-size:.72rem;color:#e74c3c;margin-top:4px;font-style:italic;line-height:1.4}.today-parking{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem}.today-parking-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.5rem}.today-parking-list{display:flex;gap:.5rem;flex-wrap:wrap}.calendar-container{display:flex;flex-direction:column;overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.calendar-header-title{font-size:1rem;font-weight:600}.calendar-nav{display:flex;align-items:center;gap:.5rem}.cal-nav-btn{min-width:32px;padding:.25rem .5rem;font-size:1rem;line-height:1}.calendar-header-actions{display:flex;gap:.5rem;align-items:center}.calendar-scroll{flex:1;overflow-y:auto;position:relative}.calendar-grid{display:grid;grid-template-columns:52px repeat(7,1fr);min-height:100%}.calendar-day-header{padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg-card);position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:1px}.calendar-day-header-click{cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);border-radius:4px}.calendar-day-header-click:hover{color:var(--accent);background:var(--accent-bg, rgba(74, 144, 217, .08))}.calendar-day-today{color:var(--accent);font-weight:700}.calendar-day-header-today{color:var(--accent)}.calendar-time-label{padding:.25rem .5rem;font-size:.7rem;color:var(--text-muted);text-align:right;border-right:1px solid var(--border);height:var(--calendar-row-height);display:flex;align-items:flex-start;justify-content:flex-end}.calendar-cell{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);height:var(--calendar-row-height);position:relative}.calendar-cell-today{background:var(--accent-light)}.cal-block{position:absolute;left:3px;right:3px;min-height:22px;border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.75rem;font-weight:500;color:#fff;overflow:hidden;cursor:pointer;z-index:2;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.cal-block:hover{box-shadow:var(--shadow-md);transform:scale(1.01);z-index:3}.cal-block-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.cal-block-time{font-size:.65rem;opacity:.85}.cal-block-ghost{opacity:var(--ghost-opacity);border:2px dashed rgba(0,0,0,.55);animation:ghostPulse 3s ease-in-out infinite}.cal-block-ghost:hover{opacity:.85}.cal-block-committed{font-weight:700;border:2px solid rgba(255,255,255,.85);opacity:1;animation:committedFlash 1.2s ease-out}@keyframes committedFlash{0%{box-shadow:0 0 0 4px #6366f18c,0 0 24px #6366f199;transform:scale(1.04)}to{box-shadow:none;transform:scale(1)}}@keyframes ghostPulse{0%,to{opacity:var(--ghost-opacity)}50%{opacity:calc(var(--ghost-opacity) + .15)}}.energy-strip{position:absolute;left:0;width:4px;border-radius:2px;z-index:1;transition:opacity var(--transition-normal)}.energy-strip-hidden{opacity:0}.ai-panel{background:var(--bg-card);border-left:1px solid var(--border);padding:1rem;overflow-y:auto;overflow-x:hidden;transition:opacity var(--transition-normal),padding var(--transition-normal)}.ai-collapsed .ai-panel{opacity:0;padding:0;pointer-events:none}.ai-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ai-panel-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.ai-reason-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:.75rem;margin-bottom:.75rem;font-size:.825rem;line-height:1.55;color:var(--text-primary)}.ai-reason-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem;letter-spacing:.03em}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.drawer-overlay-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;width:var(--drawer-width);height:100vh;background:var(--bg-card);box-shadow:var(--shadow-lg);z-index:201;transform:translate(100%);transition:transform var(--transition-slow);overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.drawer-open{transform:translate(0)}.drawer-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.drawer-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.drawer-section{display:flex;flex-direction:column;gap:.35rem}.drawer-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.drawer-ai-note{background:var(--accent-light);border-radius:var(--radius-sm);padding:.6rem .75rem;font-size:.8rem;color:var(--text-primary);line-height:1.5;border-left:3px solid var(--accent)}.drawer-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--border)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:300;width:360px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity var(--transition-slow),transform var(--transition-slow)}.toast-container-visible{opacity:1;transform:translateY(0);pointer-events:auto}.toast-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.toast-header{display:flex;align-items:flex-start;gap:.75rem}.toast-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-inverse);flex-shrink:0}.toast-message{font-size:.85rem;line-height:1.5;color:var(--text-primary)}.toast-actions{display:flex;gap:.5rem;flex-wrap:wrap}.toast-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;background:var(--bg-secondary);color:var(--text-primary)}.toast-input::placeholder{color:var(--text-muted)}.toast-input:focus{outline:none;border-color:var(--accent)}.ai-chat-fab{position:fixed;right:1.5rem;bottom:1.5rem;z-index:320;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-lg);padding:.8rem 1rem;font-size:.82rem;font-weight:700;cursor:pointer}.ai-chat-panel{position:fixed;right:1.5rem;bottom:5rem;z-index:321;width:min(400px,calc(100vw - 3rem));height:min(620px,calc(100vh - 7rem));display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-lg);overflow:hidden}.ai-chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border)}.ai-chat-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.ai-chat-subtitle{margin-top:.15rem;font-size:.75rem;color:var(--text-muted)}.ai-chat-close{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:700}.ai-chat-toolbar{display:flex;gap:.5rem;padding:.4rem 1rem;border-bottom:1px solid var(--border)}.ai-chat-toolbar-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:.72rem;font-weight:600;padding:.25rem .6rem;border-radius:4px;transition:background .15s}.ai-chat-toolbar-btn:hover{background:var(--border)}.ai-chat-history-dropdown{border-bottom:1px solid var(--border);max-height:200px;overflow-y:auto;background:var(--surface)}.ai-chat-history-list{padding:.25rem 0}.ai-chat-history-item{display:flex;align-items:center;padding:.35rem 1rem;cursor:pointer;transition:background .1s}.ai-chat-history-item:hover{background:var(--border)}.ai-chat-history-active{background:rgba(var(--accent-rgb, 76, 175, 80),.1)}.ai-chat-history-item-content{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.ai-chat-history-title{font-size:.78rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-chat-history-date{font-size:.68rem;color:var(--text-muted);flex-shrink:0}.ai-chat-history-delete{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.72rem;font-weight:700;padding:0 .3rem;margin-left:.25rem}.ai-chat-history-delete:hover{color:#e74c3c}.ai-chat-history-empty{padding:.75rem 1rem;font-size:.75rem;color:var(--text-muted);text-align:center}.ai-chat-suggestions{display:flex;gap:.5rem;padding:.85rem 1rem 0;overflow-x:auto}.ai-chat-suggestion{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;padding:.45rem .7rem;font-size:.72rem;white-space:nowrap;cursor:pointer}.ai-chat-thread{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:1rem;overflow-y:auto}.ai-chat-message{max-width:90%;padding:.75rem .85rem;border-radius:14px;line-height:1.45}.ai-chat-message-assistant{align-self:flex-start;background:var(--bg-secondary);border:1px solid var(--border)}.ai-chat-message-user{align-self:flex-end;background:var(--accent);color:#fff}.ai-chat-message-role{margin-bottom:.3rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.78}.ai-chat-message-body{font-size:.84rem;white-space:pre-wrap}.ai-chat-thinking{font-size:.78rem;color:var(--text-muted)}.ai-chat-error{padding:0 1rem .75rem;color:#d9534f;font-size:.75rem}.ai-plan-preview{margin:.5rem .75rem;padding:.75rem 1rem;border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg-secondary)}.ai-plan-preview-label{font-weight:600;font-size:.84rem;margin-bottom:.5rem;color:var(--text-primary)}.ai-plan-preview-items{margin-bottom:.6rem}.ai-plan-preview-item{font-size:.8rem;padding:.2rem 0;color:var(--text-secondary)}.ai-plan-preview-actions{display:flex;gap:.5rem}.ai-plan-preview-actions .btn-sm{padding:.35rem .9rem;font-size:.78rem}.ai-time-suggestions{margin:.5rem .75rem}.ai-time-suggestions-label{font-size:.8rem;font-weight:600;margin-bottom:.4rem;color:var(--text-primary)}.ai-time-suggestion-btn{display:flex;flex-direction:column;width:100%;padding:.55rem .8rem;margin-bottom:.35rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.ai-time-suggestion-btn:hover{border-color:var(--accent);background:var(--bg-hover)}.ai-time-suggestion-time{font-weight:600;font-size:.82rem}.ai-time-suggestion-reason{font-size:.74rem;color:var(--text-muted);margin-top:.15rem}.ai-chat-composer{display:flex;gap:.65rem;align-items:center;padding:.9rem 1rem 1rem;border-top:1px solid var(--border)}.ai-chat-composer-locked{opacity:.5;pointer-events:none;cursor:not-allowed}.ai-chat-composer-locked .ai-chat-input{cursor:not-allowed}.ai-chat-input{flex:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);padding:.7rem .8rem;font-size:.82rem}.ai-chat-input:focus{outline:none;border-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:250;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-overlay-open{opacity:1;pointer-events:auto}.modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:480px;max-height:85vh;overflow-y:auto;padding:1.5rem;transform:scale(.95);transition:transform var(--transition-normal)}.modal-overlay-open .modal{transform:scale(1)}.modal-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-field{display:flex;flex-direction:column;gap:.3rem}.modal-field-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.subtask-list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.subtask-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border)}.subtask-item input{flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.825rem;font-weight:500;border:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-hover)}.btn-save{transition:all var(--transition-base)}.btn-save-dirty{background:var(--accent);color:var(--text-inverse);box-shadow:0 0 12px #2ecc7159}.btn-save-dirty:hover{background:var(--accent-hover)}.btn-save-clean{background:var(--bg-secondary);color:var(--text-muted);cursor:default;opacity:.7}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:#fdecec;color:#c0392b}.btn-danger:hover{background:#f9d6d6}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:.35rem .7rem;font-size:.75rem}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-sm)}.fab{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--text-inverse);border:none;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-md);z-index:50;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.fab:hover{transform:translate(-50%) scale(1.08);box-shadow:var(--shadow-lg)}.input,.select{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-family);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-fast)}.input:focus,.select:focus{outline:none;border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border);background-image:none;outline:none}.range-slider::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--border);background-image:none}.range-slider::-webkit-slider-container{background:transparent}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:-6px}.range-slider::-moz-range-progress{background:transparent;height:6px;border-radius:3px}.range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:none}.range-slider::-moz-range-track{height:6px;border-radius:3px;background:var(--border)}.slider-value{min-width:2.5rem;font-variant-numeric:tabular-nums;color:var(--text-primary)}.toggle-track{width:44px;height:24px;border-radius:12px;background:var(--border);cursor:pointer;position:relative;transition:background var(--transition-fast);border:none;padding:0;flex-shrink:0}.toggle-track-on{background:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform var(--transition-fast);pointer-events:none}.toggle-thumb-on{transform:translate(20px)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.toggle-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - var(--nav-height));gap:1rem;color:var(--text-muted)}.placeholder-icon{font-size:3rem;opacity:.4}.placeholder-text{font-size:1.1rem;font-weight:500}.slider-value{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:26px;padding:0 8px;border-radius:13px;font-size:.75rem;font-weight:700;background:var(--accent);color:var(--text-inverse)}.profile-page{height:calc(100vh - var(--nav-height));overflow-y:auto;background:var(--bg-primary);padding:2rem 1.5rem 4rem}.profile-container{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.profile-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.profile-subtitle{font-size:.85rem;color:var(--text-muted)}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.profile-card-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.skill-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:.5rem;transition:box-shadow var(--transition-fast),opacity var(--transition-fast),border-color var(--transition-fast);cursor:grab;border:2px solid transparent}.skill-item:active{cursor:grabbing}.skill-item:last-child{margin-bottom:0}.skill-item:hover{box-shadow:var(--shadow-sm)}.skill-item-dragging{opacity:.4;cursor:grabbing}.skill-item-over{border-color:var(--accent);background:var(--accent-light)}.tier-row{margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.tier-row:last-child{border-bottom:none}.tier-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem}.tier-chips{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.tier-chips .skill-chip{border-radius:999px;padding:4px 10px;font-size:.8rem;cursor:grab;transition:opacity .15s,box-shadow .15s}.tier-chips .skill-chip:active{cursor:grabbing}.tier-chips .skill-chip.skill-item-dragging{opacity:.5;cursor:grabbing}.tier-chips .skill-chip.skill-item-over{box-shadow:0 0 0 2px var(--accent)}.skill-rank{width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.skill-name{flex:1;font-size:.9rem;font-weight:500;color:var(--text-primary)}.skill-multiplier{font-size:.8rem;font-weight:600;color:var(--accent);font-family:var(--font-mono);min-width:40px;text-align:right}.skill-arrows{display:flex;flex-direction:column;gap:2px}.skill-arrow-btn{width:22px;height:16px;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--text-secondary);transition:background var(--transition-fast);padding:0}.skill-arrow-btn:hover{background:var(--accent-light);color:var(--accent)}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.pref-row+.pref-row{border-top:1px solid var(--border-light)}.pref-label{font-size:.85rem;font-weight:500;color:var(--text-primary);flex-shrink:0}.pref-control{display:flex;align-items:center;gap:.5rem;flex:1;max-width:280px;justify-content:flex-end}.override-row{display:grid;grid-template-columns:10px 1fr auto 120px auto;align-items:center;gap:.75rem;padding:.6rem 0}.override-row+.override-row{border-top:1px solid var(--border-light)}.override-cat{font-size:.85rem;font-weight:500;color:var(--text-primary)}.override-base{font-size:.75rem;color:var(--text-muted);text-align:right}.override-value{font-size:.8rem;font-weight:600;color:var(--accent);font-family:var(--font-mono);min-width:36px;text-align:right}.rule-item{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .75rem;background:var(--accent-warm-light);border-radius:var(--radius-md);margin-bottom:.5rem;border-left:3px solid var(--accent-warm)}.rule-text{flex:1;font-size:.85rem;line-height:1.45;color:var(--text-primary);font-style:italic}.rule-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:0;line-height:1;flex-shrink:0;transition:color var(--transition-fast)}.rule-delete:hover{color:#c0392b}.rule-add-row{display:flex;gap:.5rem;margin-top:.75rem}.rule-add-row .input{flex:1}.insight-item{padding:.6rem 0;display:flex;flex-direction:column;gap:.2rem}.insight-item+.insight-item{border-top:1px solid var(--border-light)}.insight-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.insight-value{font-size:.85rem;color:var(--text-primary);line-height:1.45}.stat-bar-container{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.stat-bar{flex:1;height:6px;border-radius:3px;background:var(--border);overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width var(--transition-normal)}.stat-bar-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);min-width:32px;text-align:right}.cal-block-fixed{opacity:1;border-left:3px solid rgba(255,255,255,.8);background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,255,255,.08) 4px,rgba(255,255,255,.08) 8px)}.cal-block-fixed .cal-block-time{opacity:.7}.cal-block-fixed-badge{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.day-picker{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;width:100%}.day-btn{width:36px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.7rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);padding:0}.day-btn:hover{border-color:var(--accent);color:var(--accent)}.day-btn-active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.time-row{display:flex;gap:.5rem;align-items:center}.time-row .input{width:auto;flex:1}.time-separator{font-size:.85rem;color:var(--text-muted);font-weight:500}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:2rem}.auth-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem}.auth-brand{font-size:1.75rem;font-weight:700;color:var(--accent);text-align:center;letter-spacing:-.02em}.auth-subtitle{font-size:1rem;color:var(--text-secondary);text-align:center;margin-top:-.75rem}.auth-error{background:#fdecec;color:#c0392b;padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;border-left:3px solid #C0392B}.auth-success{background:#2ecc711a;color:#27ae60;padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;border-left:3px solid #27AE60}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.3rem}.auth-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.auth-submit{width:100%;padding:.7rem;font-size:.95rem;margin-top:.25rem}.auth-toggle-row{display:flex;align-items:center;justify-content:center;gap:.35rem}.auth-toggle-text{font-size:.85rem;color:var(--text-muted)}.auth-toggle-btn{background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;padding:0}.auth-toggle-btn:hover{text-decoration:underline}.auth-choice-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.auth-choice-brand{font-size:1.75rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.auth-choice-subtitle{font-size:1rem;color:var(--text-secondary);margin-top:-.5rem}.auth-choice-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem}.auth-choice-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.1rem 1.25rem;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg-primary);cursor:pointer;transition:border-color .2s,background .2s,transform .15s;width:100%}.auth-choice-btn:hover{transform:translateY(-2px)}.auth-choice-signup{border-color:var(--accent);background:var(--accent);color:#fff}.auth-choice-signup:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.auth-choice-signup .auth-choice-btn-desc{color:#fffc}.auth-choice-login{border-color:var(--border);background:var(--bg-card);color:var(--text-primary)}.auth-choice-login:hover{border-color:var(--accent);background:var(--bg-secondary)}.auth-choice-btn-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.auth-choice-btn-desc{font-size:.8rem;color:var(--text-muted);line-height:1.35}.auth-choice-back{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;margin-top:.25rem;padding:.25rem .5rem}.auth-choice-back:hover{color:var(--accent);text-decoration:underline}.auth-terms-row{margin:.25rem 0 .75rem}.auth-terms-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);cursor:pointer;line-height:1.4}.auth-terms-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.auth-terms-link{background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.auth-terms-link:hover{opacity:.8}.eula-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.eula-modal{background:var(--bg-card, #fff);border-radius:12px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.eula-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border, #e0e0e0)}.eula-modal-header h2{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.eula-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:0 .25rem}.eula-modal-close:hover{color:var(--text-primary, #1a1a2e)}.eula-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.eula-title{font-size:1rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary, #1a1a2e)}.eula-date{font-size:.78rem;color:var(--text-muted);margin:0 0 1rem}.eula-intro{font-size:.82rem;line-height:1.6;color:var(--text-secondary, #444);margin:0 0 1rem}.eula-section-title{font-size:.88rem;font-weight:600;margin:1rem 0 .35rem;color:var(--text-primary, #1a1a2e)}.eula-section-body{font-size:.82rem;line-height:1.6;color:var(--text-secondary, #444);margin:0 0 .5rem}.eula-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border, #e0e0e0);display:flex;justify-content:flex-end}.auth-spinner{font-size:1rem;color:var(--text-muted)}.nav-link-logout{color:var(--text-muted)}.nav-link-logout:hover{color:#c0392b;background:#c0392b14}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8f5e9);padding:2rem 1rem}.onboarding-card{background:#fff;border-radius:1.25rem;box-shadow:0 8px 32px #0000001a;padding:2.5rem 2rem;width:100%;max-width:520px}.onboarding-brand{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;text-align:center;margin-bottom:.25rem;background:linear-gradient(135deg,var(--accent),#2ECC71);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.onboarding-subtitle{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem}.onboarding-progress{height:6px;background:var(--bg-muted, #e9ecef);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.onboarding-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#2ECC71);border-radius:3px;transition:width .35s ease}.onboarding-step-label{text-align:center;font-size:.75rem;color:var(--text-muted);margin-bottom:1.5rem}.onboarding-content{min-height:220px}.onboarding-title{font-size:1.15rem;font-weight:700;margin:0 0 .35rem}.onboarding-desc{font-size:.85rem;color:var(--text-muted);margin:0 0 1.25rem}.onboarding-ranks{display:flex;flex-direction:column;gap:.35rem}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem}.madlib-section{display:flex;flex-direction:column;gap:1.5rem}.madlib-row{display:flex;flex-direction:column;gap:.5rem}.madlib-text{font-size:.95rem;font-weight:600}.madlib-options{display:flex;flex-wrap:wrap;gap:.5rem}.madlib-opt{padding:.5rem 1rem;border:2px solid var(--bg-muted, #e0e0e0);border-radius:2rem;background:#fff;font-size:.85rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary, #555)}.madlib-opt:hover{border-color:var(--accent);color:var(--accent)}.madlib-opt-active{border-color:var(--accent);background:var(--accent);color:#fff}.madlib-opt-active:hover{background:var(--accent);color:#fff}.slider-section{display:flex;flex-direction:column;gap:1.5rem}.slider-row{display:flex;flex-direction:column;gap:.35rem}.slider-label{font-size:.9rem;font-weight:600}.slider-track{display:flex;align-items:center;gap:.5rem}.slider-end{font-size:.7rem;color:var(--text-muted);white-space:nowrap;min-width:42px}.slider-input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--bg-muted, #e0e0e0);outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #00000026}.slider-value{font-size:.8rem;font-weight:700;color:var(--text-inverse);text-align:center}.buffer-hint{margin-top:1rem;font-size:.78rem;color:var(--text-muted);line-height:1.4;text-align:center}.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.theme-card{border:2px solid var(--bg-muted, #e0e0e0);border-radius:1rem;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:all .2s ease}.theme-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.theme-card-active{border-color:var(--accent);background:#4a90d90f;box-shadow:0 4px 16px #4a90d926}.theme-preview{display:flex;justify-content:center;gap:.5rem;padding:1rem;border-radius:.75rem;margin-bottom:.75rem}.theme-preview-light{background:#f8f9fa}.theme-preview-dark{background:#1a1a2e}.theme-dot{width:18px;height:18px;border-radius:50%}.theme-name{font-weight:700;font-size:.9rem;margin-bottom:.2rem}.theme-desc{font-size:.75rem;color:var(--text-muted)}.lp-page{min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#111827}.lp-page *,.lp-page *:before,.lp-page *:after{box-sizing:border-box}.lp-page ::selection{background:#7a9a834d}.lp-icon{display:inline-flex;align-items:center;justify-content:center;font-style:normal;line-height:1;flex-shrink:0}.lp-icon-zap{font-size:1.25rem}.lp-icon-zap-sm{font-size:.75rem}.lp-icon-zap-lg{font-size:1.5rem}.lp-icon-zap-xl{font-size:6rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}.lp-icon-check{font-size:1rem;color:#7a9a83}.lp-icon-arrow{font-size:1.25rem}.lp-icon-play{font-size:1.5rem}.lp-icon-clock{font-size:1.5rem;color:#3b82f6}.lp-icon-calendar{font-size:1.5rem;color:#a855f7}.lp-icon-bolt{font-size:1.5rem;color:#f97316}.lp-icon-dash{font-size:1.25rem;color:#7a9a83}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes lp-fade-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes lp-drop-1{0%{opacity:0;transform:translateY(-6rem)}to{opacity:1;transform:translateY(0)}}@keyframes lp-drop-2{0%{opacity:0;transform:translateY(-9rem)}to{opacity:1;transform:translateY(0)}}@keyframes lp-drop-3{0%{opacity:0;transform:translateY(-12rem)}to{opacity:1;transform:translateY(0)}}@keyframes lp-drop-4{0%{opacity:0;transform:translateY(-15rem)}to{opacity:1;transform:translateY(0)}}.lp-anim-fade-up{animation:lp-fade-up .6s ease-out both}.lp-anim-fade-scale{animation:lp-fade-scale .6s .3s ease-out both}.lp-anim-drop-1{animation:lp-drop-1 .6s .2s ease-out both}.lp-anim-drop-2{animation:lp-drop-2 .6s .4s ease-out both}.lp-anim-drop-3{animation:lp-drop-3 .6s .6s ease-out both}.lp-anim-drop-4{animation:lp-drop-4 .6s .8s ease-out both}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #f3f4f6}.lp-nav-inner{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:4rem}.lp-nav-brand{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:0}.lp-nav-logo{width:2rem;height:2rem;background:#7a9a83;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.lp-nav-robot{width:2.5rem;height:2.5rem;object-fit:contain}.lp-nav-brand-text{font-size:1.25rem;font-weight:700;color:#111827;letter-spacing:-.025em}.lp-nav-links{display:flex;align-items:center;gap:2rem}.lp-nav-link{font-size:.875rem;font-weight:500;color:#4b5563;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.lp-nav-link:hover{color:#7a9a83}.lp-btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.lp-btn-primary{background:#7a9a83;color:#fff;padding:.5rem 1.25rem;border-radius:9999px;font-size:.875rem;box-shadow:0 1px 2px #0000000d}.lp-btn-primary:hover{background:#6b8a74}.lp-btn-primary-lg{background:#7a9a83;color:#fff;padding:1rem 2rem;border-radius:1rem;font-size:1.125rem;font-weight:700;box-shadow:0 10px 15px -3px #0000001a}.lp-btn-primary-lg:hover{background:#6b8a74;box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-2px)}.lp-btn-secondary-lg{background:#fff;color:#111827;padding:1rem 2rem;border-radius:1rem;font-size:1.125rem;font-weight:700;border:2px solid #f3f4f6}.lp-btn-secondary-lg:hover{background:#f9fafb}.lp-btn-primary-xl{background:#7a9a83;color:#fff;padding:1.25rem 2.5rem;border-radius:1rem;font-size:1.25rem;font-weight:700;box-shadow:0 20px 25px -5px #0000001a}.lp-btn-primary-xl:hover{background:#6b8a74;box-shadow:0 25px 50px -12px #00000026;transform:translateY(-2px)}.lp-nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;color:#4b5563}.lp-nav-mobile-menu{display:none;background:#fff;border-bottom:1px solid #f3f4f6;padding:1.5rem 1rem;flex-direction:column;gap:1rem}.lp-nav-mobile-menu .lp-nav-link{font-size:1.125rem;color:#111827}.lp-nav-mobile-menu .lp-btn-primary{padding:.75rem;border-radius:.75rem;font-size:1.125rem;text-align:center;justify-content:center}@media(max-width:768px){.lp-nav-links{gap:.75rem}.lp-nav-link{font-size:.75rem}.lp-btn-primary{padding:.4rem .75rem;font-size:.75rem}}.lp-main{padding-top:8rem;padding-bottom:5rem}.lp-hero{max-width:80rem;margin:0 auto;padding:0 1rem 5rem;text-align:center}.lp-hero-inner{max-width:56rem;margin:0 auto}.lp-hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#f3f4f6;color:#4b5563;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.lp-hero-pill-dot{width:.5rem;height:.5rem;border-radius:9999px;background:#22c55e;animation:lp-pulse 2s ease-in-out infinite}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.4}}.lp-hero-title{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800;letter-spacing:-.025em;color:#111827;line-height:1.1;margin:0 0 1.5rem}.lp-hero-title-accent{color:#7a9a83}.lp-hero-subtitle{font-size:1.25rem;color:#4b5563;line-height:1.6;max-width:42rem;margin:0 auto 2.5rem}.lp-hero-robot{width:140px;height:auto;margin:1.5rem auto 0;display:block;animation:lp-robot-bob 3s ease-in-out infinite}@keyframes lp-robot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-hero-actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1rem}.lp-hero-secondary-stack{display:flex;flex-direction:column;align-items:center;gap:.35rem}.lp-hero-subtext{font-size:.85rem;color:#888;margin:0}.lp-demo{max-width:64rem;margin:0 auto 8rem;padding:0 1rem}.lp-demo-browser{position:relative;width:100%;aspect-ratio:16 / 9;background:#fff;border-radius:2.5rem;border:1px solid #e5e7eb;box-shadow:0 25px 50px -12px #0000001f;overflow:hidden}.lp-demo-chrome{position:absolute;top:0;left:0;right:0;height:2.5rem;background:#f1f3f1;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 1rem;gap:.5rem;z-index:10}.lp-demo-dots{display:flex;gap:.375rem}.lp-demo-dot{width:.75rem;height:.75rem;border-radius:9999px}.lp-demo-dot-red{background:#ff5f57}.lp-demo-dot-yellow{background:#febc2e}.lp-demo-dot-green{background:#28c840}.lp-demo-url{margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.125rem 1rem;font-size:.625rem;color:#9ca3af;width:33%;text-align:center;font-weight:500}.lp-demo-video{position:absolute;top:2.5rem;left:0;width:100%;height:calc(100% - 2.5rem);object-fit:cover;background:#000;border-bottom-left-radius:2.5rem;border-bottom-right-radius:2.5rem}.lp-tetris{padding:6rem 0;background:#fff;overflow:hidden}.lp-tetris-inner{max-width:80rem;margin:0 auto;padding:0 1rem}.lp-tetris-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.lp-tetris-copy{display:flex;flex-direction:column;gap:2rem}.lp-tetris-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;color:#111827;line-height:.9;letter-spacing:-.05em;margin:0}.lp-tetris-subtitle{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;font-style:italic;color:#9ca3af;line-height:1.1;margin:0}.lp-tetris-desc{font-size:1.125rem;color:#4b5563;max-width:28rem;line-height:1.6;margin:0}.lp-tetris-checks{display:flex;flex-direction:column;gap:1.25rem;padding-top:1rem}.lp-tetris-check{display:flex;align-items:center;gap:1rem}.lp-tetris-check-icon{width:1.5rem;height:1.5rem;border-radius:9999px;background:#7a9a8326;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-tetris-check-text{font-weight:700;color:#1f2937;letter-spacing:-.025em}.lp-tetris-link{display:none}.lp-tetris-visual{position:relative}.lp-tetris-blocks{background:#f8f9f8;padding:2.5rem;border-radius:3rem;box-shadow:inset 0 2px 4px #0000000f;border:1px solid #f3f4f6;position:relative;z-index:1}.lp-tetris-block-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.lp-block{border-radius:1.5rem;padding:1.25rem;color:#fff;box-shadow:0 10px 15px -3px #0000001a}.lp-block-label{font-size:.625rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:.25rem}.lp-block-name{font-weight:700;font-size:.875rem}.lp-block-2col{grid-column:span 2}.lp-block-3col{grid-column:span 3}.lp-block-4col{grid-column:span 4}.lp-block-tall{height:9rem}.lp-block-short{height:7rem}.lp-block-wide{height:6rem;display:flex;align-items:center;justify-content:space-between}.lp-block-blue{background:#3b82f6}.lp-block-purple{background:#a855f7}.lp-block-orange{background:#f97316}.lp-block-green{background:#7a9a83}.lp-block-emoji{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.lp-block-empty{height:7rem;background:#fff;border-radius:1.5rem;border:2px dashed #e5e7eb;display:flex;align-items:center;justify-content:center;color:#d1d5db;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.lp-tetris-blur-1,.lp-tetris-blur-2{position:absolute;width:12rem;height:12rem;border-radius:9999px;filter:blur(3rem);opacity:.4}.lp-tetris-blur-1{top:-3rem;right:-3rem;background:#dcfce7}.lp-tetris-blur-2{bottom:-3rem;left:-3rem;background:#dbeafe}.lp-features{padding:6rem 0;background:#fff}.lp-features-inner{max-width:80rem;margin:0 auto;padding:0 1rem}.lp-features-header{text-align:center;max-width:48rem;margin:0 auto 4rem}.lp-features-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;color:#111827;margin:0 0 1rem}.lp-features-subtitle{font-size:1.125rem;color:#4b5563;margin:0}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.lp-feature-card{padding:2rem;border-radius:1.5rem;background:#f9fafb;border:1px solid #f3f4f6;transition:box-shadow .2s,transform .2s}.lp-feature-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.lp-feature-icon{width:3rem;height:3rem;border-radius:1rem;background:#fff;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.lp-feature-name{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .75rem}.lp-feature-desc{color:#4b5563;line-height:1.6;margin:0}.lp-prompt{padding:6rem 0;background:#7a9a83;color:#fff;overflow:hidden;position:relative}.lp-prompt-inner{max-width:80rem;margin:0 auto;padding:0 1rem;position:relative;z-index:1}.lp-prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.lp-prompt-copy{display:flex;flex-direction:column;gap:2rem}.lp-prompt-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;line-height:1.2;margin:0}.lp-prompt-title-dim{opacity:.7}.lp-prompt-card{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);padding:1.5rem;border-radius:1rem}.lp-prompt-card-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:1rem}.lp-prompt-card-text{font-size:1.125rem;font-weight:500;font-style:italic;line-height:1.6;margin:0}.lp-prompt-label-icon{font-size:.85rem;opacity:.8}.lp-prompt-brain{width:7rem;height:7rem;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;animation:lp-brain-pulse 3s ease-in-out infinite;box-shadow:0 0 40px #ffffff26}.lp-prompt-brain-emoji{font-size:3.5rem;filter:drop-shadow(0 0 12px rgba(255,255,255,.6))}@keyframes lp-brain-pulse{0%,to{transform:scale(1);box-shadow:0 0 40px #ffffff26}50%{transform:scale(1.08);box-shadow:0 0 60px #ffffff4d}}.lp-prompt-desc{font-size:1.125rem;opacity:.8;margin:0;line-height:1.6}.lp-prompt-visual{display:flex;align-items:center;justify-content:center}.lp-prompt-collage{width:100%;max-width:480px;height:auto;border-radius:1.2rem;box-shadow:0 8px 32px #00000026}.lp-prompt-skew{position:absolute;top:0;right:0;width:50%;height:100%;background:#ffffff0d;transform:skew(12deg) translate(25%)}.lp-cta-section{padding:8rem 0;background:#f9fafb}.lp-cta-robot{width:280px;max-width:80%;height:auto;display:block;margin:0 auto 1.5rem;border-radius:1rem}.lp-cta-inner{max-width:56rem;margin:0 auto;padding:0 1rem;text-align:center}.lp-cta-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;margin:0 0 1rem}.lp-cta-subtitle{font-size:1.25rem;color:#4b5563;margin:0 0 2rem}.lp-cta-fine{margin-top:1rem;font-size:.875rem;color:#9ca3af}.lp-footer{background:#fff;border-top:1px solid #f3f4f6;padding:3rem 0}.lp-footer-inner{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;gap:2rem}@media(min-width:768px){.lp-footer-inner{flex-direction:row;justify-content:space-between}}.lp-footer-robot{width:2rem;height:2rem;object-fit:contain}.lp-footer-brand{display:flex;align-items:center;gap:.5rem}.lp-footer-brand-text{font-size:1.25rem;font-weight:700;color:#111827;letter-spacing:-.025em}.lp-footer-links{display:flex;gap:2rem}.lp-footer-link{font-size:.875rem;font-weight:500;color:#6b7280;text-decoration:none;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.lp-footer-link:hover{color:#7a9a83}.lp-footer-copy{font-size:.875rem;color:#9ca3af;margin:0}.lp-coming-shell{padding:4rem 0 2rem}.lp-coming-card{max-width:760px;margin:0 auto;padding:2.2rem;text-align:center;background:#ffffffe0;border:1px solid rgba(122,154,131,.14);border-radius:1.45rem;box-shadow:0 12px 36px #0000000d}.lp-coming-pill{display:inline-flex;padding:.45rem .8rem;border-radius:9999px;background:#7a9a831f;color:#7a9a83;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.lp-coming-title{margin:1rem 0 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.05em}.lp-coming-copy{max-width:56ch;margin:1rem auto 0;color:#4b5563;font-size:1rem;line-height:1.75}.lp-coming-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.onboarding-startover{text-align:center;margin-top:1rem;font-size:.8rem}.tutorial-page{min-height:calc(100vh - var(--nav-height));background:radial-gradient(circle at 88% 12%,rgba(124,154,130,.15),transparent 40%),radial-gradient(circle at 10% 86%,rgba(212,165,116,.16),transparent 42%),var(--bg-primary);padding:2rem 1.25rem 2.75rem}.tutorial-hero{max-width:980px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:18px;overflow:hidden}.tutorial-hero-inner{padding:2rem;background:linear-gradient(115deg,rgba(124,154,130,.18),rgba(212,165,116,.1) 45%,transparent 82%)}.tutorial-eyebrow{margin:0 0 .4rem;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.tutorial-wordmark{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:900;letter-spacing:-.05em;line-height:.95;margin-bottom:.65rem;background:linear-gradient(135deg,var(--accent),#2ECC71);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tutorial-title{margin:0;max-width:18ch;font-size:clamp(1.85rem,3.8vw,3rem);line-height:1.08;color:var(--text-primary)}.tutorial-subtitle{margin:.95rem 0 0;max-width:70ch;font-size:.98rem;color:var(--text-secondary);line-height:1.65}.tutorial-hero-actions{margin-top:1.15rem;display:flex;flex-wrap:wrap;gap:.65rem}.tutorial-quickfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.3rem}.tutorial-fact-card{background:#ffffff8f;border:1px solid rgba(124,154,130,.18);border-radius:14px;padding:1rem;box-shadow:0 10px 24px #0000000d}.tutorial-fact-label{margin-bottom:.35rem;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.tutorial-fact-card p{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.55}.tutorial-section{max-width:980px;margin:1rem auto 0;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.3rem}.tutorial-section-last{margin-bottom:.5rem}.tutorial-section-title{margin:0;font-size:1.2rem}.tutorial-section-head{margin-bottom:1rem}.tutorial-section-intro{margin:.4rem 0 0;max-width:74ch;color:var(--text-secondary);line-height:1.6}.tutorial-status-grid,.tutorial-guide-grid,.tutorial-learning-grid{display:grid;gap:.9rem}.tutorial-status-grid,.tutorial-guide-grid,.tutorial-learning-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-status-card,.tutorial-guide-card,.tutorial-learning-card{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:0 8px 22px #0000000a}.tutorial-status-card{border-top:4px solid var(--accent)}.tutorial-status-pending{border-top-color:#e67e22}.tutorial-status-scheduled{border-top-color:#4a90d9}.tutorial-status-completed{border-top-color:#2ecc71}.tutorial-status-label{margin-bottom:.55rem;font-size:.95rem;font-weight:800;color:var(--text-primary)}.tutorial-status-card p,.tutorial-guide-card p,.tutorial-learning-card p{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.58}.tutorial-guide-card h3,.tutorial-learning-card h3,.tutorial-callout h3,.tutorial-step-body h3{margin:0 0 .35rem;font-size:.98rem}.tutorial-mini-list{margin:.8rem 0 0;padding-left:1.1rem;color:var(--text-secondary);display:grid;gap:.45rem;font-size:.86rem;line-height:1.55}.tutorial-note{margin-top:1rem;padding:.95rem 1rem;border-radius:12px;background:#7c9a821a;border:1px solid rgba(124,154,130,.18);color:var(--text-secondary);line-height:1.55}.tutorial-workflow{display:grid;gap:.8rem}.tutorial-step-card{display:grid;grid-template-columns:52px 1fr;gap:.9rem;align-items:start;padding:1rem;border-radius:14px;border:1px solid var(--border);background:linear-gradient(135deg,#7c9a821a,#d4a5740f)}.tutorial-step-number{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#2ECC71);color:#fff;font-size:1rem;font-weight:800}.tutorial-step-body p{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.58}.tutorial-inline-btn{margin-top:.8rem;width:100%}.tutorial-roadmap-copy{margin:0;color:var(--text-secondary);max-width:74ch;line-height:1.6}.tutorial-callout{margin-top:1rem;padding:1.05rem;border-radius:14px;background:linear-gradient(135deg,#4a90d91a,#2ecc711a);border:1px solid rgba(74,144,217,.2)}.theme-dark .tutorial-page{background:radial-gradient(circle at 88% 12%,rgba(0,217,255,.14),transparent 40%),radial-gradient(circle at 10% 86%,rgba(124,77,255,.15),transparent 42%),var(--bg-primary)}.theme-dark .tutorial-hero-inner{background:linear-gradient(115deg,rgba(0,217,255,.12),rgba(124,77,255,.09) 45%,transparent 82%)}.theme-dark .tutorial-fact-card,.theme-dark .tutorial-status-card,.theme-dark .tutorial-guide-card,.theme-dark .tutorial-learning-card{background:var(--bg-secondary)}.theme-dark .tutorial-note{background:#00d9ff17;border-color:#00d9ff2e}.theme-dark .tutorial-step-card{background:linear-gradient(135deg,#00d9ff14,#7c4dff14)}.theme-dark .tutorial-callout{background:linear-gradient(135deg,#00d9ff1a,#7c4dff1a);border-color:#00d9ff2e}@media(max-width:960px){.tutorial-quickfacts,.tutorial-status-grid,.tutorial-guide-grid,.tutorial-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-tetris-grid,.lp-prompt-grid{grid-template-columns:1fr}.lp-prompt-visual{margin-top:2rem}}@media(max-width:720px){.nav{padding:0 .85rem}.nav-links{gap:.15rem}.nav-link{padding:.45rem .6rem;font-size:.8rem}.tutorial-page{padding:1rem .78rem 1.4rem}.tutorial-quickfacts,.tutorial-status-grid,.tutorial-guide-grid,.tutorial-learning-grid{grid-template-columns:1fr}.tutorial-title{max-width:none}.tutorial-hero-actions{flex-direction:column}.tutorial-step-card{grid-template-columns:1fr}.lp-hero-title{font-size:clamp(2.2rem,10vw,3.5rem)}.lp-hero-actions{flex-direction:column}.lp-hero-actions .lp-btn{width:100%;justify-content:center}.lp-features-grid{grid-template-columns:1fr}.lp-tetris-grid{gap:2rem}.lp-tetris-blocks{padding:2rem}.lp-coming-card{padding:1.5rem}}.scheduler-page{display:flex;flex-direction:column;height:calc(100vh - 52px);overflow:hidden}.scheduler-body{display:flex;flex:1;overflow:hidden}.sch-panel{flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);overflow-y:auto;padding:.75rem;transition:width .2s ease}.sch-panel-narrow{width:320px}.sch-panel-wide{width:460px}.sch-panel-mid{width:360px}.sch-panel-toggle{display:flex;justify-content:flex-end;margin-bottom:.4rem;gap:.25rem}.sch-panel-toggle-btn{font-size:.6rem;padding:.15rem .4rem;border-radius:3px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer}.sch-panel-toggle-btn-active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.sch-section{margin-bottom:1rem}.sch-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.sch-form{display:flex;flex-direction:column;gap:.65rem;margin-bottom:.5rem}.sch-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.25rem;width:100%}.sch-form-actions .btn{width:100%;justify-content:center}.sch-toggle{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.25rem;padding:.25rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);margin:.35rem 0 .55rem}.sch-toggle-btn{width:100%;border-radius:8px;border:1px solid transparent;padding:.35rem .5rem;font-size:.72rem;font-weight:700;cursor:pointer;background:transparent;color:var(--text-muted)}.sch-toggle-btn-active{background:var(--accent);color:var(--text-inverse)}.sch-disclaimer{font-size:.68rem;color:var(--text-muted);margin-top:.25rem;text-align:center}.sch-form .sch-inline-error{font-size:.72rem;color:#e74c3c;font-weight:600;padding:.2rem .35rem;border:1px solid rgba(231,76,60,.25);background:#e74c3c14;border-radius:6px}.sch-form .input,.sch-form .select{font-size:.8rem;padding:.4rem .5rem}.sch-form-row{display:flex;gap:.35rem;align-items:center}.sch-form-row .input{flex:1;min-width:0}.sch-item-list{display:flex;flex-direction:column;gap:.3rem}.sch-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:.78rem}.sch-item-info{flex:1;min-width:0;overflow:hidden}.sch-item-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sch-item-meta{font-size:.68rem;color:var(--text-muted)}.sch-item-remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.sch-item-remove:hover{background:var(--energy-low);color:var(--text-inverse)}.sch-calendar{flex:1;overflow:auto;background:var(--bg-primary)}.sch-bottom{display:flex;align-items:center;gap:.75rem;padding:.45rem 1rem .2rem;background:var(--bg-card);border-top:1px solid var(--border);flex-wrap:wrap}.sch-log{flex:1;font-size:.8rem;color:var(--text-secondary);min-width:200px}.sch-suggestions{display:flex;gap:.5rem;flex-wrap:wrap;padding:.15rem 1rem .45rem;background:var(--bg-secondary);border-top:1px solid var(--border-light);max-width:calc(100vw - 420px)}.sch-suggestion{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;font-size:.72rem;padding:.3rem .6rem;background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.sch-suggestion-primary{font-weight:600;line-height:1.25}.sch-suggestion-subline{font-size:.65rem;font-weight:400;color:var(--text-muted);line-height:1.3}.sch-suggestion:hover{background:var(--accent);color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.confidence-badge{font-size:.55rem;font-weight:700;opacity:.8}.btn-optimize{transition:all var(--transition-base)}.btn-optimize-dirty{background:var(--accent);color:var(--text-inverse);box-shadow:0 0 12px #2ecc7159;animation:pulse-glow 2s ease-in-out infinite}.btn-optimize-clean{background:var(--bg-secondary);color:var(--text-muted);cursor:default;opacity:.7}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #2ecc7133}50%{box-shadow:0 0 16px #2ecc7180}}.dev-toolbar{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;background:#1a1a2e;border:1px solid #e74c3c44;border-radius:var(--radius-sm);flex-wrap:wrap}.dev-badge{font-size:.6rem;font-weight:800;letter-spacing:.08em;color:#e74c3c;background:#e74c3c22;padding:.15rem .4rem;border-radius:3px}.btn-dev{font-size:.68rem;padding:.2rem .5rem;border-radius:var(--radius-sm);border:1px solid #555;background:#2a2a3e;color:#ccc;cursor:pointer;transition:all var(--transition-fast)}.btn-dev:hover{border-color:#e74c3c;color:#fff}.btn-dev-active{border-color:var(--accent);background:var(--accent);color:#fff}.sch-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:300}.sch-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:301;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;width:360px;box-shadow:var(--shadow-lg)}.sch-popup-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.sch-popup-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.sch-popup-label{font-size:.75rem;font-weight:600;color:var(--text-muted);min-width:70px}.sch-popup-value{font-size:.82rem;color:var(--text-secondary)}.sch-popup-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.sandbox-banner{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:linear-gradient(90deg,#6366f11f,#6366f10a);border-bottom:1px solid rgba(99,102,241,.25);font-size:.82rem;color:var(--text-primary);flex-wrap:wrap}.sandbox-banner-icon{font-size:1.1rem}.sandbox-banner-text{flex:1;min-width:200px}.sandbox-banner-exit{white-space:nowrap;font-size:.75rem!important}.sandbox-toolbar{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;margin-top:.35rem}.sandbox-badge{font-size:.58rem;font-weight:800;letter-spacing:.08em;color:var(--accent);background:#6366f11f;padding:.15rem .45rem;border-radius:3px}.sandbox-severity-picker{display:flex;gap:.4rem}.severity-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);min-width:72px}.severity-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.severity-easy:hover{background:#34d3991a;border-color:#34d399}.severity-busy:hover{background:#fbbf241a;border-color:#fbbf24}.severity-finals:hover{background:#ef44441a;border-color:#ef4444}.severity-emoji{font-size:1.4rem;line-height:1}.severity-label{font-size:.62rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.theme-dark .sandbox-banner{background:linear-gradient(90deg,#6366f114,#6366f105)}.theme-dark .severity-card{background:var(--bg-tertiary)}.ai-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem;border-top:1px solid var(--border-light)}.ai-preset-card{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:.78rem;color:var(--text-primary)}.ai-preset-card:hover{border-color:var(--accent);background:#6366f10f;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.ai-preset-card:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ai-preset-icon{font-size:1.1rem;line-height:1;flex-shrink:0}.ai-preset-label{font-weight:500;line-height:1.3}.theme-dark .ai-preset-card{background:var(--bg-tertiary)}.theme-dark .ai-preset-card:hover{background:#6366f11a}.ai-quick-actions{display:flex;gap:.35rem;padding:.5rem .75rem 0;flex-wrap:wrap}.ai-quick-chip{font-size:.7rem;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.ai-quick-chip:hover{border-color:var(--accent);color:var(--accent);background:#6366f10f}.ai-quick-chip:disabled{opacity:.5;cursor:not-allowed}.theme-dark .ai-quick-chip{background:var(--bg-tertiary)}.empty-dashboard-cta{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;margin:1rem 0;background:linear-gradient(135deg,#6366f10f,#6366f105);border:1px dashed var(--border);border-radius:var(--radius);text-align:center}.empty-cta-icon{font-size:2rem}.empty-cta-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.empty-cta-body{font-size:.85rem;color:var(--text-muted);max-width:360px;line-height:1.5}.empty-cta-actions{display:flex;gap:.75rem;margin-top:.5rem}.coach-mark-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:5000;display:flex;align-items:center;justify-content:center;pointer-events:none}.coach-mark-card{background:var(--bg-primary);border:2px solid var(--accent);border-radius:var(--radius);padding:1.5rem 2rem;max-width:400px;box-shadow:0 8px 32px #0003;text-align:center;pointer-events:auto;position:relative;z-index:5002}.coach-pos-bottom{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);z-index:5002}.coach-pos-top-left{position:fixed;top:9rem;left:calc(360px + 1.5rem);width:360px;z-index:5002}.coach-pos-bottom-right{position:fixed;top:50%;right:calc(400px + 2.5rem);width:340px;transform:translateY(-50%);z-index:5002}.coach-pos-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5002}.coach-spotlight{z-index:5001;box-shadow:0 0 0 6px #6366f159,0 0 24px #6366f133;border-radius:var(--radius)}.coach-spotlight-static{position:relative}.coach-mark-step{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:.5rem}.coach-mark-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.coach-mark-body{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.coach-mark-actions{display:flex;gap:.5rem;justify-content:center}.coach-mark-skip{font-size:.72rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.3rem .6rem}.coach-mark-skip:hover{color:var(--text-primary)}.theme-dark .empty-dashboard-cta{background:linear-gradient(135deg,#6366f114,#6366f105)}.dash-sandbox-banner{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;background:linear-gradient(90deg,#6366f11f,#6366f10a);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-sm);margin-bottom:.75rem;flex-wrap:wrap}.dash-sandbox-banner-icon{font-size:1.1rem}.dash-sandbox-banner-text{flex:1;min-width:200px;font-size:.82rem;font-weight:600;color:var(--text-primary)}.dash-sandbox-banner-actions{display:flex;gap:.5rem}.sandbox-active{border-left:3px solid var(--accent);border-radius:var(--radius)}.theme-dark .dash-sandbox-banner{background:linear-gradient(90deg,#6366f11a,#6366f108)}.theme-dark .coach-mark-card{background:var(--bg-secondary)}
