@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:var(--font-mono-code);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-inter);--default-mono-font-family:var(--font-mono-code)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.rounded{border-radius:.25rem}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--line\)\]{border-color:var(--line)}.border-\[var\(--line-strong\)\]{border-color:var(--line-strong)}.bg-\[var\(--sprout\)\]{background-color:var(--sprout)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface-strong\)\]{background-color:var(--surface-strong)}.bg-\[var\(--violet\)\]{background-color:var(--violet)}.p-0{padding:0}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.text-\[\#07110c\]{color:#07110c}.text-\[var\(--sprout-bright\)\]{color:var(--sprout-bright)}.text-\[var\(--text\)\]{color:var(--text)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(123\,210\,96\,0\.16\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#7bd26029);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(128\,90\,213\,0\.16\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#805ad529);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:bg-\[\#8d69d9\]:hover{background-color:#8d69d9}.hover\:bg-\[var\(--sprout-bright\)\]:hover{background-color:var(--sprout-bright)}.hover\:bg-\[var\(--surface\)\]:hover{background-color:var(--surface)}.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.hover\:text-\[var\(--text\)\]:hover{color:var(--text)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--sprout\)\]:focus-visible{--tw-ring-color:var(--sprout)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[var\(--canvas\)\]:focus-visible{--tw-ring-offset-color:var(--canvas)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}}:root{--canvas:#0b120e;--canvas-soft:#0e1712;--surface:#12201a;--surface-strong:#16261f;--surface-hover:#1b2f26;--line:#cfecd91a;--line-strong:#cfecd92b;--text:#edf3ec;--text-soft:#c8d2cb;--text-muted:#8da299;--sprout:#7fc69b;--sprout-bright:#97dcb1;--sprout-soft:#7fc69b21;--soil:#ad7452;--violet:#9174dc;--amber:#e0a458;--danger:#e87d72;--shadow:0 22px 70px #0000004d;--glow:0 0 24px #e0a45838;--font-display:var(--font-quicksand);--display-weight:700;--display-tracking:-.01em;--radius-card:20px;--radius-button:12px;--sprout-deep:#4f9a3c;--soil-deep:#6d452f;--leaf-vein:#e9fae080;--paper:var(--canvas);--paper-raised:var(--surface-strong);--green-deep:var(--sprout);--font-mono:var(--font-mono-code)}[data-sprout-theme=fireflies]{--canvas:#0a1220;--canvas-soft:#0c1626;--surface:#111c2b;--surface-strong:#152233;--surface-hover:#1a2a3e;--line:#92aabe24;--line-strong:#92aabe3d;--text:#e9eef3;--text-soft:#c3ccd6;--text-muted:#8fa0ad;--sprout:#a9d8b8;--sprout-bright:#c2e8cf;--sprout-soft:#a9d8b821;--amber:#e8c87a;--violet:#9d8bdf;--shadow:0 22px 70px #02081473;--glow:0 0 22px #e8c87a47;--font-display:var(--font-inter);--display-weight:650;--display-tracking:-.015em;--radius-card:22px;--radius-button:999px}[data-sprout-theme=potting-shed]{--canvas:#171210;--canvas-soft:#1b1512;--surface:#221a15;--surface-strong:#281f19;--surface-hover:#30251d;--line:#f2e9dc1a;--line-strong:#f2e9dc2e;--text:#f2e9dc;--text-soft:#d6c9b8;--text-muted:#a89a8a;--sprout:#c96f4a;--sprout-bright:#dd8560;--sprout-soft:#c96f4a24;--amber:#d8a35c;--violet:#a583c9;--shadow:0 22px 70px #0a050273;--glow:0 0 22px #c96f4a38;--font-display:var(--font-serif);--display-weight:600;--display-tracking:0;--radius-card:16px;--radius-button:10px}[data-sprout-theme=obsidian]{--canvas:#0b0b0c;--canvas-soft:#0e0e10;--surface:#141416;--surface-strong:#18181b;--surface-hover:#1f1f23;--line:#ededea17;--line-strong:#ededea29;--text:#ededea;--text-soft:#c9c9c4;--text-muted:#8f8f8a;--sprout:#cbb681;--sprout-bright:#ddca97;--sprout-soft:#cbb6811f;--amber:#cbb681;--violet:#a89bc9;--shadow:0 22px 70px #0000008c;--glow:0 0 20px #cbb68133;--font-display:var(--font-inter);--display-weight:350;--display-tracking:.005em;--radius-card:14px;--radius-button:8px}[data-sprout-theme=phosphor]{--canvas:#07100c;--canvas-soft:#091410;--surface:#0c1712;--surface-strong:#101d17;--surface-hover:#14251d;--line:#9fe8c41f;--line-strong:#9fe8c433;--text:#d9efe2;--text-soft:#b2d4c1;--text-muted:#7fa38e;--sprout:#9fe8c4;--sprout-bright:#bdf3d7;--sprout-soft:#9fe8c41f;--amber:#f2b58c;--violet:#9d8bdf;--shadow:0 22px 70px #00080480;--glow:0 0 20px #9fe8c438;--font-display:var(--font-mono-code);--display-weight:700;--display-tracking:-.02em;--radius-card:14px;--radius-button:9px}[data-sprout-theme=velvet]{--canvas:#150e16;--canvas-soft:#18101a;--surface:#221626;--surface-strong:#281a2d;--surface-hover:#302036;--line:#f0e6ee1a;--line-strong:#f0e6ee2e;--text:#f0e6ee;--text-soft:#d4c5d2;--text-muted:#a292a2;--sprout:#e7a6b8;--sprout-bright:#f3bccb;--sprout-soft:#e7a6b821;--amber:#c9a96a;--violet:#b58fd4;--shadow:0 22px 70px #08020a80;--glow:0 0 22px #e7a6b833;--font-display:var(--font-serif);--display-weight:600;--display-tracking:0;--radius-card:18px;--radius-button:999px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas)}body{background:radial-gradient(circle at 78% -10%, #52945d1a, transparent 31rem), var(--canvas);color:var(--text);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:15px}h1,h2,h3,h4,.brand-word{font-family:var(--font-display), ui-rounded, system-ui, sans-serif;font-weight:var(--display-weight);letter-spacing:var(--display-tracking)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed}::selection{color:var(--text);background:#79cb5c47}:focus-visible{outline:2px solid var(--sprout);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--sprout);color:#07100d;border-radius:10px;padding:10px 14px;font-weight:750;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.brand-symbol{flex:none;place-items:center;width:31px;height:31px;display:inline-grid;position:relative}.brand-code{width:31px;height:31px;color:var(--sprout);position:absolute}.brand-sprout{width:18px;height:18px;color:var(--sprout-bright);filter:drop-shadow(0 0 10px #79cb5c40);position:absolute}.brand-word{color:var(--text);letter-spacing:-.04em;font-size:20px;font-weight:780}.sprout-card{border:1px solid var(--line);background:linear-gradient(145deg, #ffffff05, transparent 45%), var(--surface);border-radius:18px;box-shadow:inset 0 1px #ffffff06}.progress-track{background:#ffffff12;border-radius:999px;height:6px;position:relative;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg, #62ba4b, var(--sprout-bright));height:100%;display:block;box-shadow:0 0 18px #79cb5c38}.status-dot{background:var(--sprout);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #79cb5c80}.status-dot--violet{background:var(--violet)}.status-dot--amber{background:var(--amber)}.button-primary,.button-secondary,.button-violet,.button-danger,.text-link,.text-button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:all .18s;display:inline-flex}.button-primary,.button-secondary,.button-violet,.button-danger{min-height:42px;padding:0 18px;font-size:13.5px}.button-danger{background:var(--danger);color:#2a0b07}.button-danger:hover{filter:brightness(1.08);transform:translateY(-1px)}.button-danger:disabled,.button-primary:disabled,.button-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:var(--sprout);color:#08120d;box-shadow:0 14px 34px #79cb5c24}.button-primary:hover{background:var(--sprout-bright);transform:translateY(-1px)}.button-primary svg,.button-secondary svg,.button-violet svg{width:17px;height:17px}.button-secondary{border:1px solid var(--line-strong);color:var(--text);background:#ffffff06}.button-secondary:hover{background:var(--surface-hover)}.button-secondary:disabled{opacity:.45}.button-violet{background:var(--violet);color:#141118;padding:11px 15px}.button-violet:hover{background:#8966cf}.button-small{min-height:38px;padding:0 14px;font-size:13px}.button-large{min-height:48px;padding:0 19px;font-size:14px}.text-link,.text-button{color:var(--text-soft);background:0 0}.text-link:hover,.text-button:hover{color:var(--sprout-bright)}.text-button{justify-content:flex-start;padding:0}.text-button svg{width:16px}.marketing-page{min-height:100vh;overflow:hidden}.marketing-header,.marketing-footer{width:min(1180px,100% - 48px);margin-inline:auto}.marketing-header{z-index:20;border-bottom:1px solid var(--line);align-items:center;min-height:76px;display:flex;position:relative}.marketing-header nav{gap:30px;margin-left:72px;display:flex}.marketing-header nav a,.marketing-footer a{color:var(--text-muted);font-size:13px;font-weight:600;transition:color .16s}.marketing-header nav a:hover,.marketing-footer a:hover{color:var(--text)}.marketing-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.hero-section{grid-template-columns:minmax(420px,.88fr) minmax(560px,1.12fr);align-items:center;gap:58px;width:min(1180px,100% - 48px);min-height:720px;margin-inline:auto;padding:78px 0 90px;display:grid;position:relative}.hero-ambient{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.hero-ambient--one{background:#4881521a;width:520px;height:520px;top:45px;right:-190px}.hero-ambient--two{background:#7652bf0f;width:480px;height:300px;bottom:0;left:-280px}.hero-copy,.hero-product{z-index:2;position:relative}.hero-kicker,.section-kicker{color:var(--sprout-bright);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:720;display:inline-flex}.hero-kicker svg,.section-kicker svg{width:15px}.hero-copy h1{max-width:690px;color:var(--text);letter-spacing:-.065em;margin:22px 0 24px;font-size:clamp(54px,6vw,84px);font-weight:720;line-height:.98}.hero-copy h1 span{color:#9aaba1}.hero-copy>p{max-width:580px;color:var(--text-soft);margin:0;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-proof{color:var(--text-muted);align-items:center;gap:12px;margin-top:28px;font-size:12px;display:flex}.hero-proof strong{color:var(--text-soft);font-weight:600}.avatar-stack{padding-left:8px;display:flex}.avatar-stack i{border:2px solid var(--canvas);color:#dce8e0;background:#24382f;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:-8px;font-size:9px;font-style:normal;font-weight:750;display:grid}.avatar-stack i:nth-child(2){background:#3a2f4d}.avatar-stack i:nth-child(3){background:#493b2d}.product-window{background:#0a1411;border:1px solid #bce6c724;border-radius:20px;grid-template-rows:46px 1fr;grid-template-columns:68px 1fr;min-height:510px;display:grid;position:relative;overflow:hidden;box-shadow:0 45px 120px #00000073}.product-window:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0a}.window-bar{border-bottom:1px solid var(--line);color:var(--text-muted);grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;font-size:10px;display:grid}.window-dots{gap:5px;display:flex}.window-dots i,.mini-browser-bar i,.portfolio-mock-bar i,.preview-browser-bar i{background:#4c5b54;border-radius:50%;width:7px;height:7px;display:block}.window-dots i:first-child,.mini-browser-bar i:first-child,.portfolio-mock-bar i:first-child,.preview-browser-bar i:first-child{background:#b8695f}.window-dots i:nth-child(2),.mini-browser-bar i:nth-child(2),.portfolio-mock-bar i:nth-child(2),.preview-browser-bar i:nth-child(2){background:#c39b57}.window-dots i:last-child,.mini-browser-bar i:last-child,.portfolio-mock-bar i:last-child,.preview-browser-bar i:last-child{background:#6caf68}.window-secure{justify-self:end;align-items:center;gap:5px;display:flex}.window-secure svg{width:12px}.product-sidebar{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:15px;padding-top:20px;display:flex}.mini-nav{background:#ffffff09;border-radius:7px;width:26px;height:26px}.mini-nav.is-active{background:#79cb5c29}.product-preview{min-width:0;padding:30px}.product-preview-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.product-preview-heading small,.preview-card-heading small,.preview-garden>span,.preview-continue small{color:var(--text-muted);letter-spacing:.12em;font-size:8px;font-weight:750}.product-preview-heading h2{letter-spacing:-.04em;margin:8px 0 4px;font-size:25px}.product-preview-heading p{color:var(--text-muted);margin:0;font-size:11px}.preview-level,.online-dot{background:var(--sprout-soft);color:var(--sprout-bright);border:1px solid #79cb5c33;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700}.preview-grid{grid-template-columns:1.35fr .85fr;gap:12px;margin-top:24px;display:grid}.preview-roadmap,.preview-garden,.preview-continue{border:1px solid var(--line);background:#ffffff05;border-radius:12px}.preview-roadmap{padding:16px}.preview-card-heading{justify-content:space-between;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.preview-step{border-top:1px solid var(--line);min-height:55px;color:var(--text-muted);grid-template-columns:27px 1fr auto;align-items:center;gap:9px;display:grid}.preview-step>span{border:1px solid var(--line-strong);border-radius:7px;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.preview-step>span svg,.preview-step>svg{width:11px}.preview-step strong,.preview-step small{display:block}.preview-step strong{color:var(--text-soft);font-size:10px}.preview-step small{margin-top:2px;font-size:8px}.preview-step.is-current>span{background:var(--sprout-soft);color:var(--sprout-bright);border-color:#79cb5c33}.preview-garden{padding:16px}.preview-garden .garden-bed{margin:10px 0}.preview-garden>small{color:var(--text-muted);margin-top:8px;font-size:8px;display:block}.preview-continue{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:13px;display:grid}.preview-continue strong{margin-top:3px;font-size:10px;display:block}.preview-code-icon{background:var(--sprout-soft);width:34px;height:34px;color:var(--sprout-bright);border-radius:9px;place-items:center;display:grid}.preview-code-icon>svg{width:17px}.project-strip{border-block:1px solid var(--line);text-align:center;width:min(1180px,100% - 48px);margin-inline:auto;padding:25px 0}.project-strip>p{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:700}.project-strip>div{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.project-pill{border:1px solid var(--line);color:var(--text-soft);background:#ffffff05;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.project-pill svg{width:15px;color:var(--sprout)}.project-pill--violet svg{color:#a27adf}.project-pill--amber svg{color:var(--amber)}.project-pill--blue svg{color:#71a9ca}.marketing-section{width:min(1080px,100% - 48px);margin:0 auto;padding:120px 0}.section-heading{text-align:center;max-width:650px;margin:0 auto 48px}.section-heading>span{color:var(--sprout-bright);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:750}.section-heading h2,.mentor-copy h2,.closing-cta h2{letter-spacing:-.055em;margin:15px 0 16px;font-size:clamp(36px,4vw,54px);line-height:1.06}.section-heading p,.mentor-copy>p,.closing-cta p{color:var(--text-muted);margin:0;font-size:16px;line-height:1.7}.mentor-section{border-block:1px solid var(--line);grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;display:grid}.mentor-copy ul{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.mentor-copy li{color:var(--text-soft);gap:10px;font-size:13px;display:flex}.mentor-copy li svg{width:16px;color:var(--sprout)}.mentor-demo{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:20px}.mentor-demo-heading{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding-bottom:17px;display:grid}.mentor-demo-heading strong,.mentor-demo-heading small{display:block}.mentor-demo-heading small{color:var(--text-muted);margin-top:3px;font-size:10px}.mentor-bubble{background:var(--surface-hover);max-width:82%;color:var(--text-soft);border-radius:6px 14px 14px;margin-top:16px;padding:15px 16px;font-size:13px;line-height:1.55}.mentor-bubble--user{color:#dcebdc;background:#79cb5c21;border-radius:14px 6px 14px 14px;margin-left:auto}.mentor-options{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.mentor-options span{color:var(--sprout-bright);border:1px solid #79cb5c33;border-radius:9px;padding:9px 11px;font-size:11px}.testimony-section{text-align:center;max-width:800px}.quote-mark{background:var(--sprout-soft);width:46px;height:46px;color:var(--sprout-bright);border-radius:14px;place-items:center;margin:0 auto 28px;display:grid}.quote-mark svg{width:20px}.testimony-section blockquote{letter-spacing:-.04em;margin:0;font-size:clamp(27px,3vw,40px);line-height:1.3}.testimony-section p{color:var(--text-muted);margin:22px 0 0}.pricing-section{border-top:1px solid var(--line)}.pricing-card{background:radial-gradient(circle at 15% 0, #79cb5c1a, transparent 45%), var(--surface);border:1px solid #79cb5c2e;border-radius:22px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:45px;max-width:760px;margin:0 auto;padding:38px;display:grid}.pricing-card>div>span{color:var(--sprout-bright);font-size:12px;font-weight:700}.pricing-card h3{letter-spacing:-.06em;margin:9px 0 0;font-size:56px}.pricing-card p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.pricing-card ul{color:var(--text-soft);gap:11px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.pricing-card li{gap:9px;display:flex}.pricing-card li svg{width:16px;color:var(--sprout)}.pricing-card>a{grid-column:1/-1}.faq-list{border-top:1px solid var(--line);max-width:760px;margin:0 auto}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:22px 0;font-size:16px;font-weight:650}.faq-list p{max-width:650px;color:var(--text-muted);margin:-8px 0 22px;line-height:1.65}.closing-cta{border:1px solid var(--line-strong);background:radial-gradient(circle at 50% -80%, #79cb5c2e, transparent 55%), var(--surface);text-align:center;border-radius:24px;width:min(1080px,100% - 48px);margin:20px auto 80px;padding:80px 30px}.closing-cta>div{background:var(--sprout-soft);width:52px;height:52px;color:var(--sprout-bright);border-radius:15px;place-items:center;margin:0 auto 24px;display:grid}.closing-cta>div svg{width:22px}.closing-cta h2{max-width:720px;margin-inline:auto}.closing-cta a{margin-top:26px}.marketing-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:30px 0 42px;display:grid}.marketing-footer p{color:var(--text-muted);font-size:12px}.marketing-footer>div{justify-content:flex-end;gap:20px;display:flex}.onboarding-page{background:radial-gradient(circle at 50% -20%, #5fa16221, transparent 32rem), var(--canvas);grid-template-rows:auto auto 1fr auto;min-height:100dvh;display:grid}.onboarding-header,.onboarding-footer{grid-template-columns:1fr auto 1fr;align-items:center;width:min(1100px,100% - 48px);margin-inline:auto;display:grid}.onboarding-header{min-height:78px}.onboarding-header>span{color:var(--text-muted);font-size:12px}.onboarding-header>a:last-child{justify-self:end}.onboarding-progress{width:min(1100px,100% - 48px);height:3px;margin:0 auto}.onboarding-main{place-items:center;padding:45px 24px;display:grid}.onboarding-question{text-align:center;width:min(760px,100%)}.onboarding-eyebrow{color:var(--sprout-bright);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:750}.onboarding-question>h1,.generating-card h1{letter-spacing:-.055em;margin:14px 0 12px;font-size:clamp(35px,5vw,52px);line-height:1.08}.onboarding-question>p,.generating-card>p{max-width:620px;color:var(--text-muted);margin:0 auto;font-size:15px;line-height:1.65}.onboarding-options{text-align:left;gap:10px;margin-top:38px;display:grid}.onboarding-options--grid{grid-template-columns:1fr 1fr}.onboarding-option{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:96px;padding:17px;transition:all .18s;display:grid;position:relative}.onboarding-option:hover{border-color:var(--line-strong);background:var(--surface-strong)}.onboarding-option.is-selected{background:linear-gradient(120deg, #79cb5c14, transparent 60%), var(--surface);border-color:#79cb5c6b}.onboarding-option input{opacity:0;position:absolute}.option-icon{width:44px;height:44px;color:var(--text-soft);background:#ffffff0a;border-radius:12px;place-items:center;display:grid}.is-selected .option-icon{background:var(--sprout-soft);color:var(--sprout-bright)}.option-icon svg{width:20px}.option-copy strong,.option-copy small,.option-copy em{display:block}.option-copy strong{font-size:14px}.option-copy small{color:var(--text-muted);margin-top:5px;font-size:11px;line-height:1.4}.option-copy em{color:var(--sprout-bright);letter-spacing:.05em;text-transform:uppercase;margin-top:8px;font-size:9px;font-style:normal;font-weight:700}.option-check{border:1px solid var(--line-strong);color:#0000;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.is-selected .option-check{border-color:var(--sprout);background:var(--sprout);color:#07100d}.option-check svg{width:13px}.form-error{color:var(--danger);font-size:12px}.onboarding-footer{border-top:1px solid var(--line);min-height:82px}.onboarding-footer-note{color:var(--text-muted);font-size:11px}.onboarding-footer>button:last-child{justify-self:end}.generating-card{border:1px solid var(--line);background:var(--surface);width:min(620px,100%);box-shadow:var(--shadow);text-align:center;border-radius:22px;padding:50px}.generating-icon{background:var(--sprout-soft);width:62px;height:62px;color:var(--sprout-bright);border-radius:18px;place-items:center;margin:0 auto 25px;display:grid}.generating-icon svg,.generating-steps .is-loading svg{animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.generating-steps{text-align:left;gap:11px;margin-top:30px;display:grid}.generating-steps span{color:var(--text-soft);align-items:center;gap:10px;font-size:12px;display:flex}.generating-steps svg{width:16px;color:var(--sprout)}.app-frame{grid-template-columns:238px minmax(0,1fr);min-height:100dvh;display:grid}.app-sidebar{z-index:30;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07100deb;flex-direction:column;width:238px;padding:22px 15px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;min-height:48px;padding:0 10px;display:flex}.sidebar-nav{flex-direction:column;flex:1;margin-top:28px;display:flex}.sidebar-nav-group{gap:4px;display:grid}.sidebar-link{min-height:43px;color:var(--text-muted);border-radius:11px;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.sidebar-link svg{width:17px;height:17px}.sidebar-link:hover{color:var(--text-soft);background:#ffffff06}.sidebar-link.is-active{color:var(--sprout-bright);background:#79cb5c1b}.sidebar-divider{background:var(--line);height:1px;margin:18px 11px}.sidebar-profile{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:17px 7px 0;display:grid}.avatar{background:var(--sprout-soft);width:37px;height:37px;color:var(--sprout-bright);border:1px solid #79cb5c33;border-radius:12px;place-items:center;font-size:11px;font-weight:750;display:grid}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:12px}.sidebar-profile small{color:var(--text-muted);margin-top:3px;font-size:9px}.sidebar-profile>svg{width:16px;color:var(--text-muted)}.app-content{grid-column:2;min-width:0}.app-topbar{z-index:25;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07100dd1;align-items:center;gap:10px;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.mobile-brand{display:none}.topbar-spacer{flex:1}.search-trigger{border:1px solid var(--line);width:220px;height:38px;color:var(--text-muted);cursor:pointer;background:#ffffff05;border-radius:10px;align-items:center;gap:9px;padding:0 10px;display:flex}.search-trigger svg{width:15px}.search-trigger span{font-size:11px}.search-trigger kbd{border:1px solid var(--line);border-radius:5px;margin-left:auto;padding:2px 5px;font-size:9px}.topbar-metric{min-width:55px;color:var(--text-soft);align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex}.topbar-metric svg{width:15px;color:var(--sprout)}.notification-wrap{position:relative}.notification-dot{border:1px solid var(--canvas);background:var(--sprout);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.notification-panel{border:1px solid var(--line-strong);width:350px;box-shadow:var(--shadow);background:#101c18;border-radius:16px;padding:16px;position:absolute;top:50px;right:0}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.panel-heading p{color:var(--text-muted);margin:4px 0 0;font-size:10px}.notification-item{grid-template-columns:auto 1fr;gap:11px;padding:15px 4px;display:grid}.notification-item+.notification-item{border-top:1px solid var(--line)}.notification-icon{border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.notification-icon svg{width:16px}.notification-icon--green{background:var(--sprout-soft);color:var(--sprout)}.notification-icon--violet{color:#a886e3;background:#7652bf24}.notification-item strong,.notification-item p,.notification-item small{display:block}.notification-item strong{font-size:12px}.notification-item p{color:var(--text-muted);margin:4px 0;font-size:10px;line-height:1.45}.notification-item small{color:#627068;font-size:9px}.app-main{min-width:0}.page-shell{width:min(1240px,100% - 60px);margin:0 auto;padding:46px 0 90px}.page-heading{margin-bottom:30px}.page-heading h1{letter-spacing:-.055em;margin:6px 0 8px;font-size:clamp(32px,4vw,46px);line-height:1.05}.page-heading p{max-width:650px;color:var(--text-muted);margin:0;line-height:1.6}.page-eyebrow,.card-kicker{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:750;display:inline-flex}.split-heading,.dashboard-heading,.roadmap-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.momentum-pill{border:1px solid var(--line);background:var(--surface);border-radius:13px;align-items:center;gap:10px;padding:10px 14px;display:flex}.momentum-pill svg{width:18px;color:var(--amber)}.momentum-pill span,.momentum-pill strong{display:block}.momentum-pill span{color:var(--text-muted);font-size:9px}.momentum-pill strong{color:var(--text);font-size:11px}.mobile-nav{display:none}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020705b8;place-items:start center;padding:13vh 18px 18px;display:grid;position:fixed;inset:0}.command-dialog,.confirm-dialog{border:1px solid var(--line-strong);background:#111e19;border-radius:18px;width:min(590px,100%);overflow:hidden;box-shadow:0 32px 100px #00000080}.command-input-wrap{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.command-input-wrap svg{width:18px;color:var(--text-muted)}.command-input-wrap input{min-width:0;color:var(--text);background:0 0;border:0;outline:none}.command-input-wrap button{border:1px solid var(--line);color:var(--text-muted);background:0 0;border-radius:6px;padding:3px 6px;font-size:9px}.command-results{gap:4px;padding:12px;display:grid}.command-results>small{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;font-size:9px;font-weight:700}.command-results>a{border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:10px;display:grid}.command-results>a:hover{background:var(--surface-hover)}.command-result-icon{background:var(--sprout-soft);width:36px;height:36px;color:var(--sprout);border-radius:10px;place-items:center;display:grid}.command-result-icon svg{width:17px}.command-results strong,.command-results small{display:block}.command-results strong{font-size:12px}.command-results small{color:var(--text-muted);margin-top:3px;font-size:9px}.garden-bed{min-height:190px;position:relative;overflow:hidden}.garden-bed--compact{min-height:105px}.garden-glow{filter:blur(24px);background:#79cb5c14;border-radius:50%;height:55%;position:absolute;bottom:5px;left:12%;right:12%}.garden-soil{background:radial-gradient(circle at 30% 10%,#bd8562 0 5%,#0000 6%),radial-gradient(circle at 72% 20%,#8b5a3e 0 4%,#0000 5%),linear-gradient(#7e5139,#4f3327);border-radius:50%;height:18px;position:absolute;bottom:10%;left:5%;right:5%;box-shadow:0 12px 24px #00000040}.garden-plant{z-index:2;color:var(--sprout);filter:drop-shadow(0 6px 12px #00000040);position:absolute;bottom:17%}.garden-plant svg{width:100%;height:100%}.garden-plant--one{color:#83ce68;width:55px;height:55px;left:15%}.garden-plant--two{color:#d4a3ba;width:46px;height:46px;left:45%}.garden-plant--three{color:#9bd46a;width:72px;height:72px;right:14%}.garden-bed--compact .garden-plant--one{width:33px;height:33px}.garden-bed--compact .garden-plant--two{width:27px;height:27px}.garden-bed--compact .garden-plant--three{width:43px;height:43px}.garden-mushroom{z-index:3;width:18px;height:18px;position:absolute;bottom:16%;right:32%}.garden-mushroom:before{content:"";background:#d89b5d;border-radius:12px 12px 5px 5px;width:18px;height:10px;position:absolute}.garden-mushroom span{background:#d7c4a4;border-radius:2px;width:5px;height:10px;position:absolute;bottom:0;left:7px}.dashboard-priority{grid-template-columns:1.65fr .75fr;gap:14px;display:grid}.continue-card{background:radial-gradient(circle at 90% 0, #79cb5c14, transparent 45%), var(--surface);grid-template-columns:1.18fr .82fr;display:grid;overflow:hidden}.continue-card-copy{padding:28px}.lesson-chip{color:var(--text-muted);align-items:center;gap:9px;margin-top:22px;font-size:10px;display:flex}.lesson-chip>span{background:var(--sprout-soft);width:31px;height:31px;color:var(--sprout);border-radius:9px;place-items:center;display:grid}.lesson-chip svg{width:15px}.continue-card h2,.garden-card h2,.roadmap-card h2,.challenge-card h2,.mentor-card h2{letter-spacing:-.04em;margin:12px 0 8px;font-size:22px}.continue-card p,.garden-card p,.challenge-card p,.mentor-card p,.roadmap-aside p{color:var(--text-muted);font-size:12px;line-height:1.6}.continue-meta{color:var(--text-muted);flex-wrap:wrap;gap:15px;margin:20px 0 23px;font-size:10px;display:flex}.continue-meta span{align-items:center;gap:5px;display:flex}.continue-meta svg{width:13px;color:var(--sprout)}.continue-card-preview{border-left:1px solid var(--line);background:#ffffff03;place-items:center;padding:24px;display:grid}.mini-browser{border:1px solid var(--line-strong);background:#f1efe8;border-radius:13px;width:100%;overflow:hidden;box-shadow:0 20px 45px #00000040}.mini-browser-bar{background:#14211c;align-items:center;gap:4px;height:25px;padding:0 9px;display:flex}.mini-browser-page{min-height:155px;padding:30px 22px}.mini-browser-page small{color:#557360;letter-spacing:.12em;font-size:6px;font-weight:800}.mini-heading,.mini-copy,.mini-button{background:#183a2a;border-radius:3px;display:block}.mini-heading{width:80%;height:18px;margin-top:12px}.mini-copy{background:#98a29c;width:65%;height:6px;margin-top:11px}.mini-button{background:#183a2a;border-radius:6px;width:58px;height:19px;margin-top:17px}.preview-caption{color:var(--text-muted);font-size:9px}.garden-card{padding:22px}.card-heading-row{justify-content:space-between;gap:16px;display:flex}.card-heading-row a,.section-title-row>a{color:var(--sprout-bright);white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:650;display:inline-flex}.card-heading-row a svg,.section-title-row>a svg{width:13px}.garden-card .garden-bed{margin:-4px 0 -8px}.garden-progress-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.garden-progress-row strong{font-size:11px}.garden-card>p{margin:9px 0 0;font-size:10px}.dashboard-grid{grid-template-columns:1.4fr .7fr .7fr;gap:14px;margin-top:14px;display:grid}.roadmap-card,.challenge-card,.language-card,.mentor-card{padding:22px}.roadmap-summary{margin:20px 0 15px}.roadmap-summary-top{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.roadmap-summary-top strong{color:var(--text-soft)}.roadmap-mini-list{display:grid}.roadmap-mini-item{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 0;display:grid}.roadmap-mini-item>div{min-width:0}.roadmap-number{border:1px solid var(--line);width:28px;height:28px;color:var(--text-muted);border-radius:9px;place-items:center;font-size:10px;font-weight:700;display:grid}.roadmap-number svg{width:13px}.roadmap-mini-item strong,.roadmap-mini-item small{display:block}.roadmap-mini-item strong{font-size:11px}.roadmap-mini-item small{max-width:100%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.roadmap-mini-item>span:last-child{background:var(--sprout-soft);color:var(--sprout-bright);border-radius:999px;padding:4px 7px;font-size:8px}.roadmap-mini-item.is-current .roadmap-number{background:var(--sprout-soft);color:var(--sprout);border-color:#79cb5c47}.roadmap-mini-item.is-locked{opacity:.55}.challenge-card,.language-card,.mentor-card{flex-direction:column;display:flex}.language-card{background:radial-gradient(circle at 0 0, #76c3681f, transparent 50%), var(--surface)}.language-icon{width:39px;height:39px;color:var(--green-deep);background:#76c36829;border-radius:11px;place-items:center;margin-bottom:22px;display:grid}.language-icon svg{width:18px}.language-card p{margin-bottom:18px}.language-card .button-secondary{align-self:flex-start;margin-top:auto}.challenge-card{background:radial-gradient(circle at 100% 0, #7652bf24, transparent 50%), var(--surface)}.challenge-icon,.mentor-orb{color:#a482df;background:#7652bf29;border-radius:11px;place-items:center;width:39px;height:39px;margin-bottom:22px;display:grid}.challenge-icon svg,.mentor-orb svg{width:18px}.challenge-reward{color:#b9a3de;align-items:center;gap:6px;margin:auto 0 15px;font-size:9px;display:flex}.challenge-reward svg{width:13px}.mentor-card{background:radial-gradient(circle at 100% 0, #79cb5c1c, transparent 50%), var(--surface)}.mentor-orb{background:var(--sprout-soft);color:var(--sprout)}.mentor-prompt-list{gap:7px;margin-top:auto;display:grid}.mentor-prompt-list a{border:1px solid var(--line);color:var(--text-soft);border-radius:9px;padding:9px;font-size:9px}.mentor-prompt-list a:hover{border-color:#79cb5c33}.dashboard-lower{margin-top:45px}.section-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.section-title-row h2{letter-spacing:-.04em;margin:5px 0 0;font-size:21px}.section-title-row>span{color:var(--text-muted);font-size:10px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{padding:18px}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:var(--text-muted);font-size:10px}.stat-card strong{letter-spacing:-.04em;margin:9px 0 3px;font-size:25px}.stat-card small{color:#68766f;font-size:9px}.project-card-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px;transition:all .18s;display:grid}.project-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.project-card-icon{background:var(--sprout-soft);width:42px;height:42px;color:var(--sprout);border-radius:12px;place-items:center;display:grid}.project-card--violet .project-card-icon,.project-card-icon.is-violet{color:#a486dc;background:#7652bf26}.project-card--amber .project-card-icon,.project-card-icon.is-amber{color:var(--amber);background:#d5a55724}.project-card-icon.is-green{background:var(--sprout-soft);color:var(--sprout)}.project-card--new{background:0 0;border-style:dashed}.project-card--new:hover{border-color:var(--sprout);background:var(--surface)}.project-card--new .project-card-icon{border:1px dashed var(--line-strong);color:var(--text-muted);background:0 0}.project-card--new:hover .project-card-icon{border-color:var(--sprout);color:var(--sprout)}.project-card-icon svg{width:19px}.project-card strong,.project-card small{display:block}.project-card strong{font-size:12px}.project-card p{color:var(--text-muted);margin:4px 0;font-size:9px}.project-card small{color:#637168;font-size:8px}.project-card>svg{width:16px;color:var(--text-muted)}.roadmap-overview{grid-template-columns:auto 1fr;align-items:center;gap:10px;width:290px;padding:15px;display:grid}.roadmap-overview-icon{background:var(--sprout-soft);width:37px;height:37px;color:var(--sprout);border-radius:10px;place-items:center;display:grid}.roadmap-overview-icon svg{width:17px}.roadmap-overview span,.roadmap-overview strong{display:block}.roadmap-overview div span{color:var(--text-muted);font-size:9px}.roadmap-overview div strong{margin-top:2px;font-size:17px}.roadmap-overview .progress-track{grid-column:1/-1}.roadmap-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px;display:grid}.milestone-block{grid-template-columns:44px minmax(0,1fr);display:grid}.milestone-rail{flex-direction:column;align-items:center;display:flex}.milestone-rail>span{z-index:2;border:1px solid var(--line-strong);background:var(--canvas);width:34px;height:34px;color:var(--text-muted);border-radius:11px;place-items:center;font-size:11px;font-weight:700;display:grid;position:relative}.milestone-rail svg{width:15px}.milestone-block.is-current .milestone-rail>span{border-color:var(--sprout);background:var(--sprout);color:#07100d;box-shadow:0 0 26px #79cb5c29}.milestone-rail i{background:var(--line-strong);flex:1;width:1px;min-height:28px}.milestone-card{margin-bottom:18px;padding:24px}.milestone-block.is-locked .milestone-card{opacity:.6}.milestone-heading{justify-content:space-between;gap:30px;display:flex}.milestone-heading>div>span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.milestone-heading em{background:var(--sprout-soft);color:var(--sprout-bright);border-radius:999px;margin-left:7px;padding:4px 7px;font-style:normal}.milestone-heading h2{letter-spacing:-.04em;margin:7px 0 6px;font-size:20px}.milestone-heading p{color:var(--text-muted);margin:0;font-size:11px}.milestone-progress{text-align:right;width:120px}.milestone-progress strong{margin-bottom:8px;font-size:13px;display:block}.milestone-outcome{color:var(--text-soft);background:#79cb5c0d;border:1px solid #79cb5c1f;border-radius:11px;align-items:center;gap:10px;margin:20px 0 8px;padding:13px 15px;font-size:10px;display:flex}.milestone-outcome svg{width:15px;color:var(--sprout)}.milestone-outcome small{color:var(--sprout-bright);letter-spacing:.1em;margin-bottom:2px;font-size:7px;font-weight:750;display:block}.lesson-list{display:grid}.lesson-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:13px 0;display:grid}.lesson-status{border:1px solid var(--line);width:29px;height:29px;color:var(--text-muted);border-radius:9px;place-items:center;display:grid}.lesson-status svg{width:13px}.lesson-row.is-complete .lesson-status{background:var(--sprout-soft);color:var(--sprout)}.lesson-row.is-current .lesson-status{color:var(--sprout);border-color:#79cb5c4d}.lesson-row.is-locked{opacity:.55}.lesson-row small,.lesson-row strong{display:block}.lesson-row small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:7px}.lesson-row strong{margin-top:2px;font-size:11px}.lesson-duration{color:var(--text-muted);align-items:center;gap:5px;font-size:9px;display:flex}.lesson-duration svg{width:12px}.lesson-row>a{color:var(--sprout-bright);align-items:center;gap:4px;font-size:9px;display:inline-flex}.lesson-row>a svg{width:12px}.roadmap-aside{align-content:start;gap:13px;display:grid}.roadmap-aside .sprout-card{padding:20px}.roadmap-aside h2{letter-spacing:-.03em;margin:10px 0 7px;font-size:17px}.roadmap-aside small{color:var(--text-muted);font-size:9px}.achievement-large{width:44px;height:44px;color:var(--amber);background:#d5a55724;border-radius:13px;place-items:center;margin-bottom:18px;display:grid}.achievement-large svg{width:20px}.featured-project{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.featured-project-copy{background:0 0;border:0;border-radius:0;padding:34px}.featured-project-copy h2{letter-spacing:-.045em;margin:12px 0 9px;font-size:28px}.featured-project-copy>p{color:var(--text-muted);line-height:1.65}.technology-list{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.technology-list span{border:1px solid var(--line);color:var(--text-muted);border-radius:999px;padding:6px 9px;font-size:8px;font-weight:650}.featured-progress{margin-top:28px}.featured-progress>span{color:var(--text-muted);margin-bottom:8px;font-size:10px;display:block}.featured-progress strong{color:var(--text)}.featured-actions{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.portfolio-mock{border:1px solid var(--line-strong);background:#eeeae0;border-radius:14px;flex-direction:column;margin:30px 30px 30px 0;display:flex;overflow:hidden;box-shadow:0 25px 55px #00000038}.portfolio-mock-bar{background:#132019;align-items:center;gap:5px;height:32px;padding:0 11px;display:flex}.portfolio-mock-bar span{color:#86958c;margin-left:auto;margin-right:auto;font-size:7px}.portfolio-mock-page{color:#173326;flex:1;padding:25px 35px}.portfolio-nav{color:#274d3b;letter-spacing:.08em;font-size:7px;font-weight:800;display:flex}.portfolio-nav i{flex:1}.portfolio-mock-page>div{margin-top:65px}.portfolio-mock-page small{color:#557865;letter-spacing:.12em;font-size:7px;font-weight:800;display:block}.portfolio-mock-page strong{letter-spacing:-.06em;margin-top:10px;font-size:33px;line-height:1.02;display:block}.portfolio-mock-page p{color:#63736a;font-size:10px}.portfolio-mock-page div>span{color:#fff;background:#173a2a;border-radius:7px;margin-top:9px;padding:8px 10px;font-size:8px;display:inline-block}.project-library{margin-top:45px}.project-library-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.library-card{min-height:260px;padding:23px;position:relative}.library-card h3{letter-spacing:-.03em;margin:36px 0 8px;font-size:18px}.library-card p{color:var(--text-muted);font-size:11px;line-height:1.6}.preview-badge{color:var(--text-muted);background:#ffffff0a;border-radius:999px;padding:5px 7px;font-size:8px;position:absolute;top:22px;right:22px}.library-card--suggest{border-style:dashed}.library-card--suggest .text-button{color:var(--sprout-bright);margin-top:18px;font-size:10px}.garden-hero{border:1px solid var(--line-strong);background:var(--surface);border-radius:21px;overflow:hidden}.garden-sky{background:radial-gradient(circle at 50% 110%,#61a6592e,#0000 38%),linear-gradient(#091410,#10241b);min-height:410px;position:relative;overflow:hidden}.garden-sky .garden-bed{min-height:300px;position:absolute;bottom:5px;left:10%;right:10%}.garden-moon{background:#dfeacb;border-radius:50%;width:48px;height:48px;position:absolute;top:45px;right:10%;box-shadow:0 0 50px #d6e8bb24}.garden-star{background:#dfeacb;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 9px #dfeacb}.garden-star--one{top:70px;left:15%}.garden-star--two{top:125px;left:30%}.garden-message{z-index:5;align-items:center;gap:11px;display:flex;position:absolute;top:38px;left:40px}.garden-message>svg{width:24px;color:var(--sprout)}.garden-message small,.garden-message strong{display:block}.garden-message small{color:var(--text-muted);letter-spacing:.12em;font-size:8px}.garden-message strong{margin-top:4px;font-size:17px}.garden-hero-footer{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:22px 28px;display:grid}.garden-hero-footer span,.garden-hero-footer strong{display:block}.garden-hero-footer span{color:var(--text-muted);font-size:9px}.garden-hero-footer strong{margin-top:3px;font-size:14px}.garden-growth span{text-align:right;margin-bottom:8px}.garden-growth strong{color:var(--text);display:inline}.garden-grid{grid-template-columns:.85fr 1.15fr;gap:14px;margin-top:14px;display:grid}.growth-story,.garden-milestones-card{padding:25px}.growth-story h2{letter-spacing:-.04em;margin:11px 0 8px;font-size:21px}.growth-story>p{color:var(--text-muted);font-size:12px;line-height:1.7}.growth-facts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px;display:grid}.growth-facts span{border:1px solid var(--line);border-radius:11px;padding:12px}.growth-facts strong,.growth-facts small{display:block}.growth-facts strong{font-size:21px}.growth-facts small{color:var(--text-muted);margin-top:4px;font-size:8px}.garden-milestone-list{margin-top:12px;display:grid}.garden-milestone{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 0;display:grid}.garden-milestone>span:first-child{width:37px;height:37px;color:var(--text-muted);background:#ffffff0a;border-radius:10px;place-items:center;display:grid}.garden-milestone.is-grown>span:first-child{background:var(--sprout-soft);color:var(--sprout)}.garden-milestone svg{width:17px}.garden-milestone strong,.garden-milestone small{display:block}.garden-milestone strong{font-size:11px}.garden-milestone small{color:var(--text-muted);margin-top:4px;font-size:9px}.garden-milestone>span:last-child{color:var(--sprout-bright);font-size:9px}.garden-milestone.is-locked{opacity:.55}.lesson-workspace{background:#07100d;grid-template-rows:61px 1fr;min-height:100dvh;display:grid}.lesson-header{z-index:20;border-bottom:1px solid var(--line);background:#07100df0;grid-template-columns:1fr auto auto auto;align-items:center;gap:22px;padding:0 15px;display:grid}.lesson-header-left{align-items:center;gap:13px;min-width:0;display:flex}.lesson-back,.lesson-close{width:36px;height:36px;color:var(--text-muted);border-radius:10px;place-items:center;display:grid}.lesson-back:hover,.lesson-close:hover{background:var(--surface);color:var(--text)}.lesson-back svg,.lesson-close svg{width:17px}.lesson-header-divider{background:var(--line);width:1px;height:24px}.lesson-breadcrumbs{align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.lesson-breadcrumbs a{color:var(--text-muted)}.lesson-breadcrumbs strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-breadcrumbs svg{width:12px;color:var(--text-muted)}.lesson-header-progress{grid-template-columns:auto 1fr;align-items:center;gap:9px;width:180px;display:grid}.lesson-header-progress span{color:var(--text-muted);font-size:9px}.save-status{color:var(--text-muted);align-items:center;gap:5px;font-size:9px;display:flex}.save-status svg{width:13px;color:var(--sprout)}.workspace-tabs{display:none}.workspace-grid{grid-template-columns:minmax(280px,.75fr) minmax(390px,1.35fr) minmax(330px,1fr) minmax(270px,.72fr);min-height:0;display:grid}.lesson-panel{border-right:1px solid var(--line);background:#09130f;min-width:0;min-height:0}.lesson-panel:last-child{border-right:0}.lesson-scroll,.mentor-messages{overflow-y:auto}.lesson-scroll{height:calc(100dvh - 61px);padding:28px 24px}.lesson-label{color:var(--sprout-bright);letter-spacing:.12em;font-size:10px;font-weight:750}.instruction-panel h1{letter-spacing:-.045em;margin:10px 0;font-size:26px}.lesson-lead{color:var(--text-muted);margin:0;font-size:12px;line-height:1.65}.concept-block{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.concept-block>span{color:var(--text-soft);align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.concept-block>span svg{width:14px;color:var(--sprout)}.concept-block p{color:var(--text-muted);font-size:11px;line-height:1.65}.code-example{border:1px solid var(--line);background:#07100d;border-radius:10px;padding:12px;overflow-x:auto}.code-example code{color:#a6c99f;font-family:var(--font-mono-code), monospace;font-size:9px}.task-block{background:#79cb5c0b;border:1px solid #79cb5c24;border-radius:13px;grid-template-columns:auto 1fr;gap:11px;margin-top:25px;padding:15px;display:grid}.task-icon{background:var(--sprout-soft);width:32px;height:32px;color:var(--sprout);border-radius:9px;place-items:center;display:grid}.task-icon svg{width:15px}.task-block small{color:var(--sprout-bright);letter-spacing:.1em;font-size:7px;font-weight:750}.task-block h2{margin:5px 0;font-size:14px}.task-block p{color:var(--text-muted);margin:0;font-size:10px;line-height:1.5}.requirement-list{margin-top:16px;display:grid}.requirement-list>div{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:11px 2px;display:grid}.requirement-list>div>span{color:var(--text-muted)}.requirement-list svg{width:15px}.requirement-list .is-passed>span{color:var(--sprout)}.requirement-list strong,.requirement-list small{display:block}.requirement-list strong{font-size:13px}.requirement-list small{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.5}.instruction-actions{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.code-panel{background:#07100d;grid-template-rows:42px minmax(0,1fr) 49px;display:grid}.editor-tabs{border-bottom:1px solid var(--line);background:#0a1411;align-items:stretch;display:flex}.editor-tabs>span{border-right:1px solid var(--line);min-width:125px;color:var(--text-muted);align-items:center;gap:7px;padding:0 12px;font-size:9px;display:flex}.editor-tabs>span.is-active{border-top:2px solid var(--sprout);color:var(--text-soft);background:#07100d}.editor-tabs svg{color:#d2b33e;width:13px}.editor-tabs i{background:var(--sprout);border-radius:50%;width:5px;height:5px;margin-left:auto}.editor-tabs button{width:39px;color:var(--text-muted);background:0 0;border:0}.editor-area{grid-template-columns:42px minmax(0,1fr);min-height:0;padding:15px 0;display:grid}.line-numbers{color:#435149;font-family:var(--font-mono-code), monospace;text-align:right;-webkit-user-select:none;user-select:none;align-content:start;padding-right:12px;font-size:12px;line-height:1.75;display:grid}.editor-area textarea{resize:none;color:#b7d7ae;width:100%;height:100%;caret-color:var(--sprout-bright);font-family:var(--font-mono-code), monospace;tab-size:2;background:0 0;border:0;outline:0;padding:0 18px 0 0;font-size:12px;line-height:1.75}.editor-toolbar{border-top:1px solid var(--line);background:#0a1411;align-items:center;gap:5px;padding:0 10px;display:flex}.editor-toolbar-status{color:var(--text-muted);margin-left:auto;font-size:8px}.preview-panel{background:#0b1512;grid-template-rows:42px minmax(0,1fr) auto;display:grid}.preview-tabs{border-bottom:1px solid var(--line);display:flex}.preview-tabs button{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 14px;font-size:9px}.preview-tabs button.is-active{border-color:var(--sprout);color:var(--text-soft)}.preview-browser{border:1px solid var(--line-strong);background:#fff;border-radius:11px;flex-direction:column;min-height:0;margin:15px;display:flex;overflow:hidden}.preview-browser-bar{color:#87968e;background:#132019;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:31px;padding:0 10px;font-size:7px;display:grid}.preview-browser-bar>span:first-child{gap:4px;display:flex}.preview-browser iframe{background:#f5f3ec;border:0;flex:1;width:100%;min-height:0}.test-summary{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:13px 15px;display:grid}.test-summary-icon{width:31px;height:31px;color:var(--amber);background:#d5a55721;border-radius:9px;place-items:center;display:grid}.test-summary-icon.is-passed{background:var(--sprout-soft);color:var(--sprout)}.test-summary-icon svg{width:15px}.test-summary strong,.test-summary small{display:block}.test-summary strong{font-size:10px}.test-summary small{color:var(--text-muted);margin-top:3px;font-size:8px}.mentor-panel{background:radial-gradient(circle at 50% 0,#79cb5c12,#0000 30%),#0d1814;grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.mentor-panel-heading{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:16px;display:grid}.mentor-panel-heading>span{background:var(--sprout-soft);width:32px;height:32px;color:var(--sprout);border-radius:9px;place-items:center;display:grid}.mentor-panel-heading svg{width:15px}.mentor-panel-heading strong,.mentor-panel-heading small{display:block}.mentor-panel-heading strong{font-size:10px}.mentor-panel-heading small{color:var(--text-muted);margin-top:3px;font-size:8px}.mentor-panel-heading i{background:var(--sprout);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #79cb5c80}.mentor-messages{flex-direction:column;gap:10px;padding:16px;display:flex}.mentor-message{background:var(--surface-strong);max-width:92%;color:var(--text-soft);border-radius:5px 12px 12px;padding:12px 14px;font-size:9px;line-height:1.55}.mentor-message.is-learner{color:#d9e9da;background:#79cb5c1f;border-radius:12px 5px 12px 12px;align-self:flex-end}.mentor-quick-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:5px;padding:9px 11px;display:flex}.mentor-quick-actions button{border:1px solid var(--line);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:7px 8px;font-size:8px}.mentor-quick-actions button:hover{color:var(--sprout-bright);border-color:#79cb5c33}.mentor-input{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:5px;padding:10px;display:grid}.mentor-input input{border:1px solid var(--line);min-width:0;color:var(--text);background:#07100d;border-radius:9px;outline:0;padding:9px;font-size:9px}.mentor-input input:focus{border-color:#79cb5c59}.mentor-input button{background:var(--sprout);color:#07100d;cursor:pointer;border:0;border-radius:9px;place-items:center;width:34px;display:grid}.mentor-input button svg{width:14px}.confirm-dialog{text-align:center;width:min(410px,100%);padding:28px}.confirm-icon{width:45px;height:45px;color:var(--amber);background:#d5a55724;border-radius:13px;place-items:center;margin:0 auto 17px;display:grid}.confirm-icon svg{width:20px}.confirm-dialog h2{letter-spacing:-.04em;margin:0;font-size:20px}.confirm-dialog p{color:var(--text-muted);font-size:11px}.confirm-dialog>div{justify-content:center;gap:8px;margin-top:22px;display:flex}.lesson-success{z-index:60;width:min(440px,100% - 40px);box-shadow:var(--shadow);background:#13231c;border:1px solid #79cb5c47;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:13px;display:grid;position:fixed;bottom:20px;right:20px}.lesson-success>span{background:var(--sprout);color:#07100d;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.lesson-success svg{width:16px}.lesson-success strong,.lesson-success small{display:block}.lesson-success strong{font-size:11px}.lesson-success small{color:var(--text-muted);margin-top:3px;font-size:8px}.lesson-success a{color:var(--sprout-bright);align-items:center;font-size:9px;display:flex}.lesson-success button{color:var(--text-muted);cursor:pointer;background:0 0;border:0}@media (max-width:1180px){.hero-section{grid-template-columns:.8fr 1.2fr;gap:34px}.hero-copy h1{font-size:58px}.product-window{transform-origin:100%;transform:scale(.92)}.workspace-grid{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr) minmax(300px,1fr)}.mentor-panel{display:none}.dashboard-grid{grid-template-columns:1.25fr .75fr}.mentor-card{grid-column:1/-1;min-height:230px}.project-library-grid{grid-template-columns:1fr 1fr}}@media (max-width:920px){.marketing-header nav{display:none}.hero-section{text-align:center;grid-template-columns:1fr;padding-top:70px}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-product{max-width:700px;margin-inline:auto}.product-window{transform:none}.mentor-section{grid-template-columns:1fr;gap:50px}.pricing-card{grid-template-columns:1fr}.app-frame{grid-template-columns:84px minmax(0,1fr)}.app-sidebar{align-items:center;width:84px}.sidebar-brand .brand-word,.sidebar-link span,.sidebar-profile>span:not(.avatar),.sidebar-profile>svg{display:none}.sidebar-link{justify-content:center;width:48px;padding:0}.sidebar-divider{width:34px}.app-content{grid-column:2}.page-shell{width:min(100% - 38px,900px)}.dashboard-priority{grid-template-columns:1fr}.garden-card{grid-template-columns:1fr 1fr;column-gap:25px;display:grid}.garden-card .garden-bed{grid-area:1/2/4}.dashboard-grid{grid-template-columns:1fr 1fr}.roadmap-card{grid-column:1/-1}.roadmap-layout{grid-template-columns:1fr}.roadmap-aside{grid-template-columns:1fr 1fr}.featured-project{grid-template-columns:1fr}.portfolio-mock{min-height:430px;margin:0 30px 30px}.lesson-workspace{grid-template-rows:61px 49px 1fr}.workspace-tabs{border-bottom:1px solid var(--line);background:#0a1411;grid-template-columns:repeat(4,1fr);display:grid}.workspace-tabs button{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.workspace-tabs button.is-active{border-color:var(--sprout);color:var(--sprout-bright)}.workspace-tabs svg{width:15px}.workspace-grid{min-height:0;display:block}.lesson-panel{border:0;height:calc(100dvh - 110px);display:none}.lesson-panel.is-mobile-active{display:grid}.instruction-panel.is-mobile-active{display:block}.lesson-scroll{height:calc(100dvh - 110px)}.mentor-panel.is-mobile-active{display:grid}.lesson-header-progress,.save-status{display:none}.lesson-header{grid-template-columns:1fr auto}}@media (max-width:700px){.marketing-header,.marketing-footer,.hero-section,.project-strip,.marketing-section,.closing-cta{width:min(100% - 32px,620px)}.marketing-header{min-height:68px}.marketing-actions .text-link{display:none}.hero-section{min-height:auto;padding:60px 0 70px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.hero-proof{text-align:left;align-items:flex-start}.product-window{grid-template-columns:48px 1fr;min-height:430px}.product-preview{padding:20px 15px}.preview-grid{grid-template-columns:1fr}.preview-garden{display:none}.preview-continue{grid-template-columns:auto 1fr}.preview-continue .button-primary{display:none}.window-bar{grid-template-columns:1fr auto}.window-bar>span:nth-child(2){display:none}.marketing-section{padding:85px 0}.mentor-section{gap:40px}.pricing-card{padding:28px}.marketing-footer{grid-template-columns:1fr}.marketing-footer>div{justify-content:flex-start}.onboarding-header,.onboarding-footer,.onboarding-progress{width:calc(100% - 30px)}.onboarding-header{grid-template-columns:1fr auto}.onboarding-header>span{display:none}.onboarding-options--grid{grid-template-columns:1fr}.onboarding-option{min-height:88px}.onboarding-footer{grid-template-columns:auto 1fr;gap:8px}.onboarding-footer-note{display:none}.generating-card{padding:34px 22px}.app-frame{display:block}.app-sidebar{display:none}.app-content{min-height:100dvh;padding-bottom:70px}.app-topbar{height:61px;padding:0 14px}.mobile-brand{display:inline-flex}.search-trigger{background:0 0;border:0;justify-content:center;width:42px;height:42px}.search-trigger span,.search-trigger kbd,.topbar-metric{display:none}.mobile-nav{z-index:40;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08110ef2;grid-template-columns:repeat(5,1fr);height:66px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav-link{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;display:flex}.mobile-nav-link svg{width:17px}.mobile-nav-link.is-active{color:var(--sprout-bright)}.notification-panel{width:auto;position:fixed;top:66px;left:12px;right:12px}.page-shell{width:calc(100% - 28px);padding:30px 0 50px}.split-heading,.dashboard-heading,.roadmap-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:34px}.momentum-pill{display:none}.continue-card{grid-template-columns:1fr}.continue-card-preview{border-top:1px solid var(--line);border-left:0;min-height:260px}.garden-card{display:block}.garden-card .garden-bed{margin:0}.dashboard-grid{grid-template-columns:1fr}.roadmap-card,.mentor-card{grid-column:auto}.stat-grid,.project-card-grid{grid-template-columns:1fr}.section-title-row>span{display:none}.roadmap-overview{width:100%}.milestone-block{grid-template-columns:34px minmax(0,1fr)}.milestone-card{padding:18px}.milestone-heading{display:block}.milestone-progress{text-align:left;width:auto;margin-top:15px}.lesson-row{grid-template-columns:auto 1fr auto}.lesson-duration{display:none}.roadmap-aside{grid-template-columns:1fr}.portfolio-mock{min-height:350px;margin:0 15px 15px}.portfolio-mock-page{padding:22px}.portfolio-mock-page>div{margin-top:50px}.portfolio-mock-page strong{font-size:27px}.project-library-grid{grid-template-columns:1fr}.garden-sky{min-height:320px}.garden-sky .garden-bed{min-height:230px;left:2%;right:2%}.garden-message{top:25px;left:22px}.garden-hero-footer,.garden-grid{grid-template-columns:1fr}.garden-growth span{text-align:left}.lesson-header .brand-word,.lesson-header-divider,.lesson-breadcrumbs a,.lesson-breadcrumbs svg{display:none}.lesson-header-left{gap:6px}.lesson-success{grid-template-columns:auto 1fr auto;width:calc(100% - 24px);bottom:12px;right:12px}.lesson-success a{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-page{background:radial-gradient(circle at 50% -20%, #5fa16221, transparent 32rem), var(--canvas);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.auth-header{align-items:center;width:min(1100px,100% - 48px);min-height:78px;margin-inline:auto;display:flex}.auth-main{place-items:center;padding:0 24px 64px;display:grid}.auth-card{gap:16px;width:min(420px,100%);display:grid}.auth-card h1{letter-spacing:-.02em;font-size:25px}.auth-card>p{color:var(--text-soft);font-size:14px;line-height:1.55}.auth-field{gap:7px;display:grid}.auth-field label{color:var(--text-soft);font-size:12px;font-weight:640}.auth-field input{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--text);border-radius:12px;padding:13px 15px;font-size:15px;transition:all .16s}.auth-field input::placeholder{color:var(--text-muted)}.auth-field input:focus{border-color:var(--sprout);outline:none}.auth-field input.is-code{font-family:var(--font-mono-code), monospace;letter-spacing:12px;text-align:center;padding-inline:8px;font-size:26px;font-weight:700}.auth-sent{border:1px solid var(--line);background:var(--surface);color:var(--text-soft);border-radius:12px;align-items:center;gap:9px;padding:14px 16px;font-size:13px;display:flex}.auth-sent svg{width:17px;color:var(--sprout);flex:none}.auth-actions{gap:10px;display:grid}.auth-alt{color:var(--text-muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.auth-alt button{color:var(--sprout);font-size:13px;font-weight:620}.auth-alt button:hover{text-decoration:underline}.onboarding-name{width:min(360px,100%);margin-top:4px}.empty-note{color:var(--text-muted);font-size:13px;line-height:1.6}.mode-note{border:1px solid var(--line);border-left:3px solid var(--sprout);background:var(--surface);color:var(--text-soft);border-radius:12px;padding:15px 18px;font-size:13px;line-height:1.6}.challenge-page{background:var(--canvas);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.challenge-header{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:64px;padding:0 22px;display:flex}.challenge-header>a:first-child{width:34px;height:34px;color:var(--text-muted);border-radius:9px;place-items:center;display:grid}.challenge-header>a:first-child:hover{background:var(--surface);color:var(--text)}.challenge-header svg{width:18px}.challenge-tag{color:var(--text-muted);margin-left:auto;font-size:12px;font-weight:640}.challenge-main{grid-template-columns:minmax(280px,380px) 1fr;min-height:0;display:grid}.challenge-brief{border-right:1px solid var(--line);flex-direction:column;gap:18px;padding:30px 26px;display:flex;overflow-y:auto}.challenge-brief h1{letter-spacing:-.02em;font-size:23px}.challenge-brief>p{color:var(--text-soft);font-size:14px;line-height:1.65}.challenge-hint{border:1px solid var(--line-strong);border-left:3px solid var(--amber);background:var(--surface);color:var(--text-soft);border-radius:12px;padding:15px 17px;font-size:13px;line-height:1.6}.challenge-solved{background:var(--sprout-soft);border:1px solid #79cb5c59;border-radius:14px;gap:10px;padding:18px;display:grid}.challenge-solved strong{color:var(--sprout-bright);font-size:15px}.challenge-solved p{color:var(--text-soft);font-size:13px;line-height:1.6}.challenge-solved a{justify-self:start}.challenge-editor{grid-template-rows:auto 1fr 1fr;min-height:0;display:grid}.editor-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 16px;display:flex}.editor-status{color:var(--text-muted);margin-left:auto;font-size:12px}.challenge-editor textarea{border:0;border-bottom:1px solid var(--line);background:var(--canvas-soft);width:100%;height:100%;color:var(--text);font-family:var(--font-mono-code), monospace;resize:none;padding:18px;font-size:13px;line-height:1.7}.challenge-editor textarea:focus{outline:none}.challenge-editor iframe{background:#fff;border:0;width:100%;height:100%}@media (max-width:900px){.challenge-main{grid-template-columns:1fr}.challenge-brief{border-right:0;border-bottom:1px solid var(--line)}.challenge-editor{min-height:70vh}}.dream-field{gap:8px;width:min(560px,100%);display:grid}.dream-field label{color:var(--text-soft);font-size:12px;font-weight:640}.dream-field textarea{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;resize:vertical;border-radius:12px;padding:13px 15px;font-size:14px;line-height:1.6}.dream-field textarea:focus{border-color:var(--sprout);outline:none}.dream-note{color:var(--sprout-bright);font-size:12px}.generating-actions{justify-content:center;margin-top:6px;display:flex}.prepare-next{text-align:center;background:var(--canvas);place-content:center;gap:14px;min-height:100dvh;padding:24px;display:grid}.prepare-next h1{font-size:24px}.prepare-next p{max-width:440px;color:var(--text-soft);font-size:14px;line-height:1.65}.prepare-next a{justify-self:center}.prepare-spinner{place-items:center;margin-inline:auto;display:grid}.prepare-spinner svg{width:30px;color:var(--sprout);animation:1s linear infinite prepare-spin}@keyframes prepare-spin{to{transform:rotate(360deg)}}.setup-list{gap:10px;display:grid}.setup-list strong{font-size:13px;display:block}.setup-list small{color:var(--text-muted);font-size:12px;line-height:1.5}.nudge-chip{color:var(--text-soft);background:#d5a55714;border:1px solid #d5a55766;border-radius:12px;align-items:center;gap:10px;margin:10px 16px 0;padding:14px 16px;font-size:12.5px;display:flex}.nudge-chip span{flex:1}.nudge-chip button{background:var(--amber);color:#1f1607;cursor:pointer;border-radius:8px;flex:none;padding:5px 10px;font-size:12px;font-weight:700}.nudge-chip button:last-child{width:26px;height:26px;color:var(--text-muted);background:0 0;place-items:center;padding:0;display:grid}.nudge-chip button:last-child svg{width:14px}.make-challenge{margin-top:12px}.make-challenge .spin{animation:1.2s linear infinite spin}.make-challenge-note{color:var(--text-muted);margin-top:10px;font-size:12.5px}.publish-shell{display:flex}.publish-card{flex-direction:column;gap:12px;width:100%;display:flex}.publish-card .card-kicker{align-items:center;gap:6px;display:inline-flex}.publish-card .card-kicker svg{width:14px}.publish-card p{color:var(--text-soft);font-size:13.5px}.publish-link{border:1px solid var(--line);background:var(--paper-raised);border-radius:10px;align-items:center;gap:8px;padding:12px 14px;display:flex}.publish-link a{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono,monospace);color:var(--green-deep);flex:1;font-size:12.5px;overflow:hidden}.publish-link button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:grid}.publish-link button svg{width:14px}.publish-actions{flex-wrap:wrap;gap:8px;display:flex}.publish-actions .spin,.publish-card .spin{animation:1.2s linear infinite spin}.publish-note{color:var(--text-muted);font-size:12.5px}.walkthrough-page{background:var(--paper);min-height:100vh}.walkthrough-main{flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:32px 20px 80px;display:flex}.walkthrough-main h1{font-size:26px}.walkthrough-lead{color:var(--text-soft);font-size:14.5px}.walkthrough-task{color:var(--text-muted);font-size:13px}.walkthrough-steps{flex-direction:column;gap:12px;margin-top:8px;list-style:none;display:flex}.walkthrough-steps li{border:1px solid var(--line);background:var(--paper-raised);border-radius:14px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.walkthrough-steps li.is-done{border-color:#5aa0788c}.walkthrough-step-head{align-items:center;gap:10px;display:flex}.walkthrough-step-head input[type=checkbox]{width:18px;height:18px;accent-color:var(--green-deep)}.walkthrough-step-head label{font-size:14.5px;font-weight:700}.walkthrough-number{background:var(--green-deep);color:#f2f6f1;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.walkthrough-steps li p{color:var(--text-soft);font-size:13.5px}.walkthrough-steps li a{color:var(--green-deep);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.walkthrough-steps li a svg{width:13px}.walkthrough-paste{border:1px solid var(--line);font-family:var(--font-mono,monospace);background:var(--paper);color:inherit;border-radius:10px;padding:12px 14px;font-size:13px}.walkthrough-finish{flex-direction:column;gap:8px;margin-top:8px;display:flex}.walkthrough-finish .button-primary{align-self:flex-start}.walkthrough-finish p{color:var(--text-muted);font-size:12.5px}.walkthrough-finish .spin{animation:1.2s linear infinite spin}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.admin-stats .card-kicker{margin-bottom:6px;display:block}.admin-figure{font-size:30px;font-weight:800;line-height:1.1}.admin-stats p{color:var(--text-muted);margin-top:4px;font-size:12.5px}.admin-card{flex-direction:column;gap:12px;margin-top:14px;display:flex}.admin-table-scroll{margin:0 -22px;padding:0 22px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:6px 10px;font-size:11.5px}.admin-table td{border-top:1px solid var(--line);vertical-align:top;padding:12px 10px}.admin-table td a{color:var(--green-deep);align-items:center;gap:5px;font-weight:600;display:inline-flex}.admin-table td a svg{width:12px}.admin-table td small{color:var(--text-muted);display:block}.admin-dreams{flex-direction:column;gap:10px;list-style:none;display:flex}.admin-dreams li{border-top:1px solid var(--line);grid-template-columns:90px 1fr auto;align-items:baseline;gap:10px;padding-top:10px;font-size:13.5px;display:grid}.admin-dreams li:first-child{border-top:0;padding-top:0}.admin-dreams small{color:var(--text-muted);white-space:nowrap}.admin-status{text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:700}.admin-status.is-ready{color:var(--green-deep)}.admin-status.is-generating{color:var(--amber,#b98a2f)}.admin-status.is-failed{color:#a63d2f}.admin-page .page-heading{margin-bottom:20px}.admin-stat{align-items:flex-start;gap:14px;display:flex}.admin-stat-icon{border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.admin-stat-icon svg{width:19px}.admin-stat-icon.is-green{color:#79c298;background:#5aa07829}.admin-stat-icon.is-violet{color:#a482df;background:#7652bf29}.admin-stat-icon.is-blue{color:#7fb1e0;background:#4c82be29}.admin-stat-icon.is-amber{color:#d5a557;background:#d5a55729}.admin-stat .card-kicker{margin-bottom:2px;display:block}.admin-stat .admin-figure{font-size:26px}.admin-stat p{margin-top:2px}.admin-columns{grid-template-columns:1fr;align-items:start;gap:14px;margin-top:14px;display:grid}@media (min-width:960px){.admin-columns{grid-template-columns:3fr 2fr}}.admin-columns .admin-card{margin-top:0}.admin-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:34px 20px;display:flex}.admin-empty svg{opacity:.7;width:26px}.admin-empty p{color:var(--text-soft);font-size:14px;font-weight:600}.admin-empty small{max-width:340px;font-size:12.5px;line-height:1.5}.admin-top{justify-content:space-between;align-items:center;padding:4px 0 22px;display:flex}.comp-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.comp-controls input{border:1px solid var(--line);background:var(--paper);min-width:150px;color:inherit;border-radius:8px;padding:8px 11px;font-size:12.5px}.comp-controls .spin{width:13px;animation:1.2s linear infinite spin}.comp-badge{color:var(--green-deep);font-size:12.5px;font-weight:600}.upgrade-shell{display:flex}.upgrade-card{flex-direction:column;gap:12px;width:100%;display:flex}.upgrade-card .card-kicker{align-items:center;gap:6px;display:inline-flex}.upgrade-card .card-kicker svg{width:14px}.upgrade-card p{color:var(--text-soft);font-size:13.5px}.upgrade-list{flex-direction:column;gap:7px;list-style:none;display:flex}.upgrade-list li{color:var(--text-soft);align-items:center;gap:8px;font-size:13.5px;display:flex}.upgrade-list svg{width:15px;color:var(--green-deep);flex:none}.upgrade-options{flex-wrap:wrap;gap:8px;display:flex}.upgrade-option{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;flex:150px;gap:2px;padding:12px 14px;display:flex}.upgrade-option strong{font-size:14.5px}.upgrade-option small{color:var(--text-muted);font-size:12px}.upgrade-option.is-chosen{border-color:var(--green-deep);background:#5aa0781a}.upgrade-footnote,.upgrade-error,.upgrade-testmode{color:var(--text-muted);font-size:12.5px}.upgrade-testmode{border:1px dashed var(--line);border-radius:10px;padding:12px 14px}.upgrade-error{color:#c2705f}.example-page{flex-direction:column;gap:14px;display:flex}.example-page .card-kicker{align-items:center;gap:6px;display:inline-flex}.example-page .card-kicker svg{width:14px}.example-dream blockquote{border-left:3px solid var(--green-deep);color:var(--text-soft);margin-top:8px;padding-left:14px;font-size:15px;font-style:italic;line-height:1.6}.example-roadmap h2,.example-lesson h2,.example-cta h2{margin-top:6px}.example-roadmap>p,.example-cta p{color:var(--text-soft);font-size:13.5px}.example-milestones{flex-direction:column;gap:10px;margin-top:14px;list-style:none;display:flex}.example-milestones li{align-items:flex-start;gap:12px;display:flex}.example-number{width:26px;height:26px;color:var(--green-deep);background:#5aa07829;border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid}.example-milestones strong{font-size:14.5px;display:block}.example-milestones small{color:var(--text-muted);font-size:12.5px}.example-scope{border-top:1px solid var(--line);color:var(--text-muted);margin-top:14px;padding-top:12px;font-size:12.5px}.example-lead{color:var(--text-soft);margin-top:4px;font-size:14px}.example-why,.example-task{border:1px solid var(--line);background:var(--paper-raised);border-radius:12px;margin-top:14px;padding:14px}.example-why strong,.example-task strong{margin-bottom:5px;display:block}.example-why p,.example-task p{color:var(--text-soft);font-size:13.5px}.example-why code{font-family:var(--font-mono,monospace);background:#00000038;border-radius:8px;margin-top:9px;padding:8px 10px;font-size:12.5px;display:block;overflow-x:auto}.example-checks{flex-direction:column;gap:8px;margin-top:14px;display:flex}.example-checks>div{align-items:flex-start;gap:9px;display:flex}.example-checks svg{width:15px;color:var(--green-deep);flex:none;margin-top:2px}.example-checks strong{font-size:13.5px;display:block}.example-checks small{color:var(--text-muted);font-size:12.5px}.example-more{color:var(--text-muted);margin-top:14px;font-size:12.5px}.example-cta .button-primary{align-self:flex-start;margin-top:10px}.upgrade-peek{color:var(--green-deep);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.upgrade-peek svg{width:13px}.finished-prompt{background:#5aa07817;border:1px solid #5aa07873;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px 20px;display:flex}.finished-prompt h2{margin-top:4px;font-size:19px}.finished-prompt p{max-width:60ch;color:var(--text-soft);margin-top:6px;font-size:13.5px}.finished-prompt .button-primary{flex:none}.walkthrough-optional{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--line);border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.gift-page .page-eyebrow{align-items:center;gap:6px;display:inline-flex}.gift-page .page-eyebrow svg{width:14px}.gift-options{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.gift-option{flex-direction:column;gap:8px;display:flex}.gift-price{font-size:24px;font-weight:800}.gift-option p:not(.gift-price){color:var(--text-soft);font-size:13.5px}.gift-buy{flex-direction:column;gap:8px;margin-top:auto;padding-top:10px;display:flex}.gift-buy .button-primary{align-self:flex-start}.gift-buy p,.gift-footnote{color:var(--text-muted);font-size:12.5px}.gift-footnote{margin-top:16px}.gift-footnote a{color:var(--green-deep);font-weight:600}.gift-thanks{flex-direction:column;gap:10px;max-width:560px;margin:0 auto;display:flex}.gift-thanks .card-kicker{align-items:center;gap:6px;display:inline-flex}.gift-thanks .card-kicker svg{width:14px}.gift-thanks p{color:var(--text-soft);font-size:13.5px}.gift-kind{font-weight:600}.copy-code{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0;display:flex}.copy-code code{font-family:var(--font-mono,monospace);letter-spacing:.06em;border:1px dashed var(--green-deep);background:#5aa07814;border-radius:12px;padding:10px 16px;font-size:20px}.redeem-form{flex-direction:column;gap:10px;margin-top:6px;display:flex}.redeem-form input{border:1px solid var(--line);font-family:var(--font-mono,monospace);letter-spacing:.05em;background:var(--paper);color:inherit;text-transform:uppercase;border-radius:12px;padding:12px 14px;font-size:16px}.redeem-form .button-primary{align-self:flex-start}.redeem-form p{color:#c2705f;font-size:13px}.redeem-done strong{align-items:center;gap:8px;font-size:16px;display:inline-flex}.redeem-done strong svg{width:18px;color:var(--green-deep)}.redeem-done p{color:var(--text-soft);margin-top:8px;font-size:13.5px}.spin{animation:1.2s linear infinite spin}.profile-page{flex-direction:column;gap:14px;display:flex}.profile-page .page-eyebrow{align-items:center;gap:6px;display:inline-flex}.profile-page .page-eyebrow svg{width:14px}.profile-card{flex-direction:column;gap:12px;display:flex}.profile-card .card-kicker{align-items:center;gap:7px;display:inline-flex}.profile-card .card-kicker svg{width:14px}.profile-blurb{color:var(--text-soft);font-size:13.5px}.profile-blurb a{color:var(--sprout);font-weight:600}.profile-form{flex-direction:column;gap:16px;display:flex}.profile-field{flex-direction:column;gap:8px;display:flex}.profile-field>span{font-size:13px;font-weight:600}.profile-field input{border:1px solid var(--line-strong);background:var(--canvas-soft);color:inherit;border-radius:10px;max-width:320px;padding:12px 14px;font-size:14px}.profile-styles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (max-width:380px){.profile-styles{grid-template-columns:1fr}}.profile-style{border:1px solid var(--line);color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.profile-style small{color:var(--text-muted);font-size:12px}.profile-style.is-chosen{border-color:var(--sprout);background:var(--sprout-soft)}.profile-goal{flex-wrap:wrap;gap:7px;display:flex}.goal-dot{border:1px solid var(--line);width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.goal-dot.is-chosen{border-color:var(--sprout);background:var(--sprout-soft);color:var(--sprout)}.profile-hint{color:var(--text-muted);font-size:12px}.profile-save{align-items:center;gap:12px;display:flex}.profile-save p{color:var(--danger);font-size:12.5px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;display:grid}.theme-card{border:1px solid var(--line);background:var(--canvas-soft);color:inherit;text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;gap:7px;padding:16px;display:flex}.theme-card.is-active{border-color:var(--sprout);box-shadow:0 0 0 1px var(--sprout)}.theme-card.is-locked{opacity:.72}.theme-swatch{gap:4px;display:flex}.theme-swatch i{border:1px solid #ffffff24;border-radius:7px;width:22px;height:22px}.theme-name{align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.theme-name svg{width:13px;color:var(--sprout)}.theme-card.is-locked .theme-name svg{color:var(--text-muted)}.theme-card small{color:var(--text-muted);font-size:12px;line-height:1.45}.theme-note{color:var(--text-muted);font-size:12.5px}.theme-note a{color:var(--sprout);font-weight:600}.profile-links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.profile-quiet-link{color:var(--text-soft);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.profile-quiet-link svg{width:14px}.manage-billing{align-items:center;gap:10px;display:inline-flex}.manage-billing small{color:var(--text-muted)}.danger-opener{border:1px solid var(--line);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;align-self:flex-start;align-items:center;gap:7px;margin-top:4px;padding:8px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.danger-opener svg{width:14px}.danger-zone{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.danger-zone{border:1px solid color-mix(in srgb, var(--danger) 45%, transparent)}}.danger-zone{border-radius:12px;flex-direction:column;gap:12px;margin-top:4px;padding:16px 18px;display:flex}.danger-zone p{color:var(--text-soft);font-size:13px}.danger-zone label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.danger-zone input{border:1px solid var(--line-strong);background:var(--canvas-soft);color:inherit;font-family:var(--font-mono,monospace);border-radius:9px;max-width:200px;padding:9px 12px}.danger-actions{flex-wrap:wrap;gap:9px;display:flex}.danger-zone p[role=alert]{color:var(--danger);font-size:12.5px}.topbar-avatar{border:1px solid var(--line-strong);background:var(--sprout-soft);width:34px;height:34px;color:var(--sprout);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:750;text-decoration:none;display:grid}.topbar-avatar:hover{background:var(--surface-hover)}.topbar-avatar:focus-visible{outline:2px solid var(--sprout);outline-offset:2px}.upgrade-card,.publish-card,.profile-card,.gift-option,.gift-thanks,.example-dream,.example-roadmap,.example-lesson,.example-cta,.admin-card,.admin-stat{padding:22px}.upgrade-card .card-kicker,.publish-card .card-kicker,.profile-card .card-heading-row .card-kicker,.gift-thanks .card-kicker,.example-page .card-kicker,.admin-card .card-heading-row .card-kicker{margin-bottom:7px}.profile-card .card-heading-row,.admin-card .card-heading-row{margin-bottom:6px}.upgrade-card,.publish-card,.profile-card,.gift-thanks{gap:14px}@media (min-width:960px){.rr-editor textarea,.rr-editor .line-numbers{font-size:14px}.rr-sheet{border-radius:20px 0 0;width:min(720px,60vw);height:100%;left:auto;right:0}.split-work{flex-direction:row}.split-editor{border-bottom:0;border-right:1px solid var(--line);flex:1}.split-side{flex:1}}.flow-header{border-bottom:1px solid var(--line);background:var(--canvas-soft);align-items:center;gap:12px;padding:10px 14px;display:flex}.flow-header .lesson-back{flex:none}.flow-header-title{flex:1;min-width:0}.flow-header-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.flow-header-title small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.flow-save{color:var(--text-muted);flex:none;font-size:11px}.flow-dots{flex:none;gap:6px;display:inline-flex}.flow-dots i{border:1.5px solid var(--line-strong);border-radius:50%;width:9px;height:9px}.flow-dots i.done{background:var(--sprout);border-color:var(--sprout)}.flow-help{flex-wrap:wrap;gap:7px;display:flex}.flow-sheet-backdrop{z-index:60;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.flow-sheet{background:var(--surface-strong);border:1px solid var(--line-strong);border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;width:min(680px,100%);max-height:78dvh;display:flex;overflow:hidden}.flow-sheet-head{flex:none;align-items:center;gap:10px;padding:18px 18px 10px;display:flex;position:relative}.flow-sheet-head .grab{background:var(--line-strong);border-radius:2px;width:38px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.flow-sheet-head strong{align-items:center;gap:8px;font-size:15px;display:inline-flex}.flow-sheet-head strong svg{width:16px;color:var(--sprout)}.flow-sheet-head>button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:9px;place-items:center;margin-left:auto;display:grid}.flow-sheet-head>button svg{width:16px}.flow-sheet-body{padding:6px 18px 22px;overflow-y:auto}.flow-sheet-body p{color:var(--text-soft);margin:0 0 12px;font-size:14px}.flow-lead{color:var(--text);font-size:14.5px}.flow-task-full{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:14px;padding:15px 16px}.flow-task-full strong{margin-bottom:4px;display:block}.flow-task-full p{margin:0}.flow-sheet.is-mentor{height:78dvh}.flow-sheet.is-mentor .mentor-messages{flex:1}.rr-flow{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.rr-ribbon{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.rr-task{min-width:0;font-size:13px;font-weight:650}.rr-editor{flex:1;min-height:0}.rr-editor textarea{height:100%}.rr-runbar{z-index:5;align-items:center;gap:9px;display:flex;position:absolute;bottom:18px;right:16px}.rr-run{box-shadow:var(--glow,0 0 24px #7fc69b40)}.rr-sheet{z-index:40;background:var(--surface-strong);border-top:1px solid var(--line-strong);border-radius:20px 20px 0 0;flex-direction:column;height:min(74dvh,640px);display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -20px 60px #00000073}.rr-sheet-head{color:inherit;cursor:pointer;text-align:left;background:0 0;flex:none;align-items:center;gap:10px;width:100%;padding:16px 16px 8px;display:flex;position:relative}.rr-sheet-head .grab{background:var(--line-strong);border-radius:2px;width:38px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.rr-sheet-head strong{font-size:14.5px}.rr-hide{color:var(--text-muted);margin-left:auto;font-size:12px}.rr-browser{flex:1;min-height:0;margin:4px 14px 0}.rr-browser iframe{height:100%}.rr-stamps{flex-direction:column;flex:none;gap:7px;max-height:30%;padding:12px 16px 4px;display:flex;overflow-y:auto}.rr-stamp{align-items:flex-start;gap:10px;font-size:13px;display:flex}.rr-stamp span{border:1.5px solid var(--line-strong);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.rr-stamp span svg{width:12px}.rr-stamp.is-passed span{border-color:var(--sprout);background:var(--sprout-soft);color:var(--sprout)}.rr-stamp.is-passed strong{color:var(--sprout)}.rr-stamp small{color:var(--text-muted);font-size:12px;display:block}.rr-sheet-foot{padding:10px 16px calc(14px + env(safe-area-inset-bottom));flex:none;justify-content:center;display:flex}.rr-count{color:var(--text-muted);align-self:center;font-size:12.5px}@media (min-width:960px){.rr-editor textarea,.rr-editor .line-numbers{font-size:14px}.rr-sheet{border-radius:20px 0 0;width:min(720px,60vw);height:100%;left:auto;right:0}}.steps-flow{flex-direction:column;height:100dvh;display:flex}.steps-segbar{flex:none;gap:5px;padding:12px 16px 0;display:flex}.steps-segbar i{background:var(--surface-strong);border-radius:2px;flex:1;height:4px}.steps-segbar i.on{background:var(--sprout)}.steps-stage{flex:1;min-height:0;padding:18px 16px;overflow-y:auto}.steps-read{flex-direction:column;gap:12px;max-width:620px;margin:0 auto;display:flex}.kicker-line{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);align-items:center;gap:7px;font-size:10.5px;font-weight:750;display:inline-flex}.kicker-line svg{width:13px}.steps-read h1{margin:0;font-size:24px}.steps-read p{color:var(--text-soft);margin:0;font-size:14.5px}.steps-do{flex-direction:column;gap:12px;max-width:720px;height:100%;margin:0 auto;display:flex}.steps-task{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:none;padding:14px 16px}.steps-task strong{margin-bottom:3px;font-size:13.5px;display:block}.steps-task small{color:var(--text-muted);font-size:12.5px}.steps-toggle{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:none;align-self:center;padding:3px;display:flex}.steps-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 18px;font-size:12.5px;font-weight:700}.steps-toggle button.on{background:var(--sprout);color:#08120d}.steps-editor{border:1px solid var(--line);border-radius:12px;flex:1;min-height:180px;overflow:hidden}.steps-editor textarea{height:100%}.steps-preview{flex:1;min-height:180px}.steps-preview iframe{height:100%}.steps-foot{padding:11px 14px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--canvas-soft);flex:none;align-items:center;gap:9px;display:flex}.steps-note{color:var(--text-muted);text-align:right;flex:1;font-size:12px}.split-flow{flex-direction:column;height:100dvh;display:flex}.split-strip{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;flex:none;align-items:center;display:flex}.split-strip-head{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;flex:1;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:650;display:flex}.split-strip-head .arrow{width:14px;color:var(--text-muted);margin-left:auto;transition:transform .16s}.split-strip.is-open .split-strip-head .arrow{transform:rotate(180deg)}.split-strip-actions{flex:none;gap:6px;padding-right:10px;display:flex}.split-strip-body{flex-basis:100%;padding:0 14px 13px}.split-strip-body p{color:var(--text-soft);margin:0 0 9px;font-size:13px}.split-why{color:var(--text-muted)}.split-work{flex-direction:column;flex:1;min-height:0;display:flex}.split-editor{border-bottom:1px solid var(--line);flex:1.1;min-height:0}.split-editor textarea{height:100%}.split-side{flex-direction:column;flex:1;min-height:0;display:flex}.split-checksbar{border-bottom:1px solid var(--line);background:var(--surface);flex:none;align-items:center;gap:12px;padding:8px 14px;display:flex;overflow-x:auto}.split-chip{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.split-chip svg{width:13px}.split-chip.done{color:var(--sprout)}.split-live{letter-spacing:.12em;color:var(--sprout);flex:none;margin-left:auto;font-size:10px;font-weight:750}.split-preview{border:0;border-radius:0;flex:1;min-height:0}.split-preview iframe{height:100%}.split-nudge{z-index:30;margin:0;position:fixed;bottom:14px;left:12px;right:12px}@media (min-width:960px){.split-work{flex-direction:row}.split-editor{border-bottom:0;border-right:1px solid var(--line);flex:1}.split-side{flex:1}}.paste-note{color:var(--text-muted);background:var(--surface);border-top:1px solid var(--line);padding:8px 16px;font-size:12.5px}@media (max-width:768px){.editor-area textarea,.mentor-input input,.auth-field input,.profile-field input,.redeem-form input,.walkthrough-paste,.dream-field textarea{font-size:16px}}.py-console{width:100%;height:100%;min-height:180px;font-family:var(--font-mono), ui-monospace, monospace;background:#0b1210;align-content:start;gap:4px;padding:16px 18px;font-size:13.5px;line-height:1.6;display:grid;overflow:auto}.py-console pre{font:inherit;white-space:pre-wrap;word-break:break-word;margin:0}.py-console-out{color:#cfe8d6}.py-console-err{color:#ff9d8f}.py-console-note{color:#7f948a;margin:0;font-size:13px}.deck-shell{flex-direction:column;flex:1;width:100%;max-width:470px;margin:0 auto;display:flex}.deck-rail{justify-content:center;gap:6px;padding:2px 0 14px;display:flex}.deck-rail i{background:var(--line-strong);border-radius:50%;width:6px;height:6px}.deck-rail i.on{background:var(--sprout)}.deck-stack{flex:1;min-height:min(58dvh,560px);position:relative}.deck-card{z-index:2;border:1px solid var(--line-strong);border-radius:calc(var(--radius-card) + 6px);background:radial-gradient(340px 200px at 90% -10%, var(--sprout-soft), transparent 60%), var(--surface-strong);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:26px 24px 24px;transition:transform .28s,opacity .28s;display:flex;position:absolute;inset:0;overflow-y:auto}.deck-card.gone{z-index:3;opacity:0;pointer-events:none;transform:translate(-115%)rotate(-7deg)}.deck-card.under{z-index:1;opacity:.4;pointer-events:none;transform:translateY(12px)scale(.96)}.deck-card.under>*{visibility:hidden}.deck-card.deep{z-index:0;opacity:0;pointer-events:none;transform:translateY(12px)scale(.94)}.deck-card h2{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-wrap:balance;margin:0;font-size:27px;line-height:1.1}.deck-card h2:focus{outline:none}.deck-sub{color:var(--text-soft);margin:0;font-size:14px;line-height:1.55}.deck-glyph{background:var(--sprout-soft);width:44px;height:44px;color:var(--sprout);border-radius:13px;place-items:center;display:grid}.deck-glyph svg{width:21px}.deck-glyph--done{background:var(--sprout);color:var(--canvas)}.deck-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sprout);border:1px solid var(--line-strong);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:10px}.deck-picks{flex-direction:column;gap:9px;display:flex}.deck-picks--bottom{margin-top:auto}.deck-pick{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:15px;transition:border-color .15s,background .15s;display:flex}.deck-pick:hover{border-color:var(--sprout);background:var(--surface-hover)}.deck-pick.is-selected{border-color:var(--sprout);background:var(--sprout-soft)}.deck-pick small{color:var(--text-muted);margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.deck-pick--quiet{color:var(--text-soft);background:0 0}.deck-arrow{color:var(--sprout);font-family:var(--font-mono);flex:none}.deck-flip{flex-direction:column;gap:10px;display:flex}.deck-flip--end{margin-top:auto}.deck-flip input,.deck-flip textarea{border:1px solid var(--line-strong);background:var(--canvas-soft);width:100%;color:var(--text);resize:none;border-radius:14px;padding:13px 15px;font-family:inherit;font-size:16px}.deck-flip input:focus-visible,.deck-flip textarea:focus-visible{outline:2px solid var(--sprout);outline-offset:1px}.deck-nudge{color:var(--text-muted);margin:0;font-size:12.5px}.deck-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:5px;padding:2px 0;font-size:12.5px;display:inline-flex}.deck-skip svg{width:13px}.deck-skip:hover{color:var(--text-soft)}.deck-summary{flex-wrap:wrap;gap:7px;display:flex}.deck-summary span{font-family:var(--font-mono);color:var(--text-soft);border:1px solid var(--line-strong);border-radius:999px;padding:4px 11px;font-size:11px}.deck-foot{justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.deck-note{color:var(--text-muted);font-size:12px}@media (prefers-reduced-motion:reduce){.deck-card{transition:none}}.how-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.how-rows{flex-direction:column;gap:20px;display:flex}.how-row{gap:14px;display:flex}.how-dot{background:var(--sprout-soft);width:36px;height:36px;color:var(--sprout);font-family:var(--font-mono);border-radius:11px;flex:none;place-items:center;font-size:13px;display:grid}.how-row strong{font-family:var(--font-display);font-weight:var(--display-weight);font-size:16.5px;display:block}.how-row p{color:var(--text-muted);margin:4px 0 0;font-size:14px;line-height:1.55}.how-stage{min-height:330px;position:relative}.how-window{border:1px solid var(--line-strong);background:var(--canvas-soft);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.how-window-bar{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;padding:8px 12px;font-size:10px;display:flex}.how-window-bar span:first-child{gap:5px;display:flex}.how-window-bar i{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.how-editor{position:absolute;inset:0 0 auto}.how-code{font-family:var(--font-mono);color:var(--text-soft);flex-direction:column;padding:12px 14px 40px;font-size:12px;line-height:1.8;display:flex}.how-code b{color:var(--sprout);font-weight:400}.how-code em{color:var(--amber);font-style:normal}.how-type{opacity:0;animation:9s linear infinite how-line}.how-type.l2{animation-delay:.7s}.how-type.l3{animation-delay:1.4s}.how-caret{vertical-align:-1px;background:var(--sprout);width:7px;height:12px;margin-left:2px;animation:.9s step-end infinite how-caret;display:inline-block}.how-runbtn{background:var(--sprout);color:var(--canvas);opacity:0;border-radius:10px;padding:7px 16px;font-size:12px;font-weight:700;animation:9s linear infinite how-run;position:absolute;bottom:12px;right:14px}.how-reveal{animation:9s infinite how-reveal;position:absolute;inset:auto 0 0;transform:translateY(115%)}.how-page{background:linear-gradient(170deg,#f6f3ec,#efe9dc);gap:8px;padding:16px 16px 18px;display:grid}.how-page .ttl{background:#23301f;border-radius:6px;width:70%;height:13px}.how-page .ln{opacity:.35;background:#23301f;border-radius:4px;width:88%;height:7px}.how-page .ln.s{width:52%}.how-page .btn{background:#2e5d46;border-radius:7px;width:88px;height:20px;margin-top:4px}.how-stamps{flex-wrap:wrap;gap:8px;padding:10px 2px 0;display:flex}.how-stamp{border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--sprout);opacity:0;border-radius:999px;padding:5px 11px;font-size:11.5px;animation:9s linear infinite how-stamp}.how-stamp:nth-child(2){animation-delay:.35s}.how-live{z-index:1;background:var(--sprout);color:var(--canvas);opacity:0;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:700;animation:9s linear infinite how-live;position:absolute;top:-15px;right:10px}@keyframes how-caret{50%{opacity:0}}@keyframes how-line{0%,4%{opacity:0}12%,to{opacity:1}}@keyframes how-run{0%,28%{opacity:0}34%,46%{opacity:1}52%,to{opacity:.35}}@keyframes how-reveal{0%,46%{transform:translateY(115%)}56%,92%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes how-stamp{0%,58%{opacity:0;transform:scale(.8)}66%,to{opacity:1;transform:scale(1)}}@keyframes how-live{0%,74%{opacity:0;transform:translateY(4px)}82%,to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.how-type,.how-runbtn,.how-stamp,.how-live{opacity:1;animation:none}.how-reveal{animation:none;transform:translateY(0)}.how-caret{animation:none}}@media (max-width:760px){.how-grid{grid-template-columns:1fr;gap:34px}.how-stage{min-height:340px}}.rr-task{flex:100%}.rr-task span{font-size:13px;font-weight:650}.rr-task p{color:var(--text-soft);max-height:4.7em;margin:3px 0 0;font-size:12.5px;font-weight:400;line-height:1.5;overflow-y:auto}.classic-taskline{border-bottom:1px solid var(--line);background:var(--surface);padding:10px 14px;display:none}.classic-taskline strong{font-size:13px;font-weight:650}.classic-taskline p{color:var(--text-soft);max-height:4.7em;margin:3px 0 0;font-size:12.5px;line-height:1.5;overflow-y:auto}@media (max-width:920px){.classic-taskline{display:block}.code-panel{grid-template-rows:42px auto minmax(0,1fr) 49px}}.split-task-body{color:var(--text-soft);max-height:4.7em;margin:0;padding:0 14px 10px;font-size:12.5px;line-height:1.5;overflow-y:auto}.preview-frame{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative}.preview-frame iframe{border:0;flex:1;width:100%;min-height:0}.autopsy-strip{background:var(--surface-strong);border:1px solid var(--line-strong);border-left:3px solid var(--amber);box-shadow:var(--shadow);pointer-events:none;border-radius:11px;gap:5px;padding:11px 30px 11px 13px;display:grid;position:absolute;inset:auto 10px 10px}.autopsy-dismiss{color:var(--text-muted);cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:2px 6px;font-size:12px;position:absolute;top:6px;right:8px}.autopsy-dismiss:hover{color:var(--text)}.autopsy-card{color:var(--text);margin:0;font-size:12.5px;line-height:1.5}.autopsy-strip code{font-family:var(--font-mono);color:var(--text-muted);word-break:break-word;font-size:10.5px}.py-console .autopsy-card{color:#e8d9b8;background:#e0a45817;border-left:3px solid #e0a458;border-radius:7px;padding:7px 11px;font-size:12.5px}.flow-help-locked{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-size:11px}.lesson-success-cta{background:var(--sprout);color:var(--canvas);cursor:pointer;border:0;border-radius:11px;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.pref-subhead{margin-top:20px}.pref-subhead strong{font-family:var(--font-display);font-size:15px;display:block}.pref-subhead small{color:var(--text-muted);font-size:12.5px;line-height:1.5}.predict-page{flex-direction:column;min-height:100dvh;display:flex}.predict-eye{background:var(--sprout-soft);width:34px;height:34px;color:var(--sprout);border-radius:10px;place-items:center;display:grid}.predict-eye svg{width:17px}.predict-main{flex-direction:column;flex:1;gap:16px;width:100%;max-width:640px;margin:0 auto;padding:14px 18px 40px;display:flex}.predict-lead{color:var(--text-soft);margin:0;font-size:14.5px;line-height:1.55}.predict-code{border:1px solid var(--line-strong);background:var(--canvas-soft);border-radius:14px;overflow:hidden}.predict-code-bar{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;padding:8px 12px;font-size:10px;display:flex}.predict-code-bar span:first-child{gap:5px;display:flex}.predict-code-bar i{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.predict-code pre{font-family:var(--font-mono);color:var(--text-soft);margin:0;padding:14px 16px;font-size:12.5px;line-height:1.7;overflow-x:auto}.predict-questions{flex-direction:column;gap:18px;display:flex}.predict-question strong{font-family:var(--font-display);margin-bottom:8px;font-size:15.5px;display:block}.predict-options{flex-direction:column;gap:7px;display:flex}.predict-option{border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:14px;display:flex}.predict-option:hover:not(:disabled){border-color:var(--sprout)}.predict-option.is-picked,.predict-option.is-right{border-color:var(--sprout);background:var(--sprout-soft)}.predict-option.is-right svg{width:15px;color:var(--sprout)}.predict-option.is-wrong{border-color:var(--danger);opacity:.75}.predict-option:disabled{cursor:default}.predict-because{border-left:3px solid var(--amber);background:var(--surface-strong);color:var(--text-soft);border-radius:8px;margin:8px 0 0;padding:8px 12px;font-size:13px;line-height:1.55}.predict-runbar{border:1px solid var(--line-strong);background:var(--surface-strong);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.predict-runbar span{color:var(--text-muted);font-size:13px}.predict-frame{border:1px solid var(--line-strong);border-radius:12px;overflow:hidden}.predict-frame iframe{background:#f5f3ec;border:0;width:100%;height:260px;display:block}.predict-console{color:#cfe8d6;font-family:var(--font-mono);white-space:pre-wrap;background:#0b1210;border-radius:12px;margin:0;padding:14px 16px;font-size:13px;line-height:1.6}.predict-result{flex-direction:column;gap:8px;display:flex}.predict-verdict{border:1px solid var(--line-strong);background:var(--surface-strong);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.predict-verdict strong{font-family:var(--font-display);font-size:15px}.askback-foot{border-top:1px solid var(--line);justify-content:flex-end;padding:12px 16px;display:flex}.dev-banner{background:var(--amber);color:#241b09;text-align:center;margin:0;padding:7px 14px;font-size:12.5px;font-weight:650}.whats-new{border:1px solid var(--line-strong);border-radius:calc(var(--radius-card) + 4px);background:radial-gradient(320px 200px at 100% 0, var(--sprout-soft), transparent 60%), var(--surface-strong);width:min(460px,92vw);max-height:84dvh;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:12px;padding:26px 24px 24px;display:flex;position:relative;overflow-y:auto}.whats-new-close{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:4px;position:absolute;top:12px;right:12px}.whats-new-close svg{width:17px}.whats-new-close:hover{color:var(--text)}.whats-new-icon{background:var(--sprout-soft);width:42px;height:42px;color:var(--sprout);border-radius:13px;place-items:center;display:grid}.whats-new-icon svg{width:20px}.whats-new h2{font-family:var(--font-display);font-weight:var(--display-weight);margin:0;font-size:24px;line-height:1.12}.whats-new-body{flex-direction:column;gap:14px;width:100%;display:flex}.whats-new-version{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:10.5px;display:block}.whats-new ul{flex-direction:column;gap:7px;margin:0;padding-left:18px;display:flex}.whats-new li{color:var(--text-soft);font-size:14px;line-height:1.55}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}