@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#e9e9f4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#0b0b12;--sidebar:#0d0d15;--panel:#12121c;--panel-hover:#181824;--border:#242432;--muted:#88889e;--text:#e9e9f4;--purple:#a78bfa;--purple-bright:#8b5cf6;--cyan:#67e8f9;--green:#6ee7b7;background:#0b0b12;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:3px}a{color:inherit;text-decoration:none}button,textarea,input{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.sidebar{z-index:20;background:var(--sidebar);border-right:1px solid #20202c;flex-direction:column;width:252px;padding:29px 17px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;margin-bottom:46px;padding:0 9px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#a78bfa,#6d42dc);border-radius:14px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 5px 25px #8b5cf62a}.brand-copy{flex-direction:column;gap:3px;display:flex}.brand-copy strong{letter-spacing:-1px;color:#f7f6ff;font-family:Space Grotesk,sans-serif;font-size:21px}.brand-copy strong span{color:var(--purple)}.brand-copy small{letter-spacing:1.3px;color:#7c7c95;font-size:8px;font-weight:700}.workspace-label{color:#69697f;letter-spacing:1.5px;margin-bottom:13px;padding:0 12px;font-size:10px;font-weight:700}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#9393aa;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-size:13px;font-weight:500;transition:all .16s;display:flex}.nav-item:hover{color:#f0edff;background:#171722}.nav-item-active{color:#d8caff;background:linear-gradient(100deg,#8b5cf624,#8b5cf60b);border-color:#8b5cf62e}.nav-item-active>svg{color:var(--purple)}.nav-count{color:#c4b5fd;background:#252235;border-radius:7px;place-items:center;min-width:23px;height:22px;margin-left:auto;padding:0 6px;font-size:10px;display:grid}.sidebar-spacer{flex:1;min-height:35px}.sidebar-insight{background:radial-gradient(at 0 0,#8b5cf61b,#0000 70%),#13121d;border:1px solid #33284b;border-radius:14px;padding:17px}.insight-icon{color:#c4b5fd;background:#8b5cf622;border-radius:10px;place-items:center;width:33px;height:33px;margin-bottom:13px;display:grid}.insight-title{color:#e9e3ff;margin:0 0 6px;font-size:13px;font-weight:700}.insight-description{color:#9994ae;margin:0;font-size:11px;line-height:1.7}.insight-button{color:#c4b5fd;background:0 0;border:0;align-items:center;gap:7px;margin-top:15px;padding:0;font-size:11px;font-weight:700;display:flex}.sidebar-footer{border-top:1px solid #252530;align-items:center;gap:10px;margin-top:17px;padding:20px 5px 0;display:flex}.avatar{color:#d8caff;background:#282039;border:1px solid #65508e;border-radius:11px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:grid}.profile-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.profile-copy strong{color:#e2e2ee;font-size:11px}.profile-copy small{color:#7d7d92;font-size:10px}.muted-icon{color:#75758a}.main-panel{min-height:100vh;margin-left:252px}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b12ef;border-bottom:1px solid #20202c;justify-content:space-between;align-items:center;min-height:70px;padding:0 39px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right,.breadcrumb,.date-label,.online-indicator{align-items:center;display:flex}.breadcrumb{color:#85859b;gap:11px;font-size:12px}.breadcrumb-divider{color:#48485c}.breadcrumb strong{color:#e1e1ee;font-weight:600}.topbar-right{gap:22px}.date-label{color:#9999ae;gap:8px;font-size:11px}.online-indicator{color:#80dcb5;letter-spacing:.7px;background:#11241c;border:1px solid #25483b;border-radius:7px;gap:7px;padding:7px 10px;font-size:9px;font-weight:700}.online-indicator>span{background:#6ee7b7;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #6ee7b766}.page-content{width:100%;max-width:1510px;margin:0 auto;padding:38px 39px 22px}.page-section{animation:.25s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.welcome-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.eyebrow{color:#a69abf;letter-spacing:1.65px;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.eyebrow-dot{background:#a78bfa;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #a78bfa88}h1,h2,h3,p{overflow-wrap:anywhere}.welcome-row h1,.page-intro h1{color:#f0eff9;letter-spacing:-1.8px;margin:12px 0 9px;font-family:Space Grotesk,sans-serif;font-size:clamp(27px,3vw,37px);font-weight:600;line-height:1.2}.welcome-row h1 span,.page-intro h1 span{color:#ad91ff}.page-subtitle{color:#9292a8;margin:0;font-size:12px;line-height:1.8}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:0 16px;font-size:11px;font-weight:700;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(115deg,#a78bfa,#8153e9);box-shadow:0 5px 20px #8b5cf620}.button-primary:hover:not(:disabled){background:linear-gradient(115deg,#b9a4ff,#9368f4)}.button-secondary{color:#d3c5ff;background:#211a30;border-color:#3a3152}.button-secondary:hover:not(:disabled){background:#2a2140}.button-light{color:#211633;background:#f2edff}.button-light:hover:not(:disabled){background:#fff}.full-button{width:100%}.hero-banner{background:radial-gradient(at 78% 55%,#6c43b52a,#0000 43%),linear-gradient(115deg,#1b152b 0%,#171323 56%,#10121f 100%);border:1px solid #413064;border-radius:18px;align-items:center;min-height:300px;padding:37px 39px;display:flex;position:relative;overflow:hidden}.hero-banner:after{pointer-events:none;border-radius:inherit;content:"";background:linear-gradient(110deg,#0000 50%,#8b5cf609);position:absolute;inset:0}.hero-content{z-index:2;max-width:470px;position:relative}.hero-pill{color:#c4b5fd;letter-spacing:1px;background:#8b5cf61b;border:1px solid #6b50a14d;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:700;display:inline-flex}.hero-content h2{color:#f5f1ff;letter-spacing:-1.7px;margin:19px 0 12px;font-family:Space Grotesk,sans-serif;font-size:clamp(29px,3.5vw,41px);font-weight:600;line-height:1.16}.hero-content h2 span{color:#b59aff}.hero-content>p{color:#a9a2bb;max-width:390px;margin:0 0 21px;font-size:11px;line-height:1.9}.hero-art{width:45%;min-width:245px;height:100%;position:absolute;top:0;right:0}.hero-glow{filter:blur(24px);background:#8b5cf617;border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:51%;transform:translate(-50%,-50%)}.orbit{border:1px solid #a78bfa38;border-radius:50%;position:absolute;top:50%;left:51%;transform:translate(-50%,-50%)rotate(-20deg)}.orbit-one{width:240px;height:240px}.orbit-two{border-style:dashed;border-color:#67e8f930;width:175px;height:175px}.hero-center-icon{color:#d6c8ff;background:linear-gradient(145deg,#4d347c,#251d3c);border:1px solid #b9a0ff64;border-radius:30px;place-items:center;width:104px;height:104px;display:grid;position:absolute;top:50%;left:51%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 0 60px #8b5cf62a,inset 0 1px #ffffff16}.floating-chip{z-index:2;color:#e6e3f8;background:#191a28e8;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:7px;padding:10px 12px;font-size:10px;font-weight:600;display:flex;position:absolute;box-shadow:0 10px 35px #0003}.chip-top{top:22%;right:13%}.chip-top svg{color:#6ee7b7}.chip-bottom{bottom:19%;left:13%}.chip-bottom svg{color:#67e8f9}.floating-dot{background:#67e8f9;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 15px #67e8f9aa}.dot-one{top:23%;left:27%}.dot-two{background:#c4b5fd;bottom:24%;right:17%;box-shadow:0 0 15px #c4b5fdaa}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin:32px 0 17px;display:flex}.section-heading h2{color:#e8e7f3;letter-spacing:-.35px;margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.section-heading p{color:#85859b;margin:0;font-size:11px;line-height:1.6}.text-button{color:#b9a2ff;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:7px 2px;font-size:11px;font-weight:600;display:inline-flex}.text-button:hover:not(:disabled){color:#d5c6ff}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.stat-card{border:1px solid var(--border);background:linear-gradient(145deg,#151520,#111119);border-radius:13px;min-width:0;padding:17px 17px 16px;transition:border-color .18s,transform .18s}.stat-card:hover{border-color:#41335c;transform:translateY(-2px)}.stat-top-row{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.stat-icon,.card-icon{border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.purple-icon{color:#bba4ff;background:#8b5cf620}.green-icon{color:#6ee7b7;background:#34d39917}.blue-icon{color:#93c5fd;background:#60a5fa18}.orange-icon{color:#fdba74;background:#fb923c18}.cyan-icon{color:#67e8f9;background:#67e8f91a}.stat-trend{border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.purple-trend{color:#a78bfa;background:#8b5cf615}.green-trend{color:#6ee7b7;background:#34d39915}.blue-trend{color:#93c5fd;background:#60a5fa15}.orange-trend{color:#fdba74;background:#fb923c15}.stat-label{color:#9696aa;margin:0 0 5px;font-size:11px}.stat-value{color:#f2f0fa;letter-spacing:-1px;font-family:Space Grotesk,sans-serif;font-size:29px;font-weight:600;display:block}.stat-note{color:#707087;margin-top:5px;font-size:10px;display:block}.overview-bottom{grid-template-columns:1.2fr 1fr;gap:14px;margin-top:17px;display:grid}.panel-card{border:1px solid var(--border);background:linear-gradient(145deg,#151520,#111119);border-radius:14px;min-width:0;padding:21px}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-heading h3,.how-card h3{color:#e9e7f4;margin:0 0 7px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.card-heading p,.how-card>p{color:#85859b;margin:0;font-size:10px;line-height:1.7}.progress-number-row{justify-content:space-between;align-items:baseline;gap:10px;margin:24px 0 11px;display:flex}.progress-number-row strong{color:#d3c5ff;font-family:Space Grotesk,sans-serif;font-size:27px}.progress-number-row span{color:#9292a7;font-size:10px}.progress-track{background:#282735;border-radius:20px;width:100%;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#c4b5fd);height:100%;transition:width .35s}.progress-footer{color:#85859b;margin-top:12px;font-size:10px;line-height:1.6}.focus-preview{align-items:center;gap:12px;margin-top:10px;padding:15px 0 17px;display:flex}.focus-preview-icon{color:#c4b5fd;background:#211b30;border:1px solid #39334c;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.focus-preview strong{color:#dedbea;font-size:11px}.focus-preview p{color:#83839a;margin:5px 0 0;font-size:10px}.recent-section{margin-top:6px}.task-list{flex-direction:column;gap:9px;display:flex}.task-row{background:#12121b;border:1px solid #252532;border-radius:12px;align-items:center;gap:13px;min-width:0;padding:15px 16px;transition:border-color .16s,background .16s;display:flex}.task-row:hover{background:#151520;border-color:#3a3150}.task-row-completed{background:#10151a}.task-check{color:#77778f;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:25px;height:25px;padding:0;display:grid}.task-check:hover:not(:disabled){color:#c4b5fd}.task-check-done{color:#6ee7b7;background:#163b2c;border:1px solid #2d745a}.task-row-copy{flex:1;min-width:0}.task-row-copy h3{color:#e1dfed;margin:0;font-size:12px;font-weight:600;line-height:1.6}.task-row-completed .task-row-copy h3{color:#9999a8;text-decoration:line-through}.task-row-copy>p{color:#89899e;margin:4px 0 0;font-size:10px;line-height:1.7}.task-row-meta{color:#77778e;align-items:center;gap:5px;margin-top:7px;font-size:9px;display:inline-flex}.task-status{color:#c4b5fd;background:#211b30;border:1px solid #443a5a;border-radius:6px;flex-shrink:0;padding:6px 8px;font-size:9px;font-weight:600}.task-status-done{color:#6ee7b7;background:#15291f;border-color:#28543f}.icon-button{color:#85859b;background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;place-items:center;width:35px;height:35px;transition:all .15s;display:grid}.icon-button:hover:not(:disabled){color:#d0c2ff;background:#211b2d;border-color:#353044}.delete-button:hover:not(:disabled){color:#fda4af;background:#321a20;border-color:#62363e}.mobile-menu-button,.mobile-backdrop{display:none}.page-intro{margin-bottom:29px}.page-intro h1{margin-top:13px}.planner-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);align-items:start;gap:17px;display:grid}.planner-form-card{padding:25px}.form-title-row{align-items:center;gap:13px;margin-bottom:26px;display:flex}.large-icon{border-radius:13px;width:47px;height:47px}.form-title-row h2{color:#eeecf7;letter-spacing:-.4px;margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:16px}.form-title-row p{color:#8a8aa0;margin:0;font-size:10px;line-height:1.6}.field-label{color:#aaa4c0;letter-spacing:1.3px;margin-bottom:10px;font-size:9px;font-weight:700;display:block}.planner-textarea{resize:vertical;color:#e9e7f5;background:#0e0e16;border:1px solid #343144;border-radius:10px;width:100%;min-height:130px;padding:15px;font-size:12px;line-height:1.8;transition:border-color .15s,box-shadow .15s;display:block}.planner-textarea::placeholder{color:#626278}.planner-textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf615}.textarea-footer{color:#74748b;justify-content:space-between;gap:12px;margin-top:8px;font-size:9px;display:flex}.quick-label{margin-top:23px}.quick-prompts{flex-wrap:wrap;gap:7px;display:flex}.prompt-chip{color:#b7b0c8;text-align:left;background:#171520;border:1px solid #343043;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-size:9px;line-height:1.4;transition:all .15s;display:inline-flex}.prompt-chip:hover{color:#d7c9ff;background:#211b30;border-color:#7559b1}.prompt-chip svg{flex-shrink:0}.time-selector{border-top:1px solid #272633;margin-top:23px;padding:19px 0 0}.time-selector-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.time-selector-top .field-label{margin-bottom:6px}.time-selector-top p{color:#85859a;margin:0;font-size:10px}.time-value{color:#9992b2;flex-shrink:0;align-items:baseline;gap:5px;font-size:9px;display:flex}.time-value strong{color:#c8b6ff;letter-spacing:-.8px;font-family:Space Grotesk,sans-serif;font-size:25px}.time-range{accent-color:#a78bfa;cursor:pointer;width:100%;height:5px;margin:21px 0 12px;display:block}.range-labels{color:#77778d;justify-content:space-between;font-size:9px;display:flex}.generate-button{width:100%;min-height:47px;margin-top:25px}.planner-side{flex-direction:column;gap:13px;display:flex}.how-card{padding:23px}.how-card>.card-icon{margin-bottom:18px}.how-card h3{font-size:16px}.how-card>p{margin-bottom:22px;line-height:1.9}.how-step{border-top:1px solid #292735;align-items:flex-start;gap:12px;padding:13px 0;display:flex}.how-step>span{color:#c4b5fd;background:#211b2c;border:1px solid #433653;border-radius:8px;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:9px;font-weight:700;display:grid}.how-step strong{color:#e2e0ed;margin:2px 0 5px;font-size:11px;display:block}.how-step p{color:#84849a;margin:0;font-size:10px;line-height:1.6}.tip-card{background:#1b1914;border:1px solid #3d3424;border-radius:12px;align-items:flex-start;gap:11px;padding:16px;display:flex}.tip-card>svg{color:#fbbf24;flex-shrink:0}.tip-card strong{color:#f3dca2;margin-bottom:5px;font-size:11px;display:block}.tip-card p{color:#b5a98c;margin:0;font-size:10px;line-height:1.7}.generated-plan{background:radial-gradient(at 0 0,#8b5cf610,#0000 60%),#12121c;border-color:#45325e;margin-top:22px;padding:25px}.generated-plan-header{border-bottom:1px solid #2c2938;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:21px;display:flex}.generated-plan-header h2{color:#f0edf9;letter-spacing:-.6px;margin:11px 0 7px;font-family:Space Grotesk,sans-serif;font-size:20px}.generated-plan-header p{color:#9291a7;margin:0;font-size:10px}.ai-status{color:#e8c29a;background:#251d19;border:1px solid #4a3d37;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;font-size:9px;font-weight:700;display:inline-flex}.ai-status-active{color:#8ee5b8;background:#14281f;border-color:#3a5b4b}.plan-timeline{padding:15px 0 5px}.plan-step{gap:14px;padding:13px 0;display:flex}.plan-step-marker{flex-shrink:0;justify-content:center;width:32px;display:flex;position:relative}.plan-step:not(:last-child) .plan-step-marker:after{content:"";background:#3a304e;width:1px;position:absolute;top:34px;bottom:-21px;left:50%}.plan-step-marker>span{color:#c8b5ff;background:#211a30;border:1px solid #59437d;border-radius:10px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.plan-step-body{flex:1;min-width:0;padding-top:4px}.plan-step-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plan-step-title-row h3{color:#e8e5f2;margin:0;font-size:12px;line-height:1.7}.duration-tag{color:#a8a3b9;border:1px solid #343144;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:inline-flex}.plan-step-body>p{color:#8f8da2;margin:6px 0 0;font-size:10px;line-height:1.8}.plan-footer{border-top:1px solid #2c2938;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding-top:20px;display:flex}.plan-footer>p{color:#a6a1b8;align-items:center;gap:8px;margin:0;font-size:10px;line-height:1.7;display:flex}.plan-footer>p svg{color:#6ee7b7;flex-shrink:0}.task-summary-strip{background:#13131d;border:1px solid #292838;border-radius:13px;grid-template-columns:.7fr .7fr .7fr 1.6fr;align-items:center;gap:20px;padding:22px;display:grid}.task-summary-strip>div:not(.summary-progress){flex-direction:column;gap:8px;display:flex}.summary-strip-label{color:#85859b;letter-spacing:1px;font-size:9px;font-weight:700}.task-summary-strip>div>strong{color:#eeedf7;font-family:Space Grotesk,sans-serif;font-size:26px}.task-summary-strip>div>strong.text-green{color:#6ee7b7}.summary-progress{border-left:1px solid #302d3d;padding-left:20px}.summary-progress-label{color:#9695aa;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:10px;display:flex}.summary-progress-label strong{color:#c9b7ff}.task-heading{margin-top:31px}.empty-state{text-align:center;color:#a78bfa;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px;display:flex}.empty-state h3{color:#e6e4f1;margin:17px 0 7px;font-family:Space Grotesk,sans-serif;font-size:16px}.empty-state p{color:#89899f;max-width:360px;margin:0 0 19px;font-size:11px;line-height:1.8}.empty-icon{color:#c4b5fd;background:#211a30;border:1px solid #4a3a66;border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.empty-preview{align-items:center;gap:15px;padding:17px;display:flex}.empty-preview .empty-icon{border-radius:12px;flex-shrink:0;width:43px;height:43px}.empty-preview>div:nth-child(2){flex:1}.empty-preview h3{color:#e6e4f1;margin:0 0 5px;font-size:12px}.empty-preview p{color:#89899f;margin:0;font-size:10px;line-height:1.6}.compact-empty{min-height:90px;padding:20px}.compact-empty p{margin:9px 0 0}.alert{border:1px solid;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:19px;padding:12px 14px;font-size:11px;line-height:1.7;display:flex}.alert-error{color:#fda4af;background:#28161a;border-color:#71383e}.alert-success{color:#8ee5b8;background:#14261d;border-color:#285c43}.alert>span{flex:1;min-width:0}.alert-close{color:inherit;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.page-footer{color:#67677d;border-top:1px solid #22222d;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:20px;font-size:9px;display:flex}.page-footer>span:first-child{letter-spacing:1.5px;font-weight:700}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1500px){.page-content{padding-left:50px;padding-right:50px}.hero-banner{min-height:320px}}@media (width<=1200px){.sidebar{width:220px}.main-panel{margin-left:220px}.page-content,.topbar{padding-left:25px;padding-right:25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-layout{grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr)}}@media (width<=850px){.sidebar{z-index:40;width:260px;transition:transform .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.mobile-backdrop{z-index:30;background:#0009;border:0;display:block;position:fixed;inset:0}.main-panel{margin-left:0}.mobile-menu-button{display:grid}.topbar-left{gap:9px}.topbar{min-height:64px;padding-left:20px;padding-right:20px}.page-content{padding:27px 20px 20px}.planner-layout{grid-template-columns:1fr}.planner-side{grid-template-columns:1fr 1fr;align-items:start;display:grid}.task-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-progress{border-top:1px solid #302d3d;border-left:0;grid-column:1/-1;padding:16px 0 0}.hero-art{opacity:.72;right:-35px}}@media (width<=600px){.topbar{padding:0 14px}.topbar-right{gap:10px}.date-label{display:none}.page-content{padding:23px 14px 17px}.welcome-row{flex-direction:column;align-items:flex-start;gap:15px}.welcome-row h1,.page-intro h1{letter-spacing:-1.3px;font-size:29px}.hero-banner{align-items:flex-start;min-height:340px;padding:24px 20px}.hero-content{max-width:100%}.hero-content h2{font-size:30px}.hero-content>p{max-width:320px}.hero-art{opacity:.55;transform-origin:100% 100%;width:235px;min-width:0;height:220px;top:auto;bottom:-76px;right:-25px;transform:scale(.78)}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-value{font-size:25px}.overview-bottom{grid-template-columns:1fr}.section-heading{align-items:flex-start}.planner-form-card,.generated-plan{padding:18px}.form-title-row{align-items:flex-start}.form-title-row h2{font-size:14px}.planner-side{grid-template-columns:1fr}.generated-plan-header{flex-direction:column}.plan-step-title-row{flex-direction:column;gap:7px}.plan-footer{flex-direction:column;align-items:stretch}.plan-footer .button{width:100%}.task-summary-strip{gap:15px;padding:17px}.task-summary-strip>div>strong{font-size:22px}.task-row{gap:9px;padding:12px 10px}.task-status{display:none}.delete-button{width:30px;height:30px}.empty-preview{flex-wrap:wrap;align-items:flex-start}.empty-preview>div:nth-child(2){min-width:calc(100% - 70px)}.empty-preview .button{width:100%}.page-footer{flex-direction:column;align-items:flex-start;gap:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{min-height:100vh}