*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font), system-ui, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--mono), monospace;font-feature-settings:normal;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--chart-1:oklch(32% 0 none);--chart-2:oklch(41% 0 none);--chart-3:oklch(54% 0 none);--chart-4:oklch(71% 0 none);--chart-5:oklch(89% 0 none);--chart-background:oklch(100% 0 0);--chart-foreground:oklch(14.5% .004 285);--chart-foreground-muted:oklch(55% .014 260);--chart-line-primary:var(--chart-1);--chart-line-secondary:var(--chart-2);--chart-crosshair:oklch(40% .1828 274.34);--chart-grid:oklch(90% 0 0);--chart-brush-border:var(--chart-grid);--chart-tooltip-background:oklch(21% .006 285/.8);--chart-tooltip-foreground:oklch(98.5% 0 0);--chart-tooltip-muted:oklch(65% .01 260);--chart-marker-background:oklch(97% .005 260);--chart-marker-border:oklch(85% .01 260);--chart-marker-foreground:oklch(30% .01 260);--chart-label:oklch(45% .01 260);--chart-scale-01:oklch(98% .003 106);--chart-scale-02:oklch(92% .008 106);--chart-scale-03:oklch(82% .015 106);--chart-scale-04:oklch(68% .02 106);--chart-scale-05:oklch(55% .025 106);--chart-scale-pattern-color:oklch(96% .005 106)}.dark{--chart-1:oklch(100% 0 none);--chart-2:oklch(73% 0 none);--chart-3:oklch(51% 0 none);--chart-4:oklch(39% 0 none);--chart-5:oklch(32% 0 none);--chart-background:oklch(14.5% 0 0);--chart-foreground:oklch(45% 0 0);--chart-foreground-muted:oklch(65% .01 260);--chart-crosshair:oklch(45% 0 0);--chart-grid:oklch(25% 0 0);--chart-brush-border:var(--chart-grid);--chart-marker-background:oklch(25% .01 260);--chart-marker-border:oklch(40% .01 260);--chart-marker-foreground:oklch(90% 0 0);--chart-label:oklch(75% .01 260);--chart-scale-01:oklch(28% .03 270);--chart-scale-02:oklch(38% .04 270);--chart-scale-03:oklch(48% .05 270);--chart-scale-04:oklch(58% .06 270);--chart-scale-05:oklch(68% .07 270);--chart-scale-pattern-color:oklch(14.5% 0 0)}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.top-full{top:100%}.z-40{z-index:40}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.m-0{margin:0}.m-5{margin:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-\[17px\]{height:17px}.h-\[3px\]{height:3px}.h-\[72px\]{height:72px}.h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-0{min-height:0}.min-h-\[132px\]{min-height:132px}.min-h-\[142px\]{min-height:142px}.min-h-\[230px\]{min-height:230px}.min-h-\[24px\]{min-height:24px}.min-h-\[42px\]{min-height:42px}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[17px\]{width:17px}.w-\[72px\]{width:72px}.w-full{width:100%}.w-sidebar{width:var(--sidebar-w)}.min-w-0{min-width:0}.min-w-\[130px\]{min-width:130px}.min-w-\[140px\]{min-width:140px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[1500px\]{max-width:1500px}.max-w-\[420px\]{max-width:420px}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[16px\]{border-radius:16px}.rounded-\[7px\]{border-radius:7px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:calc(var(--radius) * 1.5)}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-danger{border-color:var(--danger)}.border-success{border-color:var(--success)}.border-transparent{border-color:#0000}.border-warning{border-color:var(--warning)}.border-white\/30{border-color:#ffffff4d}.border-t-muted{border-top-color:var(--text-muted)}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-accent{background-color:var(--accent)}.bg-bg{background-color:var(--bg)}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-border{background-color:var(--border)}.bg-surface{background-color:var(--surface)}.bg-transparent{background-color:#0000}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pr-3{padding-right:.75rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:var(--mono), monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.text-\[34px\]{font-size:34px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-accent{color:var(--accent)}.text-accent-h{color:var(--accent-hover)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--text)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-70{opacity:.7}.shadow-\[0_24px_64px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 24px 64px #00000073;--tw-shadow-colored:0 24px 64px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(79\,142\,247\,0\.32\)\]{--tw-shadow:0 2px 8px #4f8ef752;--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.invert{--tw-invert:invert(100%);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)}.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)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\!transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060810;--surface:#0d1021;--border:#1a1d35;--accent:#4f8ef7;--accent-hover:#6aa3ff;--secondary:#818cf8;--text:#e2e8f0;--text-heading:#e2e8f0;--text-muted:#475569;--success:#98c379;--danger:#e06c75;--warning:#818cf8;--font:"Ubuntu Mono", "Cascadia Code", "Fira Code", monospace;--mono:"Ubuntu Mono", "Cascadia Code", "Fira Code", monospace;--radius:8px;--sidebar-w:200px}[data-theme=light]{--bg:#f6f8ff;--surface:#fff;--border:#d8e0f0;--accent:#2563eb;--accent-hover:#1d4ed8;--secondary:#6366f1;--text:#1e293b;--text-heading:#0f172a;--text-muted:#64748b;--success:#16803d;--danger:#dc2626;--warning:#b7791f}body{background:radial-gradient(circle at 72% 8%, #4f8ef71f, transparent 32%), radial-gradient(circle at 16% 18%, #818cf814, transparent 28%), var(--bg);color:var(--text);font-family:var(--font);background-attachment:fixed;min-height:100vh;font-size:14px}[data-theme=light] body{background:radial-gradient(circle at 72% 8%, #2563eb1f, transparent 32%), radial-gradient(circle at 16% 18%, #6366f11a, transparent 28%), var(--bg)}button{cursor:pointer;font-family:var(--font)}h1,h2,h3,h4,h5,h6,.text-primary{color:var(--text-heading)}.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;padding:20px 12px;display:flex}.sidebar h1{color:var(--accent);letter-spacing:.5px;margin-bottom:16px;font-size:18px;font-weight:700}.sidebar button{color:var(--text-muted);text-align:left;border-radius:var(--radius);background:0 0;border:none;padding:10px 12px;font-size:13px;transition:background .15s,color .15s}.sidebar button:hover{background:var(--border);color:var(--text)}.sidebar button.active{background:var(--accent);color:#fff;font-weight:600}.sidebar .logout{color:var(--danger);margin-top:auto}.sidebar .logout:hover{color:var(--danger);background:#f38ba81a}.theme-toggle{color:var(--text-muted);text-align:left;margin-top:8px;padding:8px 12px;font-size:12px}.theme-toggle:hover{background:var(--border);color:var(--text)}.content{flex:1;padding:28px 32px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;padding:20px 16px;display:flex}.stat-card .stat-value{color:var(--accent);font-size:28px;font-weight:700;line-height:1.1}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:11px}.dash-bottom{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dash-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.dash-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:14px;font-size:11px;font-weight:600}.dash-empty{color:var(--text-muted);padding:8px 0;font-size:13px}.history-table{border-collapse:collapse;width:100%;font-size:13px}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.history-table tr:last-child td{border-bottom:none}.history-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:0 0;font-size:11px;font-weight:600}.history-table tr:hover td{background:#4f8ef70f}.lang-chip{font-size:11px;font-weight:600;font-family:var(--mono);border-radius:4px;padding:2px 8px;display:inline-block}.td-muted{color:var(--text-muted)}.dashboard-sankey{--chart-1:var(--accent);--chart-2:var(--secondary);--chart-3:#34d399;--chart-4:#f59e0b;--chart-5:#f472b6;--chart-background:var(--surface);--chart-foreground:var(--text);--chart-foreground-muted:var(--text-muted);--chart-line-primary:var(--accent);--chart-line-secondary:var(--secondary);--chart-tooltip-background:color-mix(in srgb, var(--surface) 88%, black 18%);--chart-tooltip-foreground:var(--text);--chart-tooltip-muted:var(--text-muted)}.dashboard-sankey svg{overflow:visible}.dashboard-sankey text{fill:var(--text);font-family:var(--mono);letter-spacing:.01em}.module-progress-list{flex-direction:column;gap:12px;display:flex}.module-progress-header{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.module-progress-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:80%;font-size:12px;overflow:hidden}.module-progress-count{color:var(--text-muted);flex-shrink:0;font-size:11px}.module-progress-track{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.module-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .5s}.converter-page h2{margin-bottom:20px}.converter-lang-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:18px;padding:12px 16px;display:flex}.converter-theme-selector{color:var(--text-muted);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.converter-theme-selector select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;outline:none;padding:5px 8px;font-size:13px}.converter-theme-selector select:focus{border-color:var(--accent)}.file-editor select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;outline:none;padding:7px 10px;font-size:13px}.file-editor select:focus{border-color:var(--accent)}.editor-panels{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.panel textarea,.file-editor textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--mono);resize:vertical;outline:none;padding:12px;font-size:13px;transition:border-color .15s}.panel textarea:focus,.file-editor textarea:focus{border-color:var(--accent)}.panel .monaco-wrapper,.file-editor .monaco-wrapper{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.theme-selector{align-items:center;gap:8px;margin-left:auto;display:flex}.theme-selector label{color:var(--text-muted);white-space:nowrap;font-size:12px}.engine-badge{border-radius:var(--radius);letter-spacing:.3px;margin-bottom:12px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-ai{border:1px solid var(--accent);color:var(--accent-hover);background:#4f8ef724}.badge-rules{border:1px solid var(--warning);color:var(--warning);background:#f9e2af1a}.file-manager{grid-template-columns:260px 1fr;gap:20px;height:calc(100vh - 56px);display:grid}.file-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow-y:auto}.file-list h3{margin-bottom:12px}.file-list>button{background:var(--accent);color:#fff;border-radius:var(--radius);border:none;width:100%;margin-bottom:12px;padding:8px;font-size:13px;font-weight:600}.file-item{cursor:pointer;min-height:24px;color:var(--text);border-radius:4px;align-items:center;gap:6px;padding:3px 8px;transition:background .1s;display:flex}.file-item:hover{background:var(--border)}.file-item.active{background:#4f8ef724}.file-icon{flex-shrink:0;font-size:10px;line-height:1}.file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;font-size:13px;overflow:hidden}.file-delete{color:var(--text-muted,#888);opacity:0;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1;transition:opacity .1s,color .1s}.file-item:hover .file-delete{opacity:1}.file-delete:hover{color:var(--danger)}.lang-badge{background:var(--border);color:var(--accent);text-transform:uppercase;border-radius:99px;flex-shrink:0;padding:2px 6px;font-size:10px}.file-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.file-editor h3{margin-bottom:4px}.file-editor input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.file-editor input:focus{border-color:var(--accent)}.file-editor .btn-save{background:var(--accent);color:#fff;border-radius:var(--radius);border:none;align-self:flex-start;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s}.file-editor .btn-save:hover{background:var(--accent-hover)}.learning-page{flex-direction:column;gap:20px;display:flex}.learn-visualizer-cta{border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);background:radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 32%), linear-gradient(135deg, color-mix(in srgb, var(--surface) 96%, white 1%), var(--surface));border-radius:20px;justify-content:space-between;align-items:center;gap:22px;padding:24px 26px;display:flex;box-shadow:0 22px 60px #0003}.learn-visualizer-kicker{color:var(--secondary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:inline-block}.learn-visualizer-cta h2{letter-spacing:-.035em;margin:0 0 7px;font-size:clamp(22px,3vw,34px)}.learn-visualizer-cta p{max-width:660px;color:var(--text-muted);margin:0;line-height:1.65}.learn-visualizer-cta button,.learn-visualizer-inline{color:#fff;background:linear-gradient(135deg, var(--accent), var(--secondary));box-shadow:0 14px 30px color-mix(in srgb, var(--accent) 28%, transparent);border:none;border-radius:12px;font-weight:800;transition:transform .16s,box-shadow .16s}.learn-visualizer-cta button{flex:none;padding:12px 18px}.learn-visualizer-cta button:hover,.learn-visualizer-inline:hover{box-shadow:0 18px 38px color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-2px)}.learn-visualizer-inline{align-self:flex-start;margin-top:14px;padding:10px 14px;font-size:13px}@media (width<=760px){.learn-visualizer-cta{flex-direction:column;align-items:stretch}.learn-visualizer-cta button{width:100%}}.module-list h2{margin-bottom:16px}.learn-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.learn-filter-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.learn-filter-pill:hover{border-color:var(--accent);color:var(--text)}.learn-filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.module-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:14px;transition:border-color .15s}.module-card:hover{border-color:var(--accent)}.module-card.active{border-color:var(--accent);background:#4f8ef717}.module-card h4{margin-bottom:4px;font-size:14px}.module-card p{color:var(--text-muted);font-size:12px}.module-meta{gap:8px;margin-top:6px;display:flex}.badge{background:var(--border);color:var(--text-muted);text-transform:capitalize;border-radius:99px;padding:2px 6px;font-size:10px}.badge.beginner{color:var(--success)}.badge.intermediate{color:var(--warning)}.badge.advanced{color:var(--danger)}.lesson-viewer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.lesson-viewer h2{margin-bottom:20px}.lesson-nav{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.lesson-nav button{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:6px 12px;font-size:12px;transition:all .15s}.lesson-nav button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.lesson-nav button.completed{border-color:var(--success);color:var(--success)}.lesson-content h3{margin-bottom:12px}.lesson-content p{color:var(--text);margin-bottom:16px;line-height:1.6}.example-code{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);white-space:pre;margin-bottom:16px;padding:14px;font-size:13px;overflow-x:auto}.btn-complete{background:var(--success);color:#1e1e2e;border-radius:var(--radius);border:none;padding:9px 20px;font-size:13px;font-weight:700;transition:opacity .15s}.btn-complete:hover{opacity:.85}.btn-complete:disabled{opacity:.5;cursor:default}.lesson-viewer-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.back-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);background:0 0;padding:6px 12px;font-size:12px}.back-btn:hover{color:var(--text);border-color:var(--text-muted)}.module-title-sm{flex:1;font-size:14px;font-weight:600}.progress-bar-track{background:var(--border);border-radius:2px;height:4px;margin-bottom:20px;overflow:hidden}.lesson-layout{grid-template-columns:220px 1fr;gap:20px;min-height:500px;display:grid}.lesson-sidebar{border-right:1px solid var(--border);padding-right:12px}.lesson-nav-item{border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:2px;padding:8px 10px;transition:background .1s;display:flex}.lesson-nav-item:hover{background:var(--border)}.lesson-nav-item.active{background:#4f8ef71f}.lesson-nav-item.done .lesson-num{color:var(--success)}.lesson-num{color:var(--text-muted);text-align:center;flex-shrink:0;width:16px;margin-top:2px;font-size:11px;font-weight:700}.lesson-nav-title{color:var(--text);font-size:12px;line-height:1.4}.content-body p{color:var(--text-muted);margin-bottom:14px;line-height:1.7}.lesson-list{color:var(--text-muted);margin-bottom:16px;padding-left:22px;line-height:1.9}.compare-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:13px}.compare-table th{background:var(--border);color:var(--accent);text-align:left;padding:8px 12px;font-weight:600}.compare-table td{border:1px solid var(--border);color:var(--text-muted);vertical-align:top;padding:7px 12px}.compare-table tr:nth-child(2n) td{background:#3a3a554d}.code-tabs{margin-bottom:20px}.code-tab-bar{border-bottom:1px solid var(--border);display:flex}.code-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 16px;font-size:12px;font-weight:600;transition:color .1s,border-color .1s}.code-tab-btn:hover,.code-tab-btn.active{color:var(--text)}.code-tabs .example-code{border-top-left-radius:0;border-top-right-radius:0;margin-bottom:0}.lesson-actions{align-items:center;gap:12px;margin-top:20px;display:flex}.btn-next{background:var(--border);color:var(--text);border-radius:var(--radius);border:none;padding:9px 20px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.btn-next:hover{background:var(--accent);color:#fff}.all-done{color:var(--success);margin:0;font-size:13px}.code-copy-btn{color:var(--text-muted);cursor:pointer;letter-spacing:.3px;background:0 0;border:none;margin-left:auto;padding:6px 12px;font-size:11px;font-weight:600;transition:color .15s}.code-copy-btn:hover{color:var(--text)}.code-copy-btn.copied{color:var(--success)}.module-progress-pill{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;background:#4f8ef71f;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.lesson-nav-label{flex-direction:column;gap:2px;display:flex}.lesson-completion-date{color:var(--success);opacity:.8;font-size:10px;line-height:1}.try-it-sandbox{border:1px solid var(--border);border-radius:var(--radius);background:#00000026;flex-direction:column;gap:10px;margin-top:4px;margin-bottom:20px;padding:14px;display:flex}.sandbox-header{justify-content:space-between;align-items:center;display:flex}.sandbox-title{color:var(--accent);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.btn-reset{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);background:0 0;padding:4px 10px;font-size:12px;transition:color .15s,border-color .15s}.btn-reset:hover{color:var(--text);border-color:var(--text-muted)}.sandbox-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sandbox-convert-bar{border:1px solid var(--border);background:#0003;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.sandbox-lang-group{flex-direction:column;flex:1;gap:6px;min-width:120px;display:flex}.sandbox-lang-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:10px;font-weight:700}.sandbox-lang-pills{flex-wrap:wrap;gap:6px;display:flex}.sandbox-lang-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:flex}.sandbox-lang-pill:hover:not(.disabled):not(.active){border-color:var(--accent);color:var(--text)}.sandbox-lang-pill.active{background:color-mix(in srgb, var(--pill-color,var(--accent)) 15%, transparent);border-color:var(--pill-color,var(--accent));color:var(--text);font-weight:600}.sandbox-lang-pill.disabled{opacity:.35;cursor:not-allowed}.sandbox-lang-dot{background:var(--pill-color,var(--accent));border-radius:50%;flex-shrink:0;width:7px;height:7px}.sandbox-convert-center{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.sandbox-convert-arrow{color:var(--text-muted);align-items:center;display:flex}.btn-convert{background:var(--accent);color:#fff;border-radius:var(--radius);letter-spacing:.2px;cursor:pointer;white-space:nowrap;border:none;padding:7px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .1s}.btn-convert:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-convert:active:not(:disabled){transform:translateY(0)}.btn-convert:disabled{opacity:.5;cursor:not-allowed}.sandbox-error{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);background:#f38ba814;margin:0;padding:6px 10px;font-size:12px}.sandbox-output-section{flex-direction:column;gap:6px;display:flex}.sandbox-output-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.try-it-sandbox .monaco-wrapper{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.progress-tracker{margin-top:12px}.progress-bar-wrap{background:var(--border);border-radius:99px;height:8px;margin-bottom:6px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .4s}.progress-label{color:var(--text-muted);font-size:12px}.error{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);background:#f38ba81f;margin-bottom:12px;padding:10px 14px;font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes floatOrb{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-28px)scale(1.06)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.landing{background:var(--bg);min-height:100vh;color:var(--text);position:relative;overflow:hidden auto}.land-bg-grid{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#4f8ef714 1px,#0000 1px);background-size:30px 30px;position:fixed;inset:0}.land-orb{filter:blur(110px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.land-orb-1{background:radial-gradient(circle,#4f8ef72e 0%,#0000 70%);width:560px;height:560px;animation:9s ease-in-out infinite floatOrb;top:-160px;left:-120px}.land-orb-2{background:radial-gradient(circle,#818cf824 0%,#0000 70%);width:480px;height:480px;animation:12s ease-in-out infinite reverse floatOrb;bottom:-80px;right:-80px}.landing>:not(.land-bg-grid):not(.land-orb){z-index:1;position:relative}.land-nav{z-index:100;-webkit-backdrop-filter:blur(14px);background:#0e0f0fd6;border-bottom:1px solid #2a2a2bdb;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.land-nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.land-nav-name{color:var(--text);letter-spacing:-.2px;font-size:16px;font-weight:700}.land-nav-links{align-items:center;gap:28px;display:flex}.land-nav-link{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .18s}.land-nav-link:hover{color:var(--text)}.land-nav-actions{align-items:center;gap:10px;display:flex}.land-btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .18s,box-shadow .18s,transform .12s;display:inline-flex}.land-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px #4f8ef761}.land-btn-primary:active{transform:translateY(0)}.land-btn-ghost{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;font-weight:500;transition:border-color .18s,color .18s}.land-btn-ghost:hover{border-color:var(--accent);color:var(--text)}.land-btn-outline{color:var(--accent);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #4f8ef773;padding:8px 16px;font-size:13px;font-weight:600;transition:background .18s,border-color .18s}.land-btn-outline:hover{border-color:var(--accent);background:#4f8ef717}.land-btn-lg{padding:12px 26px;font-size:14px}.land-hero{align-items:center;gap:60px;max-width:1260px;min-height:100vh;margin:0 auto;padding:120px 80px 80px;display:flex}.land-hero-text{flex:1;min-width:0}.land-hero-demo{flex:1;min-width:320px;max-width:580px}.land-fade-up{opacity:0;animation:.75s cubic-bezier(.22,1,.36,1) forwards fadeUp}.land-delay-1{animation-delay:.18s}.land-delay-2{animation-delay:.34s}.land-hero-badge{color:var(--accent);letter-spacing:.2px;background:#4f8ef71c;border:1px solid #4f8ef752;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-flex}.land-badge-pulse{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulseDot}.land-hero-h1{letter-spacing:-1.5px;color:var(--text);margin-bottom:20px;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1.1}.land-h1-accent{background:linear-gradient(90deg, var(--accent) 0%, var(--secondary) 52%, #e2e8f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.land-hero-sub{color:var(--text-muted);max-width:520px;margin-bottom:32px;font-size:16px;line-height:1.7}.land-hero-btns{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;display:flex}.land-tech-stack{flex-wrap:wrap;gap:8px;display:flex}.land-tech-chip{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:500;font-family:var(--mono);letter-spacing:.2px;border-radius:5px;padding:3px 10px}.land-demo{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:opacity .4s,transform .4s;overflow:hidden;box-shadow:0 32px 80px #00000080,0 0 0 1px #4f8ef71f,inset 0 1px #ffffff0a}.land-demo-hidden{opacity:0;transform:scale(.98)}.land-demo-bar{border-bottom:1px solid var(--border);background:#0003;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.land-demo-dots-bar{align-items:center;gap:6px;display:flex}.demo-traffic-dot{opacity:.85;border-radius:50%;width:11px;height:11px;display:block}.land-demo-title{color:var(--text-muted);font-size:12px;font-family:var(--mono);letter-spacing:.3px}.land-demo-body{grid-template-columns:1fr 44px 1fr;gap:0;display:grid}.land-demo-panel{min-height:170px;padding:12px 14px;overflow:hidden}.land-demo-panel:first-child{border-right:1px solid var(--border)}.land-demo-panel:last-child{border-left:1px solid var(--border)}.land-demo-panel-hdr{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.land-demo-lang-chip{font-size:10px;font-weight:700;font-family:var(--mono);letter-spacing:.4px;text-transform:uppercase;border:1px solid;border-radius:4px;padding:2px 8px}.land-demo-panel-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.land-demo-code{font-family:var(--mono);color:var(--text);white-space:pre;margin:0;font-size:11.5px;line-height:1.65;overflow:hidden}.land-animated-code{min-height:116px;max-height:144px;overflow:auto}.land-animated-code pre,.land-animated-code code{font-family:var(--mono)!important;font-size:inherit!important;line-height:inherit!important;background:0 0!important;margin:0!important}.land-animated-code pre{padding:0!important;overflow:visible!important}.land-animated-code [style*=color]{text-shadow:0 0 18px color-mix(in srgb, var(--accent) 8%, transparent)}.land-animated-code[data-writing=true]:not([data-done=true]):after{content:"▋";color:var(--accent);margin-left:2px;animation:.9s ease-in-out infinite blinkCursor;display:inline-block}.land-demo-placeholder{color:var(--text-muted);font-size:11px;font-style:italic}.land-cursor-blink{color:var(--accent);animation:.9s ease-in-out infinite blinkCursor;display:inline}.land-demo-mid{background:#0000001f;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.land-converting-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.land-demo-spinner{border:2px solid #4f8ef73d;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin;display:block}.land-converting-label{color:var(--accent);font-size:9px;font-family:var(--mono);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.land-arrow-wrap{justify-content:center;align-items:center;display:flex}.land-demo-nav-dots{border-top:1px solid var(--border);background:#0000001a;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.land-nav-dot{background:var(--border);border-radius:50%;width:6px;height:6px;transition:background .3s,width .3s}.land-nav-dot.active{background:var(--accent);border-radius:3px;width:18px}.land-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#2a2a3e80;justify-content:center;align-items:center;gap:0;display:flex}.land-stat-item{border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:4px;padding:24px 16px;display:flex}.land-stat-item:last-child{border-right:none}.land-stat-val{color:var(--accent);letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1}.land-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:500}.land-section-hdr{text-align:center;margin-bottom:48px}.land-section-h2{color:var(--text);letter-spacing:-.5px;margin-bottom:10px;font-size:clamp(22px,3vw,34px);font-weight:700}.land-section-p{color:var(--text-muted);font-size:15px}.land-features-section{max-width:1260px;margin:0 auto;padding:80px}.land-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.land-feat-card{background:var(--surface);border:1px solid var(--border);opacity:0;border-radius:14px;padding:28px;transition:opacity .5s,transform .5s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;transform:translateY(22px)}.land-features-section.animate-in .land-feat-card{opacity:1;transform:translateY(0)}.land-feat-card:hover{border-color:#4f8ef759;transform:translateY(-3px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #4f8ef71f}.land-feat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex}.land-feat-title{color:var(--text);letter-spacing:-.2px;margin-bottom:10px;font-size:17px;font-weight:700}.land-feat-desc{color:var(--text-muted);font-size:14px;line-height:1.65}.land-modules-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#2a2a3e59;padding:80px}.land-modules-section .land-section-hdr{max-width:1100px;margin:0 auto 48px}.land-modules-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:860px;margin:0 auto;display:grid}.land-module-row{background:var(--surface);border:1px solid var(--border);opacity:0;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:opacity .4s,transform .4s,border-color .2s;display:flex;transform:translateY(14px)}.land-modules-section.animate-in .land-module-row{opacity:1;transform:translateY(0)}.land-module-row:hover{border-color:#4f8ef74d}.land-mod-num{font-size:11px;font-weight:700;font-family:var(--mono);color:var(--text-muted);letter-spacing:.3px;flex-shrink:0}.land-mod-name{color:var(--text);flex:1;font-size:14px;font-weight:600}.land-mod-tag{text-transform:uppercase;letter-spacing:.4px;border:1px solid;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.land-cta-section{justify-content:center;align-items:center;padding:100px 40px;display:flex}.land-cta-box{text-align:center;background:var(--surface);border:1px solid #4f8ef740;border-radius:20px;flex-direction:column;align-items:center;gap:18px;max-width:540px;padding:56px 48px;display:flex;box-shadow:0 40px 100px #0006,0 0 0 1px #4f8ef714,inset 0 1px #ffffff0a}.land-cta-h2{color:var(--text);letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1.2}.land-cta-p{color:var(--text-muted);font-size:15px;line-height:1.65}.land-footer{border-top:1px solid var(--border);text-align:center;background:#00000026;flex-direction:column;align-items:center;gap:10px;padding:32px 80px;display:flex}.land-footer-brand{align-items:center;gap:8px;display:flex}.land-footer-name{color:var(--text);font-size:15px;font-weight:700}.land-footer-line{color:var(--text-muted);max-width:480px;font-size:13px}.land-footer-copy{color:#555570;font-size:12px}@media (width<=1024px){.land-hero{text-align:center;flex-direction:column;gap:40px;min-height:auto;padding:100px 40px 60px}.land-hero-text{flex-direction:column;align-items:center;display:flex}.land-hero-sub{text-align:center}.land-hero-btns,.land-tech-stack{justify-content:center}.land-hero-demo{width:100%;max-width:560px}.land-features-section,.land-modules-section,.land-footer{padding:60px 40px}.land-features-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.land-nav{padding:0 20px}.land-nav-links{display:none}.land-hero{padding:90px 20px 48px}.land-features-section,.land-modules-section{padding:48px 20px}.land-features-grid{grid-template-columns:1fr}.land-modules-grid{grid-template-columns:1fr 1fr;gap:8px}.land-stats{flex-wrap:wrap}.land-stat-item{border-right:none;border-bottom:1px solid var(--border);flex:50%}.land-stat-item:last-child{border-bottom:none}.land-demo-body{grid-template-columns:1fr}.land-demo-mid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px}.land-demo-panel:first-child{border-right:none}.land-demo-panel:last-child{border-left:none}.land-cta-box{padding:40px 24px}.land-footer{padding:28px 20px}}.file-manager-grid{grid-template-columns:260px 1fr;display:grid}@media (width<=768px){body{background-attachment:scroll}.module-grid,.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{border-right:none;border-bottom:1px solid var(--border);padding-bottom:12px;padding-right:0}.file-manager-grid{grid-template-columns:1fr;height:auto}}.panel-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.panel-header h4{margin:0}.panel-header-actions{align-items:center;gap:8px;display:flex}.btn-run{color:#a6e3a1;cursor:pointer;background:#1a6b3a;border:1px solid #2a9d5c;border-radius:6px;padding:4px 12px;font-size:12px;transition:background .15s}.btn-run:hover:not(:disabled){background:#22874a}.btn-run:disabled{opacity:.45;cursor:not-allowed}.run-output{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:16px;font-family:Ubuntu Mono,Cascadia Code,Consolas,monospace;font-size:13px;overflow:hidden}.run-output-sm{margin-top:10px;font-size:12px}.run-output-header{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:6px 14px;font-size:12px;display:flex}.run-output-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.run-output-close:hover{color:#f85149}.run-stdout{color:#a6e3a1;white-space:pre-wrap;word-break:break-all;margin:0;padding:10px 16px}.run-stderr{color:#f85149;white-space:pre-wrap;word-break:break-all;margin:0;padding:10px 16px}.run-empty{color:#6e7681}.run-stdin-echo{color:var(--secondary);white-space:pre-wrap;word-break:break-all;opacity:.8;margin:0;padding:8px 16px 0}.run-divider{border:none;border-top:1px solid var(--border);margin:8px 0 0}.run-exit-code{color:var(--text-muted);padding:4px 16px 8px;font-size:11px;display:block}.run-exit-ok{color:#3fb950}.run-exit-err{color:#f85149}.run-stdin-wrap{flex-direction:column;gap:6px;margin-top:12px;display:flex}.run-stdin-label{color:var(--text-muted);font-family:Ubuntu Mono,Cascadia Code,Consolas,monospace;font-size:12px}.run-stdin{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:10px 16px;font-family:Ubuntu Mono,Cascadia Code,Consolas,monospace;font-size:13px;transition:border-color .15s}.run-stdin::placeholder{color:#484f58}.run-stdin:focus{border-color:var(--accent)}.btn-diff{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .15s}.btn-diff:hover,.btn-diff.active{background:var(--accent);color:#fff;border-color:var(--accent)}.diff-view{border:1px solid var(--border);background:var(--bg);border-radius:6px;font-family:Ubuntu Mono,Cascadia Code,Consolas,monospace;font-size:13px}.diff-line{align-items:baseline;padding:1px 0;line-height:1.5;display:flex}.diff-line-add{background:#2ea04326}.diff-line-remove{background:#f8514926}.diff-line-same{background:0 0}.diff-sign{text-align:center;color:#6e7681;-webkit-user-select:none;user-select:none;flex-shrink:0;width:20px;font-weight:700}.diff-line-add .diff-sign{color:#3fb950}.diff-line-remove .diff-sign{color:#f85149}.diff-text{white-space:pre;color:#e6edf3;flex:1;margin:0;overflow-x:auto}.diff-line-add .diff-text{color:#a8f0b9}.diff-line-remove .diff-text{color:#ffb3ae}.btn-share{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:12px;transition:opacity .15s}.btn-share:hover:not(:disabled){opacity:.85}.btn-share:disabled{opacity:.5;cursor:not-allowed}.share-toast{color:#a6e3a1;white-space:nowrap;font-size:12px}.share-page{background:var(--bg);min-height:100vh;color:var(--text)}.share-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.share-nav-brand{color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.share-back{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;transition:border-color .15s}.share-back:hover{border-color:var(--accent);color:var(--text)}.share-content{max-width:1200px;margin:0 auto;padding:24px 28px}.share-meta{align-items:center;gap:10px;margin-bottom:16px;display:flex}.share-badge{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:20px;padding:4px 12px;font-size:13px}.share-error,.share-loading{text-align:center;color:var(--text-muted);padding:60px 20px}.share-error{color:#f85149}.file-editor-actions{gap:8px;margin-top:10px;display:flex}.btn-download{color:#89b4fa;cursor:pointer;background:#1a3a5c;border:1px solid #2a5a8c;border-radius:6px;padding:6px 16px;font-size:13px;transition:background .15s}.btn-download:hover:not(:disabled){background:#1e4a7a}.btn-download:disabled{opacity:.4;cursor:not-allowed}.quiz-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:24px;padding:20px 24px}.quiz-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.quiz-title{color:var(--text);font-size:15px;font-weight:700}.quiz-badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.quiz-passed{color:#a6e3a1;background:#a6e3a126;border:1px solid #a6e3a14d}.quiz-failed{color:#f38ba8;background:#f38ba826;border:1px solid #f38ba84d}.quiz-question{margin-bottom:18px}.quiz-q-text{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:500}.quiz-options{flex-direction:column;gap:6px;display:flex}.quiz-option{border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.quiz-option:hover{border-color:var(--accent);background:#4f8ef717}.quiz-option input[type=radio]{accent-color:var(--accent)}.quiz-option.quiz-selected{border-color:var(--accent);background:#4f8ef71f}.quiz-option.quiz-correct{color:#a6e3a1;background:#a6e3a11f;border-color:#a6e3a1}.quiz-option.quiz-wrong{color:#f38ba8;background:#f38ba81f;border-color:#f38ba8}.quiz-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;margin-top:8px;padding:9px 22px;font-size:13px;font-weight:600;transition:opacity .15s}.quiz-submit:hover:not(:disabled){opacity:.85}.quiz-submit:disabled{opacity:.4;cursor:not-allowed}.quiz-result{align-items:center;gap:12px;margin-top:8px;display:flex}.quiz-score{font-size:15px;font-weight:700}.quiz-retry{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:5px 14px;font-size:13px}.quiz-retry:hover{border-color:var(--accent);color:var(--text)}.quiz-error{color:#f38ba8;margin-top:8px;font-size:13px}.profile-page{background:var(--bg);min-height:100vh;color:var(--text)}.profile-page-inner{height:100%;overflow-y:auto}.profile-content{max-width:720px;margin:0 auto;padding:32px 24px}.profile-hero{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--accent), var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:800;display:flex}.profile-info{flex:1}.profile-username{margin:0 0 4px;font-size:22px;font-weight:700}.profile-joined{color:var(--text-muted);margin:0 0 10px;font-size:13px}.profile-share-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:5px 14px;font-size:12px;transition:border-color .15s}.profile-share-btn:hover{border-color:var(--accent);color:var(--text)}.profile-avatar-img{-o-object-fit:cover;object-fit:cover;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:64px;height:64px}.profile-display-name{color:var(--text);margin:0 0 2px;font-size:15px;font-weight:600}.profile-bio{color:var(--text-muted);margin:0 0 10px;font-size:13px;line-height:1.5}.profile-hero-actions{align-items:center;gap:8px;display:flex}.profile-edit-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:5px 14px;font-size:12px;transition:background .15s,color .15s}.profile-edit-btn:hover{background:var(--accent);color:#fff}.profile-edit-form{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;margin-top:18px;padding:18px;display:flex}.profile-edit-form h4{color:var(--text);margin:0;font-size:14px;font-weight:600}.profile-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-form-field{flex-direction:column;gap:4px;display:flex}.profile-form-field label{color:var(--text-muted);font-size:12px}.profile-form-field input,.profile-form-field textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);resize:vertical;outline:none;padding:7px 10px;font-size:13px;transition:border-color .15s}.profile-form-field input:focus,.profile-form-field textarea:focus{border-color:var(--accent)}.profile-avatar-preview{-o-object-fit:cover;object-fit:cover;border:2px solid var(--border);border-radius:50%;width:48px;height:48px}.profile-file-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-file-input{color:var(--text-muted);font-size:13px}.profile-file-input::file-selector-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;margin-right:10px;padding:7px 10px;transition:border-color .15s,color .15s,background .15s}.profile-file-input::file-selector-button:hover{border-color:var(--accent);color:var(--accent)}.profile-form-actions{justify-content:flex-end;gap:8px;display:flex}.profile-form-save{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:7px 18px;font-size:13px;font-weight:600;transition:background .15s}.profile-form-save:hover:not(:disabled){background:var(--accent-hover)}.profile-form-save:disabled{opacity:.6;cursor:not-allowed}.profile-form-cancel{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;padding:7px 14px;font-size:13px;transition:border-color .15s}.profile-form-cancel:hover{border-color:var(--text-muted);color:var(--text)}.profile-save-error{color:var(--danger);font-size:12px}.profile-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.profile-stat-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px}.profile-stat-value{color:var(--accent);margin-bottom:6px;font-size:26px;font-weight:800;line-height:1;display:block}.profile-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.profile-langs{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.profile-langs h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:13px}.profile-lang-chips{flex-wrap:wrap;gap:8px;display:flex}.profile-lang-chip{text-transform:capitalize;border:1px solid;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600}@media (width<=600px){.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-hero{text-align:center;flex-direction:column}}.lesson-tab-bar{border-bottom:2px solid var(--border);gap:0;margin-bottom:20px;display:flex}.lesson-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 20px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.lesson-tab:hover{color:var(--text)}.lesson-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.quiz-page-view{padding-top:4px}.quiz-page-view .quiz-panel{background:0 0;border:none;padding:0}.quiz-empty{color:var(--text-muted);justify-content:center;align-items:center;padding:48px 0;font-size:14px;display:flex}.playground-page{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.playground-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:0 28px;display:flex}.playground-brand{align-items:center;gap:10px;display:flex}.playground-title{color:var(--text);letter-spacing:-.2px;font-size:17px;font-weight:700}.playground-badge{color:var(--accent);background:var(--accent-muted,#4f8ef721);border:1px solid var(--accent-border,#4f8ef74d);vertical-align:middle;letter-spacing:.3px;text-transform:uppercase;border-radius:4px;margin-left:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.playground-header-actions{align-items:center;gap:10px;display:flex}.playground-desc{color:var(--text-muted);margin-right:6px;font-size:13px}.playground-body{box-sizing:border-box;flex-direction:column;flex:1;gap:14px;width:100%;max-width:1100px;margin:0 auto;padding:20px 28px 28px;display:flex}.playground-toolbar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.playground-run-btn{padding:7px 22px;font-size:14px;font-weight:600}.playground-editor-wrap{border:1px solid var(--border);border-radius:8px;overflow:hidden}@media (width<=600px){.playground-header{flex-wrap:wrap;gap:10px;height:auto;padding:10px 16px}.playground-desc{display:none}.playground-body{padding:14px 14px 20px}}.run-compare-panel{margin-top:16px}.run-compare-badge{border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.run-compare-badge.match{color:var(--success);border:1px solid var(--success);background:#a6e3a126}.run-compare-badge.differ{color:var(--warning);border:1px solid var(--warning);background:#f9e2af26}.run-compare-columns{gap:12px;display:flex}.run-output-half{flex:1;min-width:0;margin-top:0}.conversion-workflow{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:linear-gradient(100deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 42%), var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:14px 16px;display:flex;position:relative}.conversion-workflow-copy{gap:3px;min-width:190px;display:grid}.conversion-workflow-copy strong{color:var(--text);font-size:13px}.conversion-workflow-copy span{color:var(--text-muted);font-size:11px;line-height:1.4}.conversion-workflow-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.conversion-action{border:1px solid var(--border);color:var(--text);background:color-mix(in srgb, var(--bg) 78%, transparent);border-radius:8px;padding:7px 11px;font-size:11px;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.conversion-action:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));transform:translateY(-1px)}.conversion-action.primary{border-color:var(--accent);color:#fff;background:var(--accent)}.conversion-action:disabled{cursor:default;opacity:.5}.conversion-workflow-toast{z-index:2;color:var(--success);font-size:11px;position:absolute;bottom:-25px;right:16px}.verification-error,.verification-result{border-radius:12px;margin:14px 0 0}.verification-error{border:1px solid var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent);padding:11px 14px;font-size:12px}.verification-result{border:1px solid var(--warning);background:color-mix(in srgb, var(--warning) 8%, var(--surface));justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.verification-result.match{border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface))}.verification-result>div:first-child{gap:4px;display:grid}.verification-result>div:first-child span{color:var(--text-muted);font:800 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.verification-result strong{color:var(--text);font-size:13px}.verification-checks{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.verification-checks span{border:1px solid var(--border);font:700 10px/1 var(--mono);border-radius:999px;padding:5px 8px}.verification-checks .pass{color:var(--success);border-color:color-mix(in srgb, var(--success) 42%, var(--border))}.verification-checks .fail{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 42%, var(--border))}@media (width<=900px){.conversion-workflow,.verification-result{flex-direction:column;align-items:flex-start}.conversion-workflow-actions,.verification-checks{justify-content:flex-start}.conversion-workflow-toast{position:static}}.btn-explain{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:5px 11px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.btn-explain:hover,.btn-explain.active{color:var(--accent);border-color:var(--accent);background:#4f8ef724}.explain-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;overflow:hidden}.explain-header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.explain-loading{color:var(--text-muted);padding:14px 16px;font-size:13px;font-style:italic}.explain-content{color:var(--text);white-space:pre-wrap;padding:14px 16px;font-size:14px;line-height:1.7}.btn-save-playground{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.btn-save-playground:hover{background:var(--border);color:var(--text)}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:360px;max-width:calc(100vw - 32px);padding:28px 28px 24px;box-shadow:0 20px 60px #0006}.modal-title{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:700}.modal-desc{color:var(--text-muted);margin-bottom:16px;font-size:13px;line-height:1.5}.modal-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-size:14px;font-family:var(--mono);outline:none;margin-bottom:16px;padding:9px 12px;transition:border-color .15s}.modal-input:focus{border-color:var(--accent)}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-btn-cancel{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);background:0 0;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}.modal-btn-cancel:hover{background:var(--border)}.modal-btn-confirm{background:var(--accent);color:#fff;border-radius:var(--radius);border:none;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s,opacity .15s}.modal-btn-confirm:hover:not(:disabled){background:var(--accent-hover)}.modal-btn-confirm:disabled{opacity:.5;cursor:default}.quiz-option-explanation{color:var(--text-muted);margin-top:-4px;padding:4px 12px 6px 28px;font-size:12px;font-style:italic;line-height:1.5}.inline-code{font-family:var(--mono);background:var(--border);color:var(--accent);border-radius:4px;padding:1px 5px;font-size:.88em}.lesson-heading{color:var(--text);border-bottom:1px solid var(--border);margin:18px 0 8px;padding-bottom:4px;font-size:15px;font-weight:700}.reference-page{max-width:900px}.reference-header{margin-bottom:28px}.reference-header h2{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:700}.reference-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:14px;line-height:1.5}.reference-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:460px;color:var(--text);outline:none;padding:9px 14px;font-size:14px;transition:border-color .15s}.reference-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f8ef724}.reference-search::placeholder{color:var(--text-muted)}.reference-grid{flex-direction:column;gap:20px;display:flex}.reference-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.reference-card-header{border-bottom:1px solid var(--border);padding:16px 18px 12px}.reference-card-title{color:var(--text);margin-bottom:3px;font-size:15px;font-weight:700}.reference-card-desc{color:var(--text-muted);font-size:13px;line-height:1.4}.ref-tab-bar{background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;padding:0 12px;display:flex}.ref-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:8px 10px 6px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.ref-tab-btn:hover{color:var(--text)}.ref-tab-btn.active{color:var(--text);font-weight:600}.ref-lang-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.reference-code{font-family:var(--mono);color:var(--text);background:var(--surface);white-space:pre;margin:0;padding:14px 18px;font-size:13px;line-height:1.6;overflow-x:auto}.land-browser-mock{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #00000059,0 0 0 1px #ffffff0a}.land-browser-bar{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.land-mock-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:2px;width:140px;padding:12px 8px;display:flex;overflow:hidden}.land-mock-nav-item{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:5px 8px;font-size:11px;overflow:hidden}.land-mock-nav-item.active{background:var(--accent);color:#fff;font-weight:600}.land-mock-code-panel{border:1px solid var(--border);background:#1e2533;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.land-mock-panel-hdr{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;background:#ffffff0a;padding:5px 10px;font-size:10px;font-weight:600}.land-mock-code{font-family:var(--mono);color:var(--text);white-space:pre;flex:1;margin:0;padding:10px;font-size:10.5px;line-height:1.65;overflow:hidden}.land-mock-pill{border:1px solid;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}@keyframes cubeTurn{0%{transform:rotateX(-18deg)rotateY(0)}50%{transform:rotateX(16deg)rotateY(180deg)}to{transform:rotateX(-18deg)rotateY(360deg)}}@keyframes orbitTurn{to{transform:rotate(360deg)}}@keyframes chipDrift{0%,to{transform:translate(0,0)}50%{transform:translate3d(0,-10px,18px)}}@keyframes statusPulse{0%{box-shadow:0 0 #34d39999}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.land-v2{--hero-purple:#4f8ef7;--hero-blue:#818cf8;background:radial-gradient(circle at 72% 10%, #4f8ef729, transparent 32%), radial-gradient(circle at 15% 25%, #818cf81a, transparent 30%), var(--bg)}.landing>.land-v2-nav{background:color-mix(in srgb, var(--bg) 78%, transparent);border:1px solid #4f8ef729;border-radius:999px;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center;width:min(1160px,100% - 32px);margin:14px auto 0;display:grid;position:sticky;box-shadow:0 12px 40px #0000001f}.land-nav-brand-v2{justify-self:start}.land-nav-center{border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);background:color-mix(in srgb, var(--surface) 54%, transparent);border-radius:999px;justify-self:center;padding:8px 14px}.land-nav-actions-v2{justify-self:end}.land-scramble-text{min-width:calc(var(--scramble-chars) * .66em);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-align:center;white-space:pre;display:inline-block}.land-nav-playground,.land-nav-signin,.land-nav-primary{transition:transform .22s,border-color .22s,color .22s,background .22s,box-shadow .22s;position:relative;overflow:hidden}.land-nav-playground:after{content:"";background:linear-gradient(90deg, var(--accent), var(--secondary));transform-origin:0;border-radius:999px;height:2px;transition:transform .22s;position:absolute;bottom:4px;left:10px;right:10px;transform:scaleX(0)}.land-nav-playground:hover{color:var(--accent);transform:translateY(-1px)}.land-nav-playground:hover:after{transform:scaleX(1)}.land-nav-signin:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(-1px);box-shadow:0 10px 24px #4f8ef729}.land-nav-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff57,#0000);width:40%;transition:left .5s;position:absolute;inset:-40% auto -40% -45%;transform:skew(-18deg)}.land-nav-primary:hover:before{left:110%}.land-v2 .land-bg-grid{background-image:linear-gradient(#4f8ef70a 1px,#0000 1px),linear-gradient(90deg,#4f8ef70a 1px,#0000 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(#000 0%,#0000 78%);mask-image:linear-gradient(#000 0%,#0000 78%)}.land-v2 .land-hero{gap:clamp(42px,6vw,88px);max-width:1380px;padding-top:90px}.land-v2 .land-hero-text{z-index:5;position:relative}.land-v2-title{letter-spacing:-.055em;text-wrap:balance;max-width:650px;font-size:clamp(48px,6.2vw,82px);font-weight:850;line-height:.98}.land-title-line{display:block;overflow:hidden}.land-title-word{opacity:0;margin-right:.18em;animation:.72s cubic-bezier(.2,.8,.2,1) forwards landTextRise;display:inline-block;transform:translateY(44px)rotate(2deg)}.land-title-delay-1{animation-delay:.14s}.land-title-delay-2{animation-delay:.28s}.land-title-accent{color:#0000;background:linear-gradient(100deg, var(--accent) 5%, var(--secondary) 55%, #e2e8f0 105%);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;animation:.72s cubic-bezier(.2,.8,.2,1) forwards landTextRise,7s linear infinite shimmer}@keyframes landTextRise{to{opacity:1;transform:translateY(0)rotate(0)}}.land-verb-rail{flex-wrap:wrap;gap:8px;margin:-8px 0 20px;display:flex}.land-verb-rail span{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);min-height:30px;color:var(--text);background:color-mix(in srgb, var(--surface) 62%, transparent);font:900 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:0;border-radius:999px;align-items:center;padding:7px 11px;animation:.5s forwards landRailIn;display:inline-flex;position:relative;transform:translateY(10px)}.land-verb-rail span:first-child{animation-delay:.52s}.land-verb-rail span:nth-child(2){animation-delay:.64s}.land-verb-rail span:nth-child(3){animation-delay:.76s}.land-verb-rail span:nth-child(4){animation-delay:.88s}@keyframes landRailIn{to{opacity:1;transform:translateY(0)}}.land-flip-line{min-height:40px;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;font-size:clamp(15px,1.5vw,18px);font-weight:700;display:flex}.land-flip-window{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent), color-mix(in srgb, var(--surface) 72%, transparent);border-radius:13px;min-width:190px;height:40px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 16px 36px #0000002e}.land-flip-window:before,.land-flip-window:after{content:"";z-index:2;pointer-events:none;height:12px;position:absolute;left:0;right:0}.land-flip-window:before{background:linear-gradient(to bottom, color-mix(in srgb, var(--surface) 86%, transparent), transparent);top:0}.land-flip-window:after{background:linear-gradient(to top, color-mix(in srgb, var(--surface) 86%, transparent), transparent);bottom:0}.land-flip-stack{animation:7.5s cubic-bezier(.76,0,.24,1) infinite landFlipWords;display:grid}.land-flip-stack strong{height:40px;color:var(--text);font:900 14px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:0 14px;display:flex}@keyframes landFlipWords{0%,14%{transform:translateY(0)}20%,34%{transform:translateY(-40px)}40%,54%{transform:translateY(-80px)}60%,74%{transform:translateY(-120px)}80%,to{transform:translateY(-160px)}}.land-v2-sub{max-width:590px;font-size:clamp(15px,1.5vw,18px);line-height:1.75}.land-v2 .land-hero-badge{color:var(--secondary);background:linear-gradient(90deg,#4f8ef724,#818cf814);border-color:#4f8ef759;box-shadow:inset 0 1px #ffffff14}.land-visual-stage{--tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:35%;perspective:1200px;min-height:500px;transform-style:preserve-3d;isolation:isolate;position:relative}.land-visual-stage:before{content:"";background:radial-gradient(circle at var(--light-x) var(--light-y), #4f8ef73d, #818cf81a 32%, transparent 68%);filter:blur(18px);z-index:-2;border-radius:50%;position:absolute;inset:6% -8% 0}.land-demo-perspective{transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));z-index:3;transition:transform .22s ease-out;position:absolute;top:118px;left:0;right:0}.land-demo-perspective .land-demo{background:color-mix(in srgb, var(--surface) 91%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:#4f8ef740;box-shadow:0 38px 90px #0000007a,0 0 50px #4f8ef71a,inset 0 1px #ffffff14}.land-demo-depth{z-index:-1;background:#4f8ef714;border:1px solid #4f8ef721;border-radius:16px;position:absolute;inset:16px -14px -16px 14px;transform:translateZ(-35px)}.land-cube-wrap{perspective:700px;z-index:7;width:88px;height:88px;position:absolute;top:5px;right:92px;transform:translateZ(80px)}.land-code-cube{width:88px;height:88px;transform-style:preserve-3d;animation:16s linear infinite cubeTurn;position:relative}.land-cube-face{color:#e2e8f0;font:700 14px/1 var(--mono);letter-spacing:.08em;text-shadow:0 0 14px #4f8ef7b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);backface-visibility:visible;background:linear-gradient(145deg,#12264dbd,#060810d6);border:1px solid #4f8ef780;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 22px #4f8ef71f}.land-cube-glow{filter:blur(12px);background:radial-gradient(circle,#4f8ef75c,#0000 66%);border-radius:50%;position:absolute;inset:-28px}.land-orbit{z-index:1;border:1px solid #818cf83d;border-radius:50%;width:205px;height:92px;position:absolute;top:44px;right:4px;transform:rotate(-12deg)}.land-orbit:after{content:"";background:#76e8ce;border-radius:50%;width:7px;height:7px;position:absolute;top:11px;left:17px;box-shadow:0 0 18px #76e8ce}.land-orbit-a{animation:15s linear infinite orbitTurn}.land-orbit-b{width:158px;height:158px;animation:20s linear infinite reverse orbitTurn;top:8px;right:27px;transform:rotate(62deg)}.land-float-chip{z-index:6;background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--text-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:600 10px/1 var(--mono);border:1px solid #4f8ef73d;border-radius:9px;padding:7px 11px;animation:4.5s ease-in-out infinite chipDrift;position:absolute;box-shadow:0 12px 30px #00000038}.land-chip-python{color:#70b7ff;top:76px;left:3%}.land-chip-java{color:#f9b65d;top:76px;left:34%}.land-chip-js{color:#f4df68;top:76px;right:-6%}.land-visual-status{z-index:5;background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--text-muted);font:500 10px/1 var(--mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #34d39933;border-radius:11px;align-items:center;gap:9px;padding:10px 14px;display:flex;position:absolute;bottom:10px;left:20px;right:20px}.land-status-ping{background:#34d399;border-radius:50%;width:7px;height:7px;animation:2s infinite statusPulse}.land-status-latency{color:#6ee7c2;margin-left:auto}.land-v2-stats{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(110deg,#4f8ef717,#818cf80d);border:1px solid #4f8ef729;border-radius:18px;max-width:1080px;margin:0 auto 28px;position:relative}.land-v2 .land-feat-card{transform-style:preserve-3d;background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 95%, white 1%), var(--surface))}.land-v2 .land-feat-card:after{content:"";background:radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.land-v2 .land-feat-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);transform:perspective(900px)rotateX(2deg)translateY(-8px)}.land-v2 .land-feat-card:hover:after{opacity:1}.land-preview-section .land-browser-mock{opacity:0;transform-origin:top;transition:opacity .8s,transform 1s cubic-bezier(.2,.8,.2,1);transform:perspective(1200px)rotateX(7deg)translateY(35px)scale(.97)}.land-preview-section.animate-in .land-browser-mock{opacity:1;transform:perspective(1200px)rotateX(0)translateY(0)scale(1)}.land-v2-cta-card{background:radial-gradient(circle at 50% 0%, #4f8ef733, transparent 52%), color-mix(in srgb, var(--surface) 92%, transparent);opacity:0;border:1px solid #4f8ef747;border-radius:28px;padding:64px 42px;transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;transform:translateY(28px)scale(.97);box-shadow:0 40px 100px #00000047}.land-v2-cta.animate-in .land-v2-cta-card{opacity:1;transform:translateY(0)scale(1)}[data-theme=light] .land-cube-face{color:#4d3ec9;text-shadow:none;background:linear-gradient(145deg,#ffffffe6,#dae1ffdb)}@media (width<=1024px){.land-v2 .land-hero{padding-top:80px}.land-visual-stage{width:min(620px,100%);margin:0 auto}.land-v2-title{max-width:760px}.land-v2-sub{max-width:680px}}@media (width<=640px){.land-v2-title{font-size:clamp(42px,14vw,60px)}.land-visual-stage{min-height:620px}.land-demo-perspective{top:128px}.land-cube-wrap{right:calc(50% - 44px)}.land-orbit{right:calc(50% - 102px)}.land-orbit-b{right:calc(50% - 79px)}.land-chip-python{top:82px;left:0}.land-chip-java{top:82px;left:auto;right:0}.land-chip-js{display:none}.land-visual-status{bottom:0;left:4px;right:4px}.land-status-latency{display:none}.land-v2-stats{margin-inline:16px}.land-v2-cta-card{padding:48px 22px}}@media (prefers-reduced-motion:reduce){.land-code-cube,.land-orbit,.land-float-chip,.land-v2-title span,.land-flip-stack,.land-status-ping{animation:none!important}.land-demo-perspective{transform:none!important}.land-preview-section .land-browser-mock,.land-v2-cta-card,.land-feat-card,.land-module-row{transition-duration:.01ms!important}}.land-v2 .land-hero{min-height:auto;padding-bottom:48px}.land-primary-cta,.land-nav-primary{background:linear-gradient(135deg, var(--accent), #326fdc);box-shadow:0 10px 28px #4f8ef757,inset 0 1px #ffffff2e}.land-primary-cta{border-radius:13px;min-height:48px;padding-inline:28px;position:relative;overflow:hidden}.land-primary-cta:after{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff38 45%,#0000 65%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.land-primary-cta:hover,.land-nav-primary:hover{background:linear-gradient(135deg, var(--accent-hover), #447fed);transform:translateY(-1px);box-shadow:0 14px 34px #4f8ef775}.land-primary-cta:hover:after{transform:translate(120%)}.land-primary-cta>*{z-index:1;position:relative}.land-cta-arrow{width:28px;height:28px;color:var(--accent);background:#ffffffeb;border-radius:9px;place-items:center;margin-right:-10px;transition:transform .22s,background .22s;display:inline-grid}.land-primary-cta:hover .land-cta-arrow{background:#fff;transform:translate(4px)rotate(-8deg)}.land-nav-playground{box-shadow:none}.land-language-list{margin-top:22px}.land-language-pill{color:var(--lang-color);border:1px solid color-mix(in srgb, var(--lang-color) 35%, transparent);background:color-mix(in srgb, var(--lang-color) 9%, transparent);align-items:center;gap:7px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.land-language-pill i{background:var(--lang-color);width:6px;height:6px;box-shadow:0 0 10px color-mix(in srgb, var(--lang-color) 65%, transparent);border-radius:50%}.land-cube-wrap{opacity:.78;width:64px;height:64px;top:46px;right:91px}.land-code-cube{width:64px;height:64px}.land-cube-face{color:var(--face-color);border-color:color-mix(in srgb, var(--face-color) 52%, transparent);text-shadow:0 0 14px color-mix(in srgb, var(--face-color) 72%, transparent);background:linear-gradient(145deg,#1f243ae0,#111727d1);font-size:11px}[data-theme=light] .land-cube-face{color:var(--face-color);border-color:color-mix(in srgb, var(--face-color) 50%, transparent);text-shadow:none;background:linear-gradient(145deg,#fffffff0,#ebeef7e6)}.land-cube-front{transform:rotateY(0)translateZ(32px)}.land-cube-back{transform:rotateY(180deg)translateZ(32px)}.land-cube-right{transform:rotateY(90deg)translateZ(32px)}.land-cube-left{transform:rotateY(-90deg)translateZ(32px)}.land-cube-top{transform:rotateX(90deg)translateZ(32px)}.land-cube-bottom{font-size:8px;transform:rotateX(-90deg)translateZ(32px)}.land-orbit{opacity:.7;width:166px;height:70px;top:43px;right:40px}.land-orbit-b{width:126px;height:126px;top:15px;right:60px}.land-demo-output-code{color:#8be9b0}.land-visual-status{border-color:#34d39947}.land-how-strip{z-index:2;background:#4f8ef721;border:1px solid #4f8ef729;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;width:min(1080px,100% - 32px);margin:8px auto 18px;display:grid;position:relative;overflow:hidden}.land-how-step{background:color-mix(in srgb, var(--surface) 94%, transparent);align-items:flex-start;gap:16px;min-height:118px;padding:26px;display:flex}.land-how-step>span{width:34px;height:34px;color:var(--secondary);font:700 11px/1 var(--mono);background:#4f8ef71f;border-radius:10px;flex:0 0 34px;place-items:center;display:grid}.land-how-step strong{color:var(--text);margin:2px 0 7px;font-size:14px;display:block}.land-how-step p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.55}@media (width<=768px){.land-how-strip{grid-template-columns:1fr}.land-how-step{min-height:auto}}@media (width<=640px){.land-cube-wrap{right:calc(50% - 32px)}.land-orbit{right:calc(50% - 83px)}.land-orbit-b{right:calc(50% - 63px)}}.land-section-block{max-width:1120px;margin:0 auto;padding:72px 32px 26px}.land-section-block>h2{max-width:720px;color:var(--text);text-align:center;letter-spacing:-.035em;margin:8px auto 26px;font-size:clamp(26px,4vw,38px);line-height:1.1}.land-section-kicker{color:var(--secondary);font:900 11px/1 var(--mono);letter-spacing:.16em;text-align:center;text-transform:uppercase;margin-bottom:8px}.land-stack-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.land-stack-tags span{border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);color:var(--text-muted);background:color-mix(in srgb, var(--surface) 72%, transparent);font:800 11px/1 var(--mono);border-radius:999px;padding:6px 9px}.land-marquee{border-block:1px solid var(--border);background:color-mix(in srgb, var(--surface) 64%, transparent);overflow:hidden}.land-marquee-track{white-space:nowrap;gap:32px;width:max-content;padding:13px 0;animation:22s linear infinite landMarquee;display:flex}.land-marquee:hover .land-marquee-track{animation-play-state:paused}.land-marquee-track span{color:var(--text-muted);font:900 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}@keyframes landMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.land-conversion-log{z-index:8;border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 42%), color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;width:min(420px,100% - 26px);margin:-8px auto 0;position:relative;overflow:hidden;box-shadow:0 24px 62px #00000052}.land-conversion-log-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.land-conversion-log-head span,.land-conversion-log-head strong{color:var(--secondary);font:900 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.land-conversion-log-body{gap:9px;padding:12px;display:grid}.land-conversion-step{opacity:.28;grid-template-columns:26px 1fr;align-items:center;gap:10px;transition:opacity .24s,transform .24s;display:grid;transform:translateY(8px)}.land-conversion-step.visible{opacity:1;transform:translateY(0)}.land-conversion-step>span{border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);width:22px;height:22px;color:var(--accent);font:900 10px/1 var(--mono);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:7px;place-items:center;display:grid}.land-conversion-step.done>span{color:#86efac;background:#22c55e1f;border-color:#86efac6b}.land-conversion-step p{color:var(--text);margin:0;font-size:12.5px;line-height:1.42}.land-visualizer-section{grid-template-columns:minmax(0,.88fr) minmax(320px,1.12fr);align-items:center;gap:28px;max-width:1120px;margin:0 auto;padding:72px 32px;display:grid}.land-visualizer-copy h2{color:var(--text);letter-spacing:-.04em;margin:10px 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.05}.land-visualizer-copy .land-section-kicker{text-align:left}.land-visualizer-copy p{max-width:520px;color:var(--text-muted);margin:0 0 22px;line-height:1.7}.land-tutor-preview{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:20px;grid-template-columns:1.1fr .9fr;gap:0;min-height:300px;display:grid;overflow:hidden;box-shadow:0 26px 80px #00000047}.land-tutor-code{border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg) 74%, transparent);font:13px/1.7 var(--mono);padding:18px}.land-tutor-code span{color:var(--text);border-radius:9px;grid-template-columns:22px 32px 1fr;gap:8px;padding:6px 8px;display:grid}.land-tutor-code span:first-child{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.land-tutor-code b{color:var(--accent)}.land-tutor-code em{color:var(--text-muted);font-style:normal}.land-tutor-code code{white-space:pre-wrap}.land-tutor-state{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 68%, transparent);border-radius:14px;align-self:center;margin:20px;overflow:hidden}.land-tutor-state strong{border-bottom:1px solid var(--border);color:var(--secondary);font:900 12px/1 var(--mono);padding:10px 12px;display:block}.land-tutor-state p{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);grid-template-columns:80px 1fr;gap:10px;margin:0;padding:10px 12px;display:grid}.land-tutor-state p:first-of-type{border-top:none}.land-tutor-state span{color:var(--accent);font:900 12px/1 var(--mono)}.land-tutor-state code{color:var(--text);font-family:var(--mono)}.land-module-brief-heading+.text-center{display:none}.land-footer-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:4px;display:flex}.land-footer-links a,.land-footer-links button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px}.land-footer-links a:hover,.land-footer-links button:hover{color:var(--accent)}@media (width<=768px){.landing>.land-v2-nav{border-radius:22px;grid-template-columns:1fr auto;width:min(100% - 20px,1160px)}.land-nav-actions-v2{justify-self:end}.land-visualizer-section,.land-tutor-preview{grid-template-columns:1fr}.land-tutor-code{border-right:none;border-bottom:1px solid var(--border)}}@keyframes vizFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.02)}}@keyframes vizOrbit{to{transform:rotate(360deg)}}@keyframes vizNodeIn{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vizBeam{0%{opacity:0;transform:translate(-20px)scaleX(.4)}45%{opacity:1;transform:translate(0)scaleX(1)}to{opacity:0;transform:translate(24px)scaleX(.7)}}.viz-page{flex-direction:column;gap:18px;min-width:0;max-width:100%;display:flex;overflow-x:clip}.viz-hero{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);background:radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--surface) 96%, white 1%), var(--surface));border-radius:20px;justify-content:space-between;align-items:flex-end;gap:20px;padding:26px;display:flex;box-shadow:0 24px 70px #00000038}.viz-eyebrow{color:var(--secondary);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}.viz-hero h2{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(26px,4vw,42px)}.land-editorial{--editorial-ease:cubic-bezier(.19, 1, .22, 1);--editorial-ink:#060810;--editorial-paper:#e2e8f0;--editorial-muted:#8793a6;color:var(--editorial-paper);background:var(--editorial-ink);position:relative;overflow:clip}.land-editorial>.land-bg-grid,.land-editorial>.land-orb{display:none}.landing.land-editorial>.land-v2-nav{z-index:60;color:#fff;width:100%;min-height:72px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#060810a3,#0000);border:0;border-bottom:1px solid #e2e8f01f;border-radius:0;margin:0;padding:18px clamp(20px,4vw,64px);position:fixed;inset:0 0 auto}.land-editorial .land-nav-brand-v2 span,.land-editorial .land-nav-link,.land-editorial .land-nav-playground,.land-editorial .land-nav-signin{color:#fff;font-weight:400}.land-editorial .land-nav-center{background:0 0;border:0;border-radius:0;gap:clamp(18px,3vw,42px);padding:0}.land-editorial .land-nav-link{letter-spacing:.12em;text-transform:uppercase;transition:opacity .8s var(--editorial-ease), transform .8s var(--editorial-ease);font-size:11px}.land-editorial .land-nav-link:hover{opacity:.58;transform:translateY(-2px)}.land-editorial .land-nav-signin,.land-editorial .land-nav-primary{min-height:38px;box-shadow:none;background:0 0;border:1px solid #ffffff75;border-radius:75px;padding-inline:20px}.land-editorial .land-nav-primary:hover,.land-editorial .land-nav-signin:hover{color:#060810;box-shadow:none;background:#fff;border-color:#fff;transform:none}.land-editorial .land-hero{isolation:isolate;background:#060810;width:100%;max-width:none;min-height:100svh;padding:clamp(112px,15vh,160px) clamp(20px,4vw,64px) 42px;display:block;position:relative;overflow:hidden}.land-liquid-stage{z-index:-2;background:radial-gradient(circle at 50% 45%,#4f8ef72e,#0000 38%),#060810;position:absolute;inset:-14%;overflow:hidden}.land-liquid-stage:after{content:"";background:linear-gradient(#0608103d,#06081014 48%,#060810bd),radial-gradient(circle,#0000 26%,#06081080 92%);position:absolute;inset:0}.land-liquid-blob{filter:blur(58px)saturate(132%);mix-blend-mode:screen;will-change:transform, border-radius;border-radius:42% 58% 63% 37%/52% 35% 65% 48%;display:block;position:absolute}.land-liquid-blob-a{opacity:.72;width:66vw;height:62vw;animation:editorialMeltA 18s var(--editorial-ease) infinite alternate;background:radial-gradient(circle at 62% 64%,#4f8ef7,#163f96 44%,#0000 72%);top:-18vw;left:-12vw}.land-liquid-blob-b{opacity:.62;width:62vw;height:62vw;animation:editorialMeltB 22s var(--editorial-ease) infinite alternate;background:radial-gradient(circle at 38% 46%,#818cf8,#312e81 48%,#0000 72%);top:-3vw;right:-12vw}.land-liquid-blob-c{opacity:.48;width:44vw;height:36vw;animation:editorialMeltC 16s var(--editorial-ease) infinite alternate;background:radial-gradient(circle,#55c8d9,#174c8c 45%,#0000 72%);bottom:-20vw;left:30vw}.land-liquid-grain{opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes editorialMeltA{to{border-radius:62% 38% 45% 55%/34% 62% 38% 66%;transform:translate(16vw,10vh)rotate(20deg)scale(1.08)}}@keyframes editorialMeltB{to{border-radius:36% 64% 54% 46%/68% 41% 59% 32%;transform:translate(-14vw,12vh)rotate(-24deg)scale(1.14)}}@keyframes editorialMeltC{to{border-radius:66% 34% 38% 62%/44% 58% 42% 56%;transform:translate(-6vw,-16vh)rotate(18deg)scale(1.22)}}.land-editorial .land-hero-text{z-index:2;flex-direction:column;justify-content:center;width:min(100%,1380px);min-height:calc(100svh - 196px);margin:0 auto;display:flex;position:relative}.land-editorial .land-hero-badge{color:#ffffffb8;box-shadow:none;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;border-radius:0;align-self:flex-start;margin:0 0 clamp(30px,5vh,60px);padding:0;font-size:11px;font-weight:400}.land-editorial .land-badge-pulse{box-shadow:none;background:#fff}.land-editorial .land-v2-title{color:#fff;letter-spacing:-.075em;max-width:1320px;margin:0;font-size:clamp(72px,13.2vw,196px);font-weight:400;line-height:.76}.land-editorial .land-title-line:last-child{text-align:right;padding-bottom:.1em}.land-editorial .land-title-word{animation-duration:1.25s;animation-timing-function:var(--editorial-ease)}.land-editorial .land-title-accent{color:#fff;-webkit-text-fill-color:currentColor;background:0 0}.land-editorial .land-verb-rail,.land-editorial .land-flip-line,.land-editorial .land-language-list{display:none}.land-editorial .land-v2-sub{color:#ffffffc2;align-self:flex-start;max-width:560px;margin:clamp(34px,6vh,72px) 0 26px;font-size:clamp(16px,1.5vw,19px);font-weight:400;line-height:1.55}.land-editorial .land-hero-text>.flex{gap:12px}.land-editorial .land-primary-cta,.land-editorial .land-hero-text>.flex>button,.land-editorial .land-visualizer-copy button{color:#fff;min-height:48px;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .8s var(--editorial-ease), background .8s var(--editorial-ease), border-color .8s var(--editorial-ease), letter-spacing .8s var(--editorial-ease), transform .8s var(--editorial-ease);background:#0608101f;border:1px solid #ffffff80;border-radius:75px;padding:11px 28px}.land-editorial .land-primary-cta:after,.land-editorial .land-primary-cta .land-cta-arrow{display:none}.land-editorial .land-primary-cta:hover,.land-editorial .land-hero-text>.flex>button:hover,.land-editorial .land-visualizer-copy button:hover{color:#060810;box-shadow:none;letter-spacing:.035em;background:#fff;border-color:#fff;transform:translateY(-2px)}.land-editorial-scroll{z-index:3;color:#ffffffc7;width:78px;height:78px;position:absolute;bottom:26px;right:clamp(18px,3vw,48px)}.land-editorial-scroll svg{width:100%;height:100%;animation:18s linear infinite editorialScrollSpin;overflow:visible}.land-editorial-scroll text{fill:currentColor;font:400 8px/1 var(--mono);letter-spacing:.12em}.land-editorial-scroll>span{place-items:center;font-size:20px;display:grid;position:absolute;inset:0}@keyframes editorialScrollSpin{to{transform:rotate(360deg)}}.land-editorial .land-marquee{background:#060810;border-color:#e2e8f02e}.land-editorial .land-marquee-track{padding:18px 0;animation-duration:34s}.land-editorial .land-marquee-track span{color:#b5bfd0;font-weight:400}.land-editorial .land-v2-stats{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-bottom:1px solid #e2e8f02e;border-radius:0;grid-template-columns:repeat(4,1fr);max-width:1078px;margin:0 auto;padding:58px 0;display:grid}.land-editorial .land-v2-stats>div{border-left:1px solid #e2e8f029;align-items:flex-start;min-height:92px;padding:0 26px}.land-editorial .land-v2-stats>div:first-child{border-left:0}.land-editorial .land-v2-stats .text-2xl{color:#fff;font-size:clamp(38px,5vw,68px);font-weight:300;line-height:.9}.land-editorial .land-v2-stats .text-xs{color:#8793a6;letter-spacing:.08em;text-transform:uppercase;margin-top:12px}.land-editorial .land-section-block,.land-editorial .land-features-section,.land-editorial .land-preview-section,.land-editorial .land-modules-section{width:min(1078px,100% - 48px);max-width:1078px;box-shadow:none;background:0 0;border:0;margin:0 auto;padding:clamp(100px,13vw,152px) 0}.land-editorial .land-section-kicker{color:#8793a6;letter-spacing:.14em;text-align:left;margin-bottom:24px;font-size:11px;font-weight:400}.land-editorial .land-section-block>h2,.land-editorial .land-features-section>.text-center h2,.land-editorial .land-preview-section>.text-center h2,.land-editorial .land-modules-section h2,.land-editorial .land-visualizer-copy h2,.land-editorial .land-v2-cta-card h2{color:#f4f6fb;letter-spacing:-.055em;text-align:left;max-width:920px;margin:0 0 28px;font-size:clamp(48px,7.2vw,84px);font-weight:300;line-height:1.02}.land-editorial .land-features-section>.text-center,.land-editorial .land-preview-section>.text-center,.land-editorial .land-modules-section>.text-center{text-align:left;margin-bottom:58px}.land-editorial .land-features-section>.text-center p,.land-editorial .land-preview-section>.text-center p,.land-editorial .land-modules-section>.text-center p{color:#8793a6;max-width:620px;font-size:17px;line-height:1.55}.land-editorial .land-how-strip{background:0 0;border:0;border-top:1px solid #e2e8f033;border-radius:0;width:100%;margin:58px 0 0}.land-editorial .land-how-step{background:0 0;border-right:1px solid #e2e8f029;min-height:210px;padding:28px 24px 36px}.land-editorial .land-how-step:last-child{border-right:0}.land-editorial .land-how-step>span{color:#8793a6;background:0 0;padding:0;font-weight:400;display:block}.land-editorial .land-how-step strong{color:#fff;margin:64px 0 12px;font-size:21px;font-weight:400}.land-editorial .land-how-step p{color:#8793a6;font-size:14px}.land-editorial .land-features-section>.grid{border-top:1px solid #e2e8f033;grid-template-columns:1fr;gap:0;max-width:none;padding:0;display:grid}.land-editorial .land-feat-card{min-height:150px;box-shadow:none;transition:padding 1s var(--editorial-ease), opacity .8s var(--editorial-ease);background:0 0;border:0;border-bottom:1px solid #e2e8f02e;border-radius:0;grid-template-columns:72px minmax(220px,.7fr) minmax(280px,1fr);align-items:center;gap:28px;padding:28px 0;display:grid}.land-editorial .land-feat-card:hover{border-color:#e2e8f06b;padding-left:18px;transform:none}.land-editorial .land-feat-card:after{display:none}.land-editorial .land-feat-card>div:first-child{border:1px solid #e2e8f033;border-radius:75px;width:48px;height:48px;margin:0;background:0 0!important}.land-editorial .land-feat-card h3{color:#fff;font-size:clamp(22px,3vw,34px);font-weight:400}.land-editorial .land-feat-card p{color:#8793a6;max-width:540px;font-size:15px}.land-editorial .land-browser-mock,.land-editorial .land-tutor-preview{max-width:none;box-shadow:none;background:#0d1021;border:1px solid #e2e8f038;border-radius:0}.land-editorial .land-preview-section .land-browser-mock{transition:opacity 1s var(--editorial-ease), transform 1.25s var(--editorial-ease);transform:translateY(48px)}.land-editorial .land-preview-section.animate-in .land-browser-mock{transform:translateY(0)}.land-editorial .land-visualizer-section{background:#0d1021;border-block:1px solid #e2e8f02e;width:100%;max-width:none;padding:clamp(100px,13vw,152px) max(24px,50vw - 539px)}.land-editorial .land-visualizer-copy p{color:#8793a6;font-size:17px}.land-editorial .land-tutor-code span,.land-editorial .land-tutor-state,.land-editorial .land-tutor-state p{border-radius:0}.land-editorial .land-modules-section>.text-center:nth-of-type(2){display:none}.land-editorial .land-modules-section>.grid{border-top:1px solid #818cf829;gap:0;max-width:none;padding:0}.land-editorial .land-module-row{min-height:72px;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #818cf81f;border-radius:0;padding:18px 0}.land-editorial .land-module-row:hover{background:linear-gradient(90deg,#4f8ef70e,#0000 72%);border-color:#4f8ef761;padding-left:14px;transform:none}.land-editorial .land-module-row>span:nth-child(2){color:#e2e8f0;font-size:18px;font-weight:400}.land-editorial .land-module-row .land-mod-num{color:#475569}.land-scroll-progress{display:none}@supports (animation-timeline:scroll()){.land-scroll-progress{z-index:100;transform-origin:0;background:linear-gradient(90deg,#4f8ef7,#818cf8 62%,#8fd3ff);height:2px;animation:linear both landScrollProgress;animation-timeline:scroll(root);display:block;position:fixed;inset:0 0 auto;transform:scaleX(0);box-shadow:0 0 14px #4f8ef78c}}@keyframes landScrollProgress{to{transform:scaleX(1)}}.land-scroll-ready .land-scroll-reveal{opacity:.01;filter:blur(7px);transition:opacity .9s var(--editorial-ease), filter 1.1s var(--editorial-ease), transform 1.2s var(--editorial-ease);will-change:opacity, filter, transform;transform:translateY(64px)}.land-scroll-ready .land-scroll-reveal.is-visible{opacity:1;filter:blur();transform:translateY(0)}.land-scroll-ready .land-scroll-reveal .land-section-kicker,.land-scroll-ready .land-scroll-reveal h2{opacity:0;transition:opacity .8s var(--editorial-ease) .12s, transform 1s var(--editorial-ease) .12s;transform:translateY(28px)}.land-scroll-ready .land-scroll-reveal.is-visible .land-section-kicker,.land-scroll-ready .land-scroll-reveal.is-visible h2{opacity:1;transform:translateY(0)}.land-scroll-ready .land-how-step{opacity:0;transition:opacity .75s var(--editorial-ease), transform .95s var(--editorial-ease);transform:translateY(34px)}.land-scroll-ready .land-how-block.is-visible .land-how-step{opacity:1;transform:translateY(0)}.land-scroll-ready .land-how-block.is-visible .land-how-step:first-child{transition-delay:.2s}.land-scroll-ready .land-how-block.is-visible .land-how-step:nth-child(2){transition-delay:.32s}.land-scroll-ready .land-how-block.is-visible .land-how-step:nth-child(3){transition-delay:.44s}.land-scroll-ready .land-visualizer-copy{opacity:0;transition:opacity .9s var(--editorial-ease) .14s, transform 1.1s var(--editorial-ease) .14s;transform:translate(-44px)}.land-scroll-ready .land-tutor-preview{opacity:0;transition:opacity 1s var(--editorial-ease) .25s, transform 1.25s var(--editorial-ease) .25s;transform:translate(52px)rotate(1.2deg)}.land-scroll-ready .land-visualizer-section.is-visible .land-visualizer-copy,.land-scroll-ready .land-visualizer-section.is-visible .land-tutor-preview{opacity:1;transform:translate(0)rotate(0)}.land-editorial .land-v2-cta{padding:clamp(110px,15vw,180px) 24px}.land-editorial .land-v2-cta-card{max-width:1078px;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;align-items:flex-start;padding:0}.land-editorial .land-v2-cta-card>svg{display:none}.land-editorial .land-v2-cta-card p{color:#8793a6;text-align:left;max-width:560px;font-size:17px}.land-editorial .land-v2-cta-card button{color:#fff;background:0 0;border:1px solid #fff;border-radius:75px;margin-top:24px;padding:13px 30px}.land-editorial .land-v2-cta-card button:hover{color:#060810;background:#fff}.land-editorial footer{color:#8793a6;text-align:left;border-color:#e2e8f02e;align-items:flex-start;padding:42px max(24px,50vw - 539px)}.land-editorial footer>.flex{justify-content:flex-start}.land-editorial .land-footer-links{justify-content:flex-start;margin:18px 0}.land-editorial .land-footer-links a,.land-editorial .land-footer-links button{color:#b5bfd0;transition:color .6s var(--editorial-ease)}.land-editorial .land-footer-links a:hover,.land-editorial .land-footer-links button:hover{color:#fff}@media (width<=900px){.land-editorial .land-v2-title{font-size:clamp(66px,15vw,124px)}.land-editorial .land-title-line:last-child{text-align:left}.land-editorial .land-v2-stats{grid-template-columns:repeat(2,1fr);width:calc(100% - 48px)}.land-editorial .land-v2-stats>div:nth-child(3){border-top:1px solid #e2e8f029;border-left:0;padding-top:28px}.land-editorial .land-v2-stats>div:nth-child(4){border-top:1px solid #e2e8f029;padding-top:28px}.land-editorial .land-feat-card{grid-template-columns:56px 1fr}.land-editorial .land-feat-card p{grid-column:2}}@media (width<=768px){.land-editorial .land-how-block{padding-block:82px}.land-editorial .land-how-strip{margin-top:42px}.land-editorial .land-how-step{border-bottom:1px solid #818cf824;border-right:0;min-height:auto;padding:26px 0}.land-editorial .land-how-step:last-child{border-bottom:0}.land-editorial .land-how-step strong{margin:0 0 9px}}@media (width<=640px){.landing.land-editorial>.land-v2-nav{min-height:64px;padding:14px 18px}.land-editorial .land-nav-brand-v2 span{display:none}.land-editorial .land-nav-primary{min-height:36px;padding-inline:14px}.land-editorial .land-hero{min-height:820px;padding:104px 20px 96px}.land-editorial .land-hero-text{justify-content:flex-start;min-height:620px}.land-editorial .land-hero-badge{max-width:240px;line-height:1.5}.land-editorial .land-v2-title{font-size:clamp(58px,18vw,92px);line-height:.82}.land-editorial .land-v2-sub{margin-top:44px;font-size:16px}.land-editorial .land-hero-text>.flex{flex-direction:column;align-items:stretch}.land-editorial .land-hero-text>.flex>button{justify-content:center;width:100%}.land-editorial-scroll{width:66px;height:66px;left:auto;right:18px}.land-editorial .land-v2-stats{grid-template-columns:1fr 1fr;padding-block:42px}.land-editorial .land-v2-stats>div{min-height:76px;padding:0 14px}.land-editorial .land-section-block,.land-editorial .land-features-section,.land-editorial .land-preview-section,.land-editorial .land-modules-section{width:calc(100% - 36px);padding-block:92px}.land-editorial .land-section-block>h2,.land-editorial .land-features-section>.text-center h2,.land-editorial .land-preview-section>.text-center h2,.land-editorial .land-modules-section h2,.land-editorial .land-visualizer-copy h2,.land-editorial .land-v2-cta-card h2{font-size:clamp(42px,13vw,62px)}.land-editorial .land-how-strip{grid-template-columns:1fr}.land-editorial .land-how-step{padding-block:22px}.land-editorial .land-feat-card{grid-template-columns:48px 1fr;gap:18px}.land-editorial .land-feat-card p{grid-column:1/-1}.land-editorial .land-visualizer-section{padding-inline:18px}.land-editorial .land-browser-bar>div:nth-child(2),.land-editorial .land-mock-sidebar{display:none}}@media (prefers-reduced-motion:reduce){.land-editorial .land-liquid-blob,.land-editorial-scroll svg,.land-scroll-progress{animation:none!important}.land-scroll-ready .land-scroll-reveal,.land-scroll-ready .land-scroll-reveal *,.land-scroll-ready .land-visualizer-copy,.land-scroll-ready .land-tutor-preview{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}}.viz-hero p:last-child{max-width:680px;color:var(--text-muted);line-height:1.65}.viz-generate{color:#fff;background:linear-gradient(135deg, var(--accent), var(--secondary));min-width:180px;box-shadow:0 16px 34px color-mix(in srgb, var(--accent) 30%, transparent);border:none;border-radius:12px;padding:12px 18px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s}.viz-generate:hover:not(:disabled){box-shadow:0 20px 42px color-mix(in srgb, var(--accent) 42%, transparent);transform:translateY(-2px)}.viz-generate:disabled{opacity:.6;cursor:default}.viz-language-row{flex-wrap:wrap;gap:8px;display:flex}.viz-error{border:1px solid var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border-radius:10px;margin:0;padding:10px 12px}.viz-mode-notice{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.viz-mode-notice strong{font:900 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:5px 9px}.viz-mode-notice.real strong{color:#86efac;background:#22c55e1f}.viz-mode-notice.concept strong{color:var(--secondary);background:color-mix(in srgb, var(--secondary) 13%, transparent)}.viz-mode-notice span{min-width:0;color:var(--text-muted);font-size:12px;line-height:1.5}.viz-grid,.viz-lower-grid{gap:18px;display:grid}.viz-grid{grid-template-columns:minmax(0,1fr)}.viz-lower-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.viz-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 18px 50px #0000002e}.viz-card-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 62%, transparent);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.viz-card-header span{color:var(--text);font-weight:800}.viz-card-header small{color:var(--text-muted);text-align:right;font-size:11px}.viz-editor-card .monaco-wrapper{border:none;border-radius:0}.viz-canvas{background:radial-gradient(circle at 50% 25%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 86%, transparent), var(--surface));grid-template-columns:minmax(180px,.85fr) minmax(260px,1.15fr);align-items:center;gap:18px;min-height:460px;padding:24px;display:grid;position:relative;overflow:hidden}.viz-canvas:before{content:"";background-image:linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 74%);mask-image:radial-gradient(circle,#000,#0000 74%)}.viz-canvas-glow{opacity:.18;filter:blur(46px);border-radius:50%;width:280px;height:280px;position:absolute}.viz-core{z-index:3;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid;border-radius:38px;flex-direction:column;justify-content:center;justify-self:center;align-items:center;gap:7px;width:168px;height:168px;animation:3.2s ease-in-out infinite vizFloat;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 28px 70px #0000004d}.viz-core-icon{font:900 42px/1 var(--mono)}.viz-core strong{color:var(--text);font-size:15px}.viz-core small{color:var(--text-muted);font:700 11px/1 var(--mono)}.viz-pulse-loop{box-shadow:0 0 0 10px #38bdf814,0 28px 70px #0000004d}.viz-pulse-branch{box-shadow:0 0 0 10px #f59e0b1a,0 28px 70px #0000004d}.viz-pulse-output{box-shadow:0 0 0 10px #22c55e1a,0 28px 70px #0000004d}.viz-pulse-collection{box-shadow:0 0 0 10px #34d3991a,0 28px 70px #0000004d}.viz-orbit{z-index:1;border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%;width:320px;height:150px;animation:13s linear infinite vizOrbit;position:absolute}.viz-orbit-b{width:230px;height:230px;animation-duration:18s;animation-direction:reverse;transform:rotate(60deg)}.viz-node-cloud{z-index:4;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:absolute;inset:auto 46% 20px 22px}.viz-node{border:1px solid color-mix(in srgb, var(--node-color) 45%, transparent);background:color-mix(in srgb, var(--surface) 82%, transparent);min-width:86px;max-width:170px;animation:.35s both vizNodeIn;animation-delay:var(--node-delay);border-radius:12px;padding:9px 11px;box-shadow:0 12px 28px #0000002e}.viz-node span,.viz-node code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.viz-node span{color:var(--node-color);font:800 11px/1.3 var(--mono)}.viz-node code{color:var(--text);margin-top:4px;font-size:11px}.viz-branch{z-index:2;color:#f59e0b;font:900 11px/1 var(--mono);gap:170px;display:flex;position:absolute;top:84px}.viz-output-beam{z-index:2;color:#22c55e;font:900 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;animation:1.2s ease-in-out infinite vizBeam;position:absolute;top:48%;right:13%}.viz-python-tutor-panel{z-index:5;grid-template-columns:minmax(0,1fr);align-self:stretch;gap:12px;min-width:0;display:grid;position:relative}.viz-stack-panel,.viz-output-panel{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;overflow:hidden;box-shadow:0 18px 42px #0003}.viz-panel-title{border-bottom:1px solid var(--border);color:var(--secondary);font:900 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:9px 12px;display:block}.viz-frame{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 66%, transparent);border-radius:10px;margin:10px;overflow:hidden}.viz-frame strong{border-bottom:1px solid var(--border);color:var(--text);padding:8px 10px;font-size:12px;display:block}.viz-frame p{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);color:var(--text);grid-template-columns:minmax(80px,.7fr) minmax(0,1fr);gap:8px;margin:0;padding:7px 10px;font-size:12px;display:grid}.viz-frame p:first-of-type{border-top:none}.viz-frame span{color:var(--accent);font-weight:800;font-family:var(--mono)}.viz-frame code,.viz-return-value code{color:var(--text);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viz-output-panel pre{color:#86efac;background:color-mix(in srgb, var(--bg) 72%, black 4%);min-height:72px;font:13px/1.55 var(--mono);white-space:pre-wrap;margin:0;padding:12px}.viz-return-value{background:#a78bfa1a;border:1px solid #a78bfa6b;border-radius:10px;align-items:center;gap:10px;margin:10px;padding:9px 10px;display:flex}.viz-return-value span{color:#a78bfa;font:900 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.viz-tutor-board{background:radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 38%), color-mix(in srgb, var(--bg) 76%, var(--surface));grid-template-columns:minmax(280px,1fr) minmax(260px,.86fr);gap:0;min-height:460px;display:grid}.viz-tutor-code,.viz-tutor-state{min-width:0}.viz-tutor-code{border-right:1px solid var(--border)}.viz-tutor-section-title{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:12px 14px;display:flex}.viz-tutor-section-title span{color:var(--text);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:900}.viz-tutor-section-title small{color:var(--text-muted);font:800 10px/1 var(--mono);text-align:right}.viz-tutor-code pre{max-height:417px;font:13px/1.75 var(--mono);max-width:100%;margin:0;padding:12px 10px 18px;overflow:auto}.viz-tutor-code pre span{min-height:25px;color:var(--text);white-space:pre;border:1px solid #0000;border-radius:9px;grid-template-columns:22px 34px minmax(0,1fr);align-items:start;gap:8px;padding:1px 8px;display:grid}.viz-tutor-code pre span.active{border-color:color-mix(in srgb, var(--accent) 54%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 24%, transparent), color-mix(in srgb, var(--accent) 7%, transparent));box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 16%, transparent)}.viz-tutor-code b{color:var(--accent);font-style:normal;font-weight:900}.viz-tutor-code em{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-style:normal}.viz-tutor-code code{min-width:0;color:inherit;white-space:pre-wrap}.viz-tutor-state{grid-template-rows:auto minmax(150px,1fr) auto;display:grid}.viz-tutor-explainer{border:1px solid color-mix(in srgb, var(--step-color) 48%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--step-color) 13%, transparent), transparent), color-mix(in srgb, var(--surface) 88%, transparent);border-radius:14px;margin:14px;padding:14px}.viz-tutor-explainer div{justify-content:space-between;align-items:center;gap:12px;display:flex}.viz-tutor-explainer span{color:var(--step-color);font:900 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.viz-tutor-explainer strong{color:var(--text);text-align:right;font-size:15px}.viz-tutor-explainer p{color:var(--text);margin:10px 0;line-height:1.55}.viz-tutor-explainer small{color:var(--text-muted);font:800 11px/1 var(--mono)}.viz-tutor-memory{border-top:1px solid var(--border);min-height:0;overflow:auto}.viz-tutor-frame{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:12px;margin:12px 14px;overflow:hidden}.viz-tutor-frame strong{border-bottom:1px solid var(--border);color:var(--secondary);font:900 12px/1 var(--mono);padding:9px 11px;display:block}.viz-tutor-frame p{border-top:1px solid color-mix(in srgb, var(--border) 72%, transparent);grid-template-columns:minmax(74px,.7fr) minmax(0,1fr);gap:10px;margin:0;padding:8px 11px;display:grid}.viz-tutor-frame p:first-of-type{border-top:none}.viz-tutor-frame span{color:var(--accent);font:900 12px/1.35 var(--mono)}.viz-tutor-frame code{min-width:0;color:var(--text);font:12px/1.35 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viz-tutor-empty{border:1px dashed var(--border);color:var(--text-muted);border-radius:12px;margin:14px;padding:14px;font-size:13px}.viz-tutor-output{border-top:1px solid var(--border)}.viz-tutor-output pre{color:#86efac;background:color-mix(in srgb, var(--bg) 82%, black 8%);min-height:78px;max-height:150px;font:13px/1.55 var(--mono);white-space:pre-wrap;margin:0;padding:12px 14px;overflow:auto}.viz-tutor-return{background:#a78bfa1a;border:1px solid #a78bfa70;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin:12px 14px;padding:9px 11px;display:flex}.viz-tutor-return span{color:#a78bfa;font:900 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.viz-tutor-return code{color:var(--text);font-family:var(--mono)}.viz-memory-board{background:radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 38%), color-mix(in srgb, var(--bg) 76%, var(--surface));grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);min-height:520px;display:grid}.viz-memory-code{border-right:1px solid var(--border);min-width:0}.viz-memory-code pre{max-height:476px;font:13px/1.75 var(--mono);max-width:100%;margin:0;padding:12px 10px 18px;overflow:auto}.viz-memory-code pre span{min-height:25px;color:var(--text);white-space:pre;border:1px solid #0000;border-radius:9px;grid-template-columns:22px 34px minmax(0,1fr);gap:8px;padding:1px 8px;display:grid}.viz-memory-code pre span.active{border-color:color-mix(in srgb, var(--accent) 54%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 24%, transparent), color-mix(in srgb, var(--accent) 7%, transparent));box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 16%, transparent)}.viz-memory-code b{color:var(--accent);font-weight:900}.viz-memory-code em{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-style:normal}.viz-memory-side{grid-template-rows:auto minmax(280px,1fr) auto auto;min-width:0;display:grid}.viz-memory-status{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;margin:14px;padding:12px 14px;display:grid}.viz-memory-status span{color:#86efac;font:900 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:#22c55e1f;border-radius:999px;padding:5px 8px}.viz-memory-status span.error{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.viz-memory-status strong{color:var(--text);text-align:right;font-size:12px}.viz-memory-status p{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:12px;line-height:1.45}.viz-memory-diagram{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(190px,.82fr) minmax(220px,1fr);min-height:0;display:grid;position:relative;overflow:auto}.viz-memory-arrows{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.viz-memory-arrows path{fill:none;stroke:#a78bfa;stroke-width:1.6px;marker-end:url(#vizArrowHead)}.viz-memory-column{z-index:2;padding:12px;position:relative}.viz-frame-column{border-right:1px solid var(--border)}.viz-memory-label{color:var(--text-muted);font:900 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.viz-memory-frame,.viz-heap-box{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 66%, transparent);border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 14px 30px #00000029}.viz-memory-frame.global{border-color:color-mix(in srgb, #86efac 26%, var(--border))}.viz-memory-frame>strong,.viz-heap-box>strong{border-bottom:1px solid var(--border);color:var(--secondary);background:color-mix(in srgb, var(--surface) 70%, transparent);font:900 12px/1 var(--mono);justify-content:space-between;gap:10px;padding:8px 10px;display:flex}.viz-memory-frame.global>strong{color:#86efac}.viz-memory-frame p,.viz-heap-item{border-top:1px dashed color-mix(in srgb, var(--border) 78%, transparent);font-family:var(--mono);grid-template-columns:minmax(68px,.7fr) minmax(0,1fr);gap:10px;margin:0;padding:8px 10px;font-size:12px;display:grid}.viz-memory-frame p:first-of-type,.viz-heap-item:first-of-type{border-top:none}.viz-memory-frame span,.viz-heap-item span{min-width:0;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viz-memory-frame code,.viz-heap-item code,.viz-heap-repr{min-width:0;color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viz-memory-frame code.ref,.viz-heap-item code.ref{color:#c4b5fd;font-weight:900}.viz-heap-box{background:color-mix(in srgb, #1d1630 72%, var(--surface));border-color:#a78bfa57}.viz-heap-box>strong{color:#c4b5fd}.viz-heap-box small{color:var(--text-muted);font-size:10px}.viz-heap-empty,.viz-heap-repr{color:var(--text-muted);font:12px/1.45 var(--mono);text-align:left;margin:0;padding:8px 10px}.viz-memory-output pre{color:#86efac;background:color-mix(in srgb, var(--bg) 82%, black 8%);min-height:86px;max-height:160px;font:13px/1.55 var(--mono);white-space:pre-wrap;margin:0;padding:12px 14px;overflow:auto}.viz-line-explanation{border-top:1px solid var(--border);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 46%), color-mix(in srgb, var(--surface) 56%, transparent)}.viz-line-explanation p{color:var(--text);margin:0;padding:12px 14px 4px;font-size:13px;line-height:1.55}.viz-line-explanation code{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));color:var(--secondary);background:color-mix(in srgb, var(--bg) 72%, transparent);font:12px/1.5 var(--mono);white-space:pre;border-radius:10px;margin:0 14px 14px;padding:10px 12px;display:block;overflow-x:auto}.viz-controls{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.viz-controls button,.viz-controls select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:8px 12px;font-size:12px}.viz-controls button:disabled{opacity:.45;cursor:default}.viz-controls .viz-play{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:800}.viz-progress{background:var(--border);height:4px}.viz-progress span{background:linear-gradient(90deg, var(--accent), var(--secondary));height:100%;transition:width .22s;display:block}.viz-timeline{max-height:430px;padding:12px;overflow:auto}.viz-step{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:34px 1fr;gap:11px;padding:12px;transition:background .16s,border-color .16s,transform .16s;display:grid}.viz-step:hover,.viz-step.active{border-color:color-mix(in srgb, var(--step-color) 44%, transparent);background:color-mix(in srgb, var(--step-color) 10%, transparent)}.viz-step.active{transform:translate(3px)}.viz-step>span{width:30px;height:30px;color:var(--step-color);background:color-mix(in srgb, var(--step-color) 12%, transparent);font:900 11px/1 var(--mono);border-radius:9px;place-items:center;display:grid}.viz-step strong,.viz-step small,.viz-step code{display:block}.viz-step strong{margin-bottom:4px;font-size:13px}.viz-step small{color:var(--text-muted);line-height:1.45}.viz-step code{color:var(--step-color);white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:11px;overflow:hidden}.viz-code-focus{max-height:270px;color:var(--text);background:color-mix(in srgb, var(--bg) 72%, transparent);font:13px/1.7 var(--mono);margin:0;padding:14px;overflow:auto}.viz-code-focus span{white-space:pre;border-radius:7px;padding:1px 8px;display:block}.viz-code-focus span.active{color:#fff;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 36%, transparent));box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 25%, transparent)}.viz-code-focus em{width:32px;color:var(--text-muted);-webkit-user-select:none;user-select:none;font-style:normal;display:inline-block}.viz-code-focus span.active em{color:#ffffffc2}.viz-concepts{border-top:1px solid var(--border);padding:14px 16px}.viz-concepts h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-size:12px}.viz-concepts div{flex-wrap:wrap;gap:8px;display:flex}.viz-concepts span{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);font:800 11px/1 var(--mono);border-radius:999px;padding:6px 10px}@media (width<=980px){.viz-grid,.viz-lower-grid,.viz-canvas,.viz-tutor-board,.viz-memory-board,.viz-memory-diagram{grid-template-columns:1fr}.viz-memory-code,.viz-frame-column,.viz-tutor-code{border-right:none;border-bottom:1px solid var(--border)}.viz-node-cloud{position:relative;inset:auto}.viz-hero{align-items:stretch;display:grid}.viz-generate{width:100%}}@media (width<=640px){.viz-mode-notice,.viz-card-header{flex-direction:column;align-items:flex-start}.viz-card-header small{text-align:left}.viz-tutor-code pre,.viz-memory-code pre,.viz-code-focus{max-height:55vh}}.placeholder\:text-muted::placeholder{color:var(--text-muted)}.hover\:border-accent:hover{border-color:var(--accent)}.hover\:bg-accent-h:hover{background-color:var(--accent-hover)}.hover\:bg-border:hover{background-color:var(--border)}.hover\:text-accent-h:hover{color:var(--accent-hover)}.hover\:text-danger:hover{color:var(--danger)}.hover\:text-primary:hover{color:var(--text)}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-accent:focus{border-color:var(--accent)}.focus\:shadow-\[0_0_0_3px_rgba\(79\,142\,247\,0\.16\)\]:focus{--tw-shadow:0 0 0 3px #4f8ef729;--tw-shadow-colored:0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media not all and (width>=768px){.max-md\:p-4{padding:1rem}.max-md\:px-4{padding-left:1rem;padding-right:1rem}}@media (width>=640px){.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-12{gap:3rem}.sm\:p-10{padding:2.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}}@media (width>=768px){.md\:static{position:static}.md\:z-auto{z-index:auto}.md\:hidden{display:none}.md\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}}@media (width>=1280px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(320px\,0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.xl\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(320px\,0\.65fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.xl\:p-6{padding:1.5rem}}