*,::backdrop,:after,:before{--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: }.\!container{width:100%!important}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-1{bottom:-.25rem}.-bottom-px{bottom:-1px}.-left-\[22px\]{left:-22px}.-top-\[14px\]{top:-14px}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-\[1px\]{top:1px}.top-\[60\%\]{top:60%}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[5\]{z-index:5}.col-span-3{grid-column:span 3/span 3}.col-span-6{grid-column:span 6/span 6}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.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}.ml-1{margin-left:.25rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-16{margin-top:4rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-8{width:2rem;height:2rem}.size-\[18px\]{width:18px;height:18px}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[72px\]{height:72px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[38ch\]{max-width:38ch}.max-w-max{max-width:max-content}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-left{transform-origin:left}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-0{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))}.rotate-0{--tw-rotate:0deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.scale-x-0{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))}.scale-x-0{--tw-scale-x:0}.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(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-8{column-gap:2rem}.gap-y-2{row-gap:.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.rounded-2xl{border-radius:1rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-tl-sm{border-top-left-radius:.125rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#e89a6a\]\/\[0\.12\]{border-color:#e89a6a1f}.border-\[\#f0b35a\]\/25{border-color:#f0b35a40}.border-\[\#f0b35a\]\/\[0\.08\]{border-color:#f0b35a14}.border-\[\#f0b35a\]\/\[0\.12\]{border-color:#f0b35a1f}.border-\[\#f0b35a\]\/\[0\.18\]{border-color:#f0b35a2e}.border-transparent{border-color:#0000}.border-white\/\[0\.06\]{border-color:#ffffff0f}.bg-\[\#0e0c1b\]\/75{background-color:#0e0c1bbf}.bg-\[\#e89a6a\]\/10{background-color:#e89a6a1a}.bg-\[\#e89a6a\]\/15{background-color:#e89a6a26}.bg-\[\#f0b35a\]\/10{background-color:#f0b35a1a}.bg-\[\#f0b35a\]\/40{background-color:#f0b35a66}.bg-\[\#f0b35a\]\/\[0\.04\]{background-color:#f0b35a0a}.bg-\[\#f0b35a\]\/\[0\.06\]{background-color:#f0b35a0f}.bg-slate-950\/70{background-color:#020617b3}.bg-transparent{background-color:initial}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#f0b35a\]\/0{--tw-gradient-to:#f0b35a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f0b35a00 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#f0b35a\]\/20{--tw-gradient-to:#f0b35a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f0b35a33 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.p-5{padding:1.25rem}.p-7{padding:1.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.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\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem}.pb-4,.py-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pr-6{padding-right:1.5rem}.pt-14{padding-top:3.5rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-body{font-family:var(--font-body),system-ui,sans-serif}.font-display{font-family:var(--font-display),system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.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-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.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-\[0\.92\]{line-height:.92}.leading-\[1\.02\]{line-height:1.02}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.035em\]{letter-spacing:-.035em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.26em\]{letter-spacing:.26em}.text-\[\#d8cdb6\]{--tw-text-opacity:1;color:rgb(216 205 182/var(--tw-text-opacity,1))}.text-\[\#d8cdb6\]\/40{color:#d8cdb666}.text-\[\#d8cdb6\]\/50{color:#d8cdb680}.text-\[\#d8cdb6\]\/75{color:#d8cdb6bf}.text-\[\#d8cdb6\]\/80{color:#d8cdb6cc}.text-\[\#e89a6a\]{--tw-text-opacity:1;color:rgb(232 154 106/var(--tw-text-opacity,1))}.text-\[\#e89a6a\]\/80{color:#e89a6acc}.text-\[\#e8dcc4\]{--tw-text-opacity:1;color:rgb(232 220 196/var(--tw-text-opacity,1))}.text-\[\#f0b35a\]{--tw-text-opacity:1;color:rgb(240 179 90/var(--tw-text-opacity,1))}.text-\[\#f0b35a\]\/40{color:#f0b35a66}.text-\[\#f0b35a\]\/80{color:#f0b35acc}.text-\[\#f5ecd9\]{--tw-text-opacity:1;color:rgb(245 236 217/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{--tw-shadow:0 1px 3px #0006;--tw-shadow-colored:0 1px 3px var(--tw-shadow-color)}.shadow-\[inset_0_0_14px_rgba\(240\2c 179\2c 90\2c 0\.14\)\]{--tw-shadow:inset 0 0 14px #f0b35a24;--tw-shadow-colored:inset 0 0 14px var(--tw-shadow-color)}.shadow-\[inset_0_0_14px_rgba\(240\2c 179\2c 90\2c 0\.14\)\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.outline{outline-style:solid}.ring-1{--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(1px + 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-\[\#e89a6a\]\/25{--tw-ring-color:#e89a6a40}.ring-\[\#e89a6a\]\/35{--tw-ring-color:#e89a6a59}.ring-\[\#f0b35a\]\/25{--tw-ring-color:#f0b35a40}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.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-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-2xl,.backdrop-blur-sm{-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-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[stroke-dasharray\:12_63\]{stroke-dasharray:12 63}.\[stroke-dasharray\:20_300\]{stroke-dasharray:20 300}.\[stroke-dashoffset\:-32\.42px\]{stroke-dashoffset:-32.42px}:root{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:187 100% 50%;--primary-foreground:222.2 84% 4.9%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:187 100% 50%;--radius:0.5rem;--bg-primary:#0f111a;--bg-secondary:#161925;--bg-card:#161925cc;--bg-card-hover:#1c2030e6;--bg-glass:#ffffff0d;--border-subtle:#ffffff14;--border-glow:#ffffff1f;--text-primary:#f0f2f9;--text-secondary:#aab1c6;--text-muted:#7e869e;--accent-cyan:#00e5ff;--accent-blue:#4d91ff;--accent-purple:#b666ff;--accent-green:#10b981;--accent-amber:#ffaf1a;--accent-pink:#ff5cad;--glow-cyan:#00e5ff33;--glow-blue:#4d91ff33;--glow-purple:#b666ff33;--glow-green:#10b98133;--glow-amber:#ffaf1a33;--font-sans:var(--font-body),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:var(--font-display),var(--font-body),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:150ms var(--ease-out);--transition-normal:300ms var(--ease-out);--transition-slow:500ms var(--ease-out);--shadow-glow-sm:0 0 15px #00e5ff14;--shadow-glow-md:0 0 30px #00e5ff1f;--shadow-glow-lg:0 0 60px #00e5ff26;--shadow-glass:0 12px 40px #0006}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:4px;border-radius:4px}.btn-complete:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible{border-radius:var(--radius-full)}.glass-card:focus-visible{border-radius:var(--radius-lg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border:2px solid var(--bg-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.1;font-weight:800;letter-spacing:-.035em;color:var(--text-primary)}h1{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:var(--space-xl)}h2{font-size:clamp(1.8rem,3vw,2.25rem);margin-bottom:var(--space-lg)}h3{font-size:clamp(1.4rem,2vw,1.75rem)}h4{font-size:1.25rem;font-weight:700}p{color:var(--text-secondary);line-height:1.6;font-weight:400}.container{max-width:1200px}.container,.container-narrow{width:100%;margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:65ch}.gradient-text,.gradient-text-warm{color:#f5ecd9;background:none;-webkit-text-fill-color:currentColor}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-glass);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glass),0 0 25px #00e5ff0d;transform:translateY(-2px)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 32px;background:linear-gradient(135deg,#00f2ff,#2979ff);color:#000;font-weight:700;font-size:1rem;border:none;border-radius:var(--radius-full);transition:all var(--transition-normal);letter-spacing:.01em;box-shadow:0 4px 15px #00f2ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00e5ff4d,0 0 60px #00e5ff1a}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 28px;background:var(--bg-glass);color:var(--text-primary);font-weight:600;font-size:.95rem;border:1px solid var(--border-glow);border-radius:var(--radius-full);transition:all var(--transition-normal)}.btn-secondary:hover{background:#ffffff14;border-color:var(--accent-cyan);box-shadow:0 0 20px var(--glow-cyan)}.btn-complete{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 28px;background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff;font-weight:700;font-size:.95rem;border:none;border-radius:var(--radius-full);transition:all var(--transition-normal)}.btn-complete:hover{transform:translateY(-2px);box-shadow:0 0 30px #10b9814d}.btn-completed{gap:var(--space-sm);padding:12px 28px;background:#10b98126;color:var(--accent-green);font-weight:600;font-size:.95rem;border:1px solid #10b9814d;cursor:default}.badge,.btn-completed{display:inline-flex;align-items:center;border-radius:var(--radius-full)}.badge{gap:6px;padding:6px 16px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid}.badge-beginner{color:var(--accent-green);border-color:#10b98180;background:#10b98126}.badge-intermediate{color:var(--accent-blue);border-color:#4d91ff80;background:#4d91ff26}.badge-advanced{color:var(--accent-purple);border-color:#b666ff80;background:#b666ff26}.badge-hero{color:var(--accent-amber);border-color:#ffaf1a80;background:#ffaf1a26}.focus-callout{position:relative;padding:var(--space-xl) var(--space-xl);background:linear-gradient(135deg,#00e5ff14,#a855f714);border:1px solid #00e5ff33;border-radius:var(--radius-lg);margin:var(--space-2xl) 0}.focus-callout:before{content:"⭐";position:absolute;top:-16px;left:24px;font-size:2rem;background:var(--bg-primary);padding:0 10px;z-index:10}.focus-callout-label{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);margin-bottom:var(--space-md)}.focus-callout-text{color:var(--text-primary);font-weight:500;font-size:1.1rem;line-height:1.7}.mark-complete-wrap{position:relative}.points-animation{position:absolute;top:-10px;left:50%;transform:translateX(-50%);pointer-events:none;z-index:50;display:flex;flex-direction:column;align-items:center;gap:4px}.points-animation-value{font-size:1.4rem;font-weight:800;color:var(--accent-amber);text-shadow:0 0 12px #f0b35a99;white-space:nowrap}.points-animation-bonus{font-size:1.1rem;font-weight:700;color:var(--accent-green);text-shadow:0 0 10px #10b98180;white-space:nowrap}.progress-track{width:100%;height:8px;background:#ffffff1a;overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-full)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-blue),var(--accent-purple),var(--accent-amber));background-size:300% 100%;transition:width var(--transition-slow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fade-in-up{animation:fadeInUp .8s var(--ease-out) both}.animate-fade-in{animation:fadeIn .6s var(--ease-out) both}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) 0;background:#06060bd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-normal)}.navbar-inner{justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:var(--space-sm);font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.navbar-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.navbar-links{display:flex;align-items:center;gap:var(--space-lg)}.navbar-link{font-size:.95rem;font-weight:600;color:var(--text-secondary);transition:color var(--transition-fast);position:relative;padding-bottom:4px}.navbar-link-active,.navbar-link:hover{color:var(--text-primary)}.navbar-link-active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));border-radius:var(--radius-full)}.navbar-progress{display:flex;align-items:center;gap:var(--space-sm)}.navbar-progress-text{font-size:.85rem;color:var(--text-muted);font-weight:600}.navbar-progress-bar{width:120px}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:10;text-align:center;padding:var(--space-xl);max-width:820px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 24px;background:#00e5ff1a;border:1px solid #00e5ff40;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;color:var(--accent-cyan);margin-bottom:var(--space-xl)}.hero-badge-dot{width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;animation:glow-pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(2.8rem,7vw,5rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--space-lg)}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--text-secondary);max-width:65ch;margin:0 auto var(--space-2xl);line-height:1.6}.hero-cta{align-items:center;gap:var(--space-md);flex-wrap:wrap}.hero-cta,.hero-stats{display:flex;justify-content:center}.hero-stats{gap:var(--space-3xl);margin-top:var(--space-4xl)}.hero-stat{text-align:center}.hero-stat-value{font-size:2.5rem;font-weight:900;letter-spacing:-.03em}.hero-stat-label{font-size:.9rem;color:var(--text-muted);font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.rpg-sidebar-desktop{width:280px;flex-shrink:0;position:sticky;top:90px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:var(--space-lg)}@media (max-width:900px){.rpg-sidebar-desktop{display:none}}.rpg-sidebar-inner{display:flex;flex-direction:column;gap:var(--space-lg)}.rpg-sidebar-avatar-section{display:flex;align-items:center;gap:var(--space-md)}.rpg-sidebar-avatar{position:relative;width:56px;height:56px;border-radius:var(--radius-full);overflow:hidden;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rpg-sidebar-avatar-img{width:100%;height:100%;object-fit:cover}.rpg-sidebar-avatar-fallback{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.rpg-sidebar-avatar-level{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#000;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.rpg-sidebar-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.rpg-sidebar-name{font-weight:700;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:#00e5ff1a;font-size:.7rem;font-weight:600}.level-badge-sm{font-size:.65rem;padding:1px 6px}.level-badge-num{color:var(--accent-cyan)}.level-badge-title{color:var(--text-secondary)}.xp-bar-wrap{display:flex;flex-direction:column;gap:4px}.xp-bar-track{width:100%;height:6px;background:#ffffff14;overflow:hidden}.xp-bar-fill,.xp-bar-track{border-radius:var(--radius-full)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#d87a36,#f0b35a,#fad78a);transition:width var(--transition-slow)}.xp-bar-label{font-size:.7rem;color:var(--text-muted);text-align:right}.rpg-sidebar-points{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#ffffff0a;border-radius:var(--radius-md)}.rpg-sidebar-points-icon{color:var(--accent-amber);font-size:1rem}.rpg-sidebar-points-value{font-weight:800;font-size:1.1rem;color:var(--text-primary)}.rpg-sidebar-points-label{font-size:.75rem;color:var(--text-muted)}.rpg-sidebar-stages{display:flex;flex-direction:column;gap:var(--space-sm)}.rpg-sidebar-stages-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.rpg-sidebar-stages-list{display:flex;flex-direction:column;gap:4px}.rpg-stage-badge{display:flex;align-items:center;gap:var(--space-xs);padding:6px var(--space-sm);border-radius:var(--radius-sm);background:#ffffff08;font-size:.8rem;color:var(--text-secondary)}.rpg-stage-badge-done{background:#10b98114;color:var(--accent-green)}.rpg-stage-badge-emoji{font-size:.9rem}.rpg-stage-badge-title{flex:1}.rpg-stage-badge-check{color:var(--accent-green);font-weight:700}.rpg-sidebar-anon{text-align:center;padding:var(--space-lg) 0}.rpg-sidebar-anon-icon{font-size:2rem;margin-bottom:var(--space-sm)}.rpg-sidebar-anon p{color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--space-md)}.rpg-sidebar-cta{font-size:.85rem;padding:10px 24px}.rpg-drawer-toggle{display:none;position:fixed;bottom:20px;right:20px;z-index:100;width:56px;height:56px;border-radius:var(--radius-full);border:none;background:var(--bg-card);box-shadow:0 4px 20px #0006;cursor:pointer;overflow:hidden;align-items:center;justify-content:center}@media (max-width:900px){.rpg-drawer-toggle{display:flex}}.rpg-drawer-toggle-img{width:100%;height:100%;object-fit:cover}.rpg-drawer-toggle-initial{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.rpg-drawer-toggle-icon{font-size:1.4rem}.rpg-drawer-toggle-level{position:absolute;bottom:-1px;right:-1px;width:20px;height:20px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#000;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.rpg-drawer-backdrop{position:fixed;inset:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rpg-drawer{position:absolute;bottom:0;left:0;right:0;max-height:70vh;overflow-y:auto;background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-xl);padding-top:var(--space-2xl)}.rpg-drawer-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px}.course-grid-container{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2xl)}.course-grid-stage{gap:var(--space-lg)}.course-grid-stage,.stage-section{display:flex;flex-direction:column}.stage-section{gap:var(--space-sm)}.stage-section-header{display:flex;align-items:center;justify-content:space-between}.stage-section-info{display:flex;align-items:center;gap:var(--space-sm)}.stage-section-emoji{font-size:1.3rem}.stage-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.stage-section-level{font-size:.75rem;color:var(--text-muted);background:#ffffff0f;padding:2px 8px;border-radius:var(--radius-full)}.stage-section-count{font-size:.8rem;color:var(--text-muted);font-weight:600}.stage-section-progress{height:4px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.stage-section-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--stage-color,var(--accent-green));transition:width var(--transition-slow)}.module-card{position:relative;display:block;text-decoration:none;color:inherit;border-radius:var(--radius-xl);overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.module-card-glow{position:absolute;inset:-1px;z-index:0;border-radius:var(--radius-xl);opacity:0;background:conic-gradient(from 180deg at 50% 50%,#f0b35a4d 0deg,#f5c87826 90deg,#f0b35a4d 180deg,#da7c3026 270deg,#f0b35a4d 1turn);transition:opacity .5s ease;filter:blur(4px)}.module-card:hover .module-card-glow{opacity:1}.module-card-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-lg);min-height:180px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:border-color .5s ease,background .5s ease,box-shadow .5s ease}.module-card:hover{transform:translateY(-4px)}.module-card:hover .module-card-inner{border-color:#f0b35a40;background:#161925fa;box-shadow:0 8px 32px #0006,0 0 60px #f0b35a0a}.module-card[data-state=done] .module-card-inner{border-color:#10b98126}.module-card[data-state=done]:hover .module-card-inner{border-color:#10b98159;box-shadow:0 8px 32px #0006,0 0 60px #10b9810a}.module-card[data-state=done] .module-card-glow{background:conic-gradient(from 180deg at 50% 50%,#10b98140 0deg,#10b9811a 120deg,#10b98140 240deg,#10b9811a 1turn)}.module-card-header{display:flex;align-items:center;justify-content:space-between}.module-card-num{font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:.06em;transition:color .4s ease}.module-card:hover .module-card-num{color:var(--accent-amber)}.module-card[data-state=done] .module-card-num{color:var(--accent-green)}.module-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.35;transition:color .3s ease}.module-card:hover .module-card-title{color:#fff}.module-card-summary{font-size:.85rem;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;flex:1}.module-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-sm);border-top:1px solid #ffffff0a;margin-top:auto}.module-card-stage-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--card-accent,var(--accent-amber));opacity:.6}.module-card-cta{font-size:.75rem;color:var(--text-muted);font-weight:500;letter-spacing:.02em;transition:color .3s ease}.module-card:hover .module-card-cta{color:var(--accent-amber)}.module-card[data-state=done] .module-card-cta{color:var(--accent-green)}.module-card-check{width:20px;height:20px;border-radius:var(--radius-full);background:var(--accent-green);color:#000;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.learn-page{position:relative}.learn-page-bg{position:fixed;inset:0;z-index:0;overflow:hidden;opacity:.45;pointer-events:none;mask-image:linear-gradient(180deg,#000000b3 0,#0000004d 60%,#0000);-webkit-mask-image:linear-gradient(180deg,#000000b3 0,#0000004d 60%,#0000)}.module-detail{position:relative}.module-detail-bg{position:fixed;inset:0;z-index:0;overflow:hidden;opacity:.25;pointer-events:none;mask-image:linear-gradient(180deg,#00000080 0,#00000026 50%,#0000);-webkit-mask-image:linear-gradient(180deg,#00000080 0,#00000026 50%,#0000)}.module-view-layout{display:flex;gap:var(--space-lg);align-items:flex-start;margin-top:var(--space-xl)}.module-view-character-panel{width:200px;flex-shrink:0;position:sticky;top:90px;height:50vh;min-height:360px;opacity:1}@media (max-width:900px){.module-view-layout{flex-direction:column}.module-view-character-panel{display:none}.module-view-content{width:100%}}.module-view-content{flex:1;min-width:0;max-width:760px;background:#161925a6;border:1px solid #ffffff0f;border-radius:var(--radius-xl);padding:var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.related-podcast{margin-top:var(--space-xl);padding:var(--space-lg)}.related-podcast-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.related-podcast-icon{font-size:1.1rem}.related-podcast-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.related-podcast-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs)}.related-podcast-desc{font-size:.8rem;color:var(--text-secondary);margin:0 0 var(--space-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-podcast-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:.7rem;color:var(--text-muted);margin-bottom:var(--space-md)}.related-podcast-play{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 18px;border-radius:var(--radius-full);background:linear-gradient(135deg,#f0b35a26,#f0b35a0d);border:1px solid #f0b35a33;color:var(--accent-amber);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.related-podcast-play:hover{background:linear-gradient(135deg,#f0b35a40,#f0b35a1a);border-color:#f0b35a66;box-shadow:0 0 20px #f0b35a14}.step-paginator{display:flex;flex-direction:column;gap:var(--space-xl)}.step-indicator{display:flex;align-items:center;justify-content:center;gap:6px}.step-indicator-dot{width:8px;height:8px;border-radius:var(--radius-full);background:#ffffff1a;border:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);padding:0}.step-indicator-dot.active{background:var(--accent-amber);width:32px;box-shadow:0 0 12px #f0b35a4d}.step-indicator-dot.completed{background:var(--accent-green)}.step-paginator-label{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.step-paginator-type{font-size:.9rem}.step-paginator-title{color:var(--text-secondary);font-weight:600;text-transform:none;letter-spacing:0}.step-paginator-content{min-height:320px}.step-paginator-nav{display:flex;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid #ffffff0a}.step-nav-btn{padding:12px 24px;border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff0f;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.step-nav-btn:hover:not(:disabled){background:#ffffff0f;color:var(--text-primary);border-color:#ffffff1f;transform:translateY(-1px)}.step-nav-btn:disabled{opacity:.25;cursor:not-allowed}.step-nav-btn-next{background:linear-gradient(135deg,#f0b35a1f,#f0b35a0a);border-color:#f0b35a26;color:var(--accent-amber)}.step-nav-btn-next:hover:not(:disabled){background:linear-gradient(135deg,#f0b35a33,#f0b35a14);border-color:#f0b35a4d;box-shadow:0 0 20px #f0b35a0f}.module-step-content{padding:var(--space-sm) 0}.learn-page{padding-top:120px;min-height:100vh}.learn-header{text-align:center;padding:var(--space-3xl) 0}.learn-subtitle{color:var(--text-secondary);font-size:1.15rem;max-width:65ch;margin:var(--space-md) auto 0;line-height:1.6}.learn-overall-progress{max-width:500px;margin:var(--space-xl) auto 0;text-align:center}.learn-overall-progress-label{font-size:.9rem;color:var(--text-muted);font-weight:600;margin-bottom:var(--space-sm)}.learn-path{position:relative;max-width:520px;margin:0 auto;padding:var(--space-xl) 0 var(--space-4xl)}.learn-path-spine{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.learn-path-spine path{fill:none;stroke:#ffffff2e;stroke-width:2;stroke-dasharray:3 5}.learn-stage-banner{position:relative;z-index:1;margin:var(--space-xl) 0 var(--space-md);padding:10px 0;text-align:center;font-family:var(--font-display),serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary)}.learn-stage-banner:after,.learn-stage-banner:before{content:"❖";color:#f59e0b;margin:0 12px;font-size:.68rem;vertical-align:middle}.learn-stage-banner[data-color=green]{border-top:1px solid #4ade8066;border-bottom:1px solid #4ade8066;background:linear-gradient(90deg,#0000,#4ade801a,#0000)}.learn-stage-banner[data-color=blue]{border-top:1px solid #60a5fa66;border-bottom:1px solid #60a5fa66;background:linear-gradient(90deg,#0000,#60a5fa1a,#0000)}.learn-stage-banner[data-color=purple]{border-top:1px solid #c084fc66;border-bottom:1px solid #c084fc66;background:linear-gradient(90deg,#0000,#c084fc1a,#0000)}.learn-stage-banner[data-color=amber]{border-top:1px solid #f59e0b66;border-bottom:1px solid #f59e0b66;background:linear-gradient(90deg,#0000,#f59e0b1a,#0000)}.learn-rune{position:absolute;font-size:1.1rem;color:#f59e0b;opacity:.35;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.learn-node{position:relative;z-index:2;width:68px;height:68px;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;margin:0 0 22px}.learn-node[data-state=done][data-color=green]{background:conic-gradient(#4ade80 0 1turn,#ffffff0f 0)}.learn-node[data-state=done][data-color=blue]{background:conic-gradient(#60a5fa 0 1turn,#ffffff0f 0)}.learn-node[data-state=done][data-color=purple]{background:conic-gradient(#c084fc 0 1turn,#ffffff0f 0)}.learn-node[data-state=done][data-color=amber]{background:conic-gradient(#f59e0b 0 1turn,#ffffff0f 0)}.learn-node[data-state=current][data-color=green]{background:conic-gradient(#4ade80 0 270deg,#ffffff14 270deg)}.learn-node[data-state=current][data-color=blue]{background:conic-gradient(#60a5fa 0 270deg,#ffffff14 270deg)}.learn-node[data-state=current][data-color=purple]{background:conic-gradient(#c084fc 0 270deg,#ffffff14 270deg)}.learn-node[data-state=current][data-color=amber]{background:conic-gradient(#f59e0b 0 270deg,#ffffff14 270deg)}.learn-node[data-state=current]{animation:learn-node-pulse 2s ease-in-out infinite}.learn-node[data-state=locked]{background:#ffffff0a}@keyframes learn-node-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(245,158,11,.6))}50%{filter:drop-shadow(0 0 14px rgba(245,158,11,.9))}}.learn-node-blob{width:100%;height:100%;border-radius:50%;background:#0f0a19eb;border:1px solid #ffffff0f;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-primary)}.learn-node[data-state=locked] .learn-node-blob{opacity:.45}.learn-node:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:4px}.learn-character-canvas{position:absolute;width:90px;height:110px;z-index:3;pointer-events:none;transform:translate(-50%,-100%)}@media (prefers-reduced-motion:reduce){.learn-node[data-state=current]{animation:none}.learn-character-canvas{display:none}.learn-path-spine path{stroke-dasharray:0}}.stages-timeline{position:relative;padding:0}.stage-card-wrapper{position:relative;max-width:700px;margin:0 auto var(--space-2xl)}.stage-card{padding:var(--space-xl) var(--space-2xl);cursor:pointer;position:relative;text-align:left}.stage-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:4px}.stage-header{gap:var(--space-md);margin-bottom:var(--space-md)}.stage-emoji,.stage-header{display:flex;align-items:center}.stage-emoji{font-size:2.2rem;width:64px;height:64px;justify-content:center;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-subtle);flex-shrink:0}.stage-title-group{flex:1}.stage-level{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.stage-title{font-size:1.5rem;font-weight:800}.stage-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;color:var(--text-muted)}.stage-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--space-lg)}.stage-module-count{font-size:.9rem;color:var(--text-muted);font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.stage-progress-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.stage-progress-text{font-size:.85rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.stage-progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.stage-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.stage-arrow{position:absolute;right:var(--space-xl);top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--text-muted);transition:all var(--transition-normal)}.stage-card:hover .stage-arrow{color:var(--text-primary);transform:translateY(-50%) translateX(6px)}.stage-detail{padding-top:0;min-height:100vh}.stage-detail-header{padding:var(--space-2xl) 0 var(--space-xl)}.stage-back-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.95rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-xl);transition:color var(--transition-fast)}.stage-back-link:hover{color:var(--accent-cyan)}.stage-detail-emoji{font-size:3.5rem;margin-bottom:var(--space-md)}.stage-detail-level{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.stage-detail-title{font-size:2.8rem;margin-bottom:var(--space-md)}.stage-detail-description{color:var(--text-secondary);font-size:1.15rem;line-height:1.6;max-width:65ch}.module-list{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-4xl)}.module-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:4px}.module-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:1.1rem;font-weight:800;flex-shrink:0;border:1px solid var(--border-subtle);background:#ffffff0d;transition:all var(--transition-normal)}.module-number.completed{background:#10b98126;border-color:#10b98166;color:var(--accent-green)}.module-body{flex:1;min-width:0}.module-title-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap}.module-title{font-size:1.25rem;font-weight:700}.module-focus-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:var(--radius-full);background:#00e5ff26;color:var(--accent-cyan);border:1px solid #00e5ff4d}.module-summary{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.module-card:hover .module-arrow-legacy{color:var(--text-primary);transform:translateY(-50%) translateX(6px)}.module-detail{padding-top:120px;min-height:100vh;padding-bottom:var(--space-4xl)}.module-detail-header{padding:var(--space-2xl) 0}.module-breadcrumbs{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;font-weight:500;color:var(--text-muted);margin-bottom:var(--space-xl);flex-wrap:wrap}.module-breadcrumb-link{transition:color var(--transition-fast)}.module-breadcrumb-link:focus-visible,.module-breadcrumb-link:hover{color:var(--accent-cyan);outline:none;text-decoration:underline;text-underline-offset:4px}.module-breadcrumb-separator{color:var(--text-muted);opacity:.6}.module-detail-title{font-size:2.5rem;margin-bottom:var(--space-md);line-height:1.2}.module-summary-card{padding:var(--space-xl);margin-bottom:var(--space-2xl)}.module-summary-card h4{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-sm)}.module-summary-text{font-size:1.15rem;color:var(--text-primary);line-height:1.6;font-weight:400}.analogy-box{position:relative;padding:var(--space-xl) var(--space-xl);background:linear-gradient(135deg,#a855f714,#ec489914);border:1px solid #a855f740;border-radius:var(--radius-lg);margin-bottom:var(--space-2xl)}.analogy-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-purple);margin-bottom:var(--space-md);display:flex;align-items:center;gap:8px}.analogy-text{color:var(--text-primary);font-style:italic;font-size:1.1rem;line-height:1.6}.content-section{margin-bottom:var(--space-2xl)}.content-section-heading{font-size:1.5rem;font-weight:800;margin-bottom:var(--space-md);color:var(--text-primary)}.content-section-text{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;white-space:pre-line}.content-section-text strong{color:var(--text-primary);font-weight:700}.content-section-text code{background:#00e5ff1a;color:var(--accent-cyan);padding:3px 8px;border-radius:6px;font-size:.9em;font-weight:500;font-family:JetBrains Mono,Fira Code,monospace}.content-section-text pre{background:#1c1f2b;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-md) 0;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;line-height:1.6;color:var(--text-primary);box-shadow:inset 0 2px 4px #0003}.key-takeaways{padding:var(--space-xl);margin:var(--space-2xl) 0;background:#10b9810d;border:1px solid #10b98133}.key-takeaways-title{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-green);margin-bottom:var(--space-md);display:flex;align-items:center;gap:8px}.key-takeaway-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.key-takeaway-icon{color:var(--accent-green);margin-top:2px;flex-shrink:0;font-weight:700}.module-nav{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-2xl) 0;border-top:1px solid var(--border-subtle);margin-top:var(--space-3xl)}.module-nav-btn{padding:var(--space-lg);flex:1;max-width:350px;text-align:left}.module-nav-btn.next{text-align:right;margin-left:auto}.module-nav-label{font-size:.8rem;color:var(--text-muted);font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.module-nav-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.footer{text-align:center;padding:var(--space-2xl) 0;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.9rem;font-weight:500}.mini-player{position:fixed;bottom:0;left:0;right:0;z-index:200;height:64px;gap:var(--space-md);padding:0 var(--space-xl);background:#0f111af2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-subtle);box-shadow:0 -4px 20px #0000004d}.mini-player,.mini-player-play{display:flex;align-items:center}.mini-player-play{width:36px;height:36px;border-radius:50%;background:var(--accent-cyan);color:var(--bg-primary);border:none;font-size:.75rem;font-weight:800;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.mini-player-play:hover{transform:scale(1.08);box-shadow:0 0 15px var(--glow-cyan)}.mini-player-controls{gap:var(--space-xs)}.mini-player-controls,.mini-player-skip{display:flex;align-items:center;flex-shrink:0}.mini-player-skip{gap:1px;background:none;border:none;color:var(--text-muted);font-size:.75rem;font-weight:600;padding:var(--space-xs);transition:color var(--transition-fast)}.mini-player-skip:hover{color:var(--text-primary)}.mini-player-skip-icon{font-size:1rem}.mini-player-skip-label{font-size:.6rem}.mini-player-info{flex:1;min-width:0}.mini-player-title{font-size:.85rem;font-weight:600;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-progress-track{height:3px;background:#ffffff1a;border-radius:var(--radius-full);margin-top:6px;overflow:hidden;cursor:pointer;position:relative}.mini-player-progress-track:hover{height:5px}.mini-player-progress-fill{height:100%;background:var(--accent-cyan);border-radius:var(--radius-full);transition:width .3s linear}.mini-player-progress-track:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.mini-player-time{font-size:.75rem;color:var(--text-muted);font-weight:600;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.mini-player-expand{background:none;border:none;color:var(--text-muted);font-size:.9rem;padding:var(--space-xs);transition:color var(--transition-fast);flex-shrink:0;text-decoration:none}.mini-player-expand:hover{color:var(--accent-cyan)}.mini-player-close{background:none;border:none;color:var(--text-muted);font-size:.9rem;padding:var(--space-xs);transition:color var(--transition-fast);flex-shrink:0}.mini-player-close:hover{color:var(--text-primary)}.podcast-player{padding:var(--space-xl) 0}.podcast-player-progress-wrapper{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.podcast-player-time{font-size:.8rem;color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums;min-width:40px}.podcast-player-time:last-child{text-align:right}.podcast-player-progress-track{flex:1;height:6px;background:#ffffff1a;border-radius:var(--radius-full);cursor:pointer;position:relative;overflow:hidden}.podcast-player-progress-track:hover{height:8px}.podcast-player-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));border-radius:var(--radius-full);transition:width .3s linear}.podcast-player-controls{gap:var(--space-xl)}.podcast-player-controls,.podcast-player-play-btn{display:flex;align-items:center;justify-content:center}.podcast-player-play-btn{width:56px;height:56px;border-radius:50%;background:var(--accent-cyan);color:var(--bg-primary);border:none;font-size:1rem;font-weight:800;transition:all var(--transition-fast);box-shadow:0 4px 15px var(--glow-cyan)}.podcast-player-play-btn:hover{transform:scale(1.08);box-shadow:0 0 30px var(--glow-cyan)}.podcast-player-skip{display:flex;align-items:center;gap:2px;background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;transition:color var(--transition-fast)}.podcast-player-skip:hover{color:var(--text-primary)}.podcast-player-skip-icon{font-size:1.3rem}.podcast-player-skip-label{font-size:.7rem}.podcast-player-speed{background:#ffffff14;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;transition:all var(--transition-fast)}.podcast-player-speed:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.episode-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);cursor:pointer}.episode-card-play{width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.episode-card-play:hover{background:#00e5ff26;border-color:var(--accent-cyan);color:var(--accent-cyan)}.episode-card-body{flex:1;min-width:0}.episode-card-title{font-size:1.05rem;font-weight:700;margin-bottom:2px}.episode-card-meta{font-size:.8rem;color:var(--text-muted);font-weight:500}.episode-card-tags{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.podcast-tag{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;border:1px solid;white-space:nowrap}.podcast-tag-cyan{color:var(--accent-cyan);background:#00e5ff1a;border-color:#00e5ff40}.podcast-tag-blue{color:var(--accent-blue);background:#4d91ff1a;border-color:#4d91ff40}.podcast-tag-purple{color:var(--accent-purple);background:#b666ff1a;border-color:#b666ff40}.podcast-tag-green{color:var(--accent-green);background:#10b9811a;border-color:#10b98140}.podcast-tag-amber{color:var(--accent-amber);background:#ffaf1a1a;border-color:#ffaf1a40}.podcast-tag-pink{color:var(--accent-pink);background:#ff5cad1a;border-color:#ff5cad40}.podcasts-page{padding-top:120px;min-height:100vh;padding-bottom:var(--space-4xl)}.podcasts-header{text-align:center;padding:var(--space-3xl) 0 var(--space-xl)}.podcasts-subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:55ch;margin:var(--space-md) auto 0;line-height:1.6}.featured-episode{display:flex;gap:var(--space-2xl);align-items:center;padding:var(--space-2xl);background:linear-gradient(135deg,#00e5ff0f,#b666ff0f);border:1px solid #00e5ff26;border-radius:var(--radius-xl);margin-bottom:var(--space-2xl)}.featured-episode-artwork{width:160px;height:160px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.featured-episode-icon{font-size:4rem}.featured-episode-content{flex:1;min-width:0}.featured-episode-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);margin-bottom:var(--space-sm)}.featured-episode-title{font-size:1.75rem;font-weight:800;margin-bottom:var(--space-xs)}.featured-episode-meta{font-size:.85rem;color:var(--text-muted);font-weight:500;margin-bottom:var(--space-md)}.featured-episode-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg);max-width:60ch}.featured-episode-actions{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.featured-episode-tags{display:flex;gap:6px}.podcast-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xl)}.podcast-filter-pill{padding:6px 16px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;background:#0000;border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--transition-fast)}.podcast-filter-pill:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.podcast-filter-pill.active{background:#00e5ff26;border-color:var(--accent-cyan);color:var(--accent-cyan)}.episode-list{display:flex;flex-direction:column;gap:var(--space-md)}.episode-list-empty{text-align:center;color:var(--text-muted);padding:var(--space-3xl) 0;font-size:1rem}.episode-detail{padding-top:120px;min-height:100vh;padding-bottom:var(--space-4xl)}.episode-back-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.95rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-2xl);transition:color var(--transition-fast)}.episode-back-link:hover{color:var(--accent-cyan)}.episode-detail-header{text-align:center;margin-bottom:var(--space-xl)}.episode-artwork{width:120px;height:120px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-xl)}.episode-artwork-icon{font-size:3.5rem}.episode-detail-title{font-size:2rem;font-weight:800;margin-bottom:var(--space-sm)}.episode-detail-meta{font-size:.9rem;color:var(--text-muted);font-weight:500;margin-bottom:var(--space-md)}.episode-detail-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.episode-description{margin:var(--space-xl) 0;padding:var(--space-xl);background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.episode-description p{font-size:1.05rem;line-height:1.7}.episode-chapters{margin-bottom:var(--space-2xl)}.episode-chapters-title{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-md)}.episode-chapters-list{display:flex;flex-direction:column;gap:4px}.episode-chapter{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#ffffff08;border:1px solid #0000;border-radius:var(--radius-sm);transition:all var(--transition-fast);width:100%;text-align:left}.episode-chapter:hover{background:#00e5ff0d;border-color:#00e5ff26}.episode-chapter.active{background:#00e5ff14;border-color:#00e5ff33}.episode-chapter-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.episode-chapter.active .episode-chapter-label{color:var(--text-primary)}.episode-chapter-time{font-size:.8rem;color:var(--accent-cyan);font-weight:600;font-variant-numeric:tabular-nums}.episode-related-module{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);margin-bottom:var(--space-2xl);background:#00e5ff0a;border-color:#00e5ff1f;cursor:pointer}.episode-related-icon{font-size:1.5rem}.episode-related-label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.episode-related-title{font-size:1rem;color:var(--accent-cyan);font-weight:600}.episode-nav{display:flex;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-2xl);border-top:1px solid var(--border-subtle);margin-top:var(--space-xl)}.episode-nav-btn{padding:var(--space-lg);flex:1;max-width:280px;text-align:left;cursor:pointer}.episode-nav-btn.next{text-align:right;margin-left:auto}.episode-nav-label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.episode-nav-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.platform-overview{padding:var(--space-4xl) 0;background:var(--bg-secondary)}.platform-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.platform-card{padding:var(--space-2xl);cursor:pointer;display:flex;flex-direction:column}.platform-card-icon{font-size:2.5rem;margin-bottom:var(--space-lg)}.platform-card-title{font-size:1.4rem;font-weight:800;margin-bottom:var(--space-md)}.platform-card-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg);flex:1}.platform-card-preview{font-size:.85rem;color:var(--accent-cyan);font-weight:600;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:#00e5ff0f;border-radius:var(--radius-sm);border:1px solid #00e5ff1a}.platform-card-link{font-size:.95rem;font-weight:700;color:var(--accent-cyan);transition:all var(--transition-fast)}.platform-card:hover .platform-card-link{letter-spacing:.02em}.episode-spotlight{padding:var(--space-4xl) 0}.spotlight-card{display:flex;gap:var(--space-2xl);align-items:center;padding:var(--space-2xl);background:linear-gradient(135deg,#00e5ff0a,#b666ff0a);border-color:#00e5ff1a}.spotlight-artwork{width:120px;height:120px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spotlight-artwork-icon{font-size:3rem}.spotlight-content{flex:1;min-width:0}.spotlight-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan)}.spotlight-label,.spotlight-title{font-weight:800;margin-bottom:var(--space-sm)}.spotlight-title{font-size:1.5rem}.spotlight-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg);max-width:55ch}.spotlight-actions{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.spotlight-tags{display:flex;gap:6px}.path-preview{padding:var(--space-4xl) 0;background:var(--bg-secondary)}.path-preview-title{text-align:center;margin-bottom:var(--space-2xl)}.path-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.path-preview-card{padding:var(--space-xl);text-align:center;cursor:pointer}.path-preview-emoji{font-size:2rem;margin-bottom:var(--space-md)}.path-preview-level{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.path-preview-stage-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-sm)}.path-preview-modules{font-size:.8rem;color:var(--text-muted);font-weight:600}body:has(.mini-player){padding-bottom:80px}.navbar-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:var(--space-sm);cursor:pointer;z-index:110}.navbar-hamburger-line{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast);transform-origin:center}.navbar-hamburger.open .navbar-hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar-hamburger.open .navbar-hamburger-line:nth-child(2){opacity:0}.navbar-hamburger.open .navbar-hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.hero-stats{flex-direction:column;gap:var(--space-xl)}.module-card,.stage-card{padding:var(--space-lg)}.module-card{flex-direction:column;gap:var(--space-md)}.module-arrow{display:none}.module-nav{flex-direction:column}.module-nav-btn{max-width:100%;text-align:left!important}.hero-title{font-size:2.2rem}.navbar-progress-bar{display:none}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn-primary,.hero-cta .btn-secondary{width:100%;justify-content:center}.navbar-hamburger{display:flex}.navbar-links{display:none;position:fixed;top:0;right:0;bottom:0;width:280px;flex-direction:column;background:#0f111afa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:100px var(--space-2xl) var(--space-2xl);border-left:1px solid var(--border-subtle);gap:var(--space-xl);z-index:105}.navbar-links-open{display:flex}.navbar-link{font-size:1.1rem}.platform-cards{grid-template-columns:1fr}.featured-episode{flex-direction:column;text-align:center}.featured-episode-artwork{width:120px;height:120px}.featured-episode-actions{justify-content:center}.spotlight-card{flex-direction:column;text-align:center}.spotlight-artwork{width:100px;height:100px}.spotlight-actions{justify-content:center}.path-preview-grid{grid-template-columns:1fr 1fr}.episode-nav{flex-direction:column}.episode-nav-btn{max-width:100%;text-align:left!important}.episode-card{flex-direction:column;align-items:flex-start}.episode-card-tags{align-self:flex-start}.mini-player{padding:0 var(--space-md);gap:var(--space-sm)}.mini-player-skip,.mini-player-time{display:none}.mini-player-controls{gap:0}}@media (max-width:480px){.container,.container-narrow{padding:0 var(--space-md)}.stage-header{flex-direction:column;align-items:flex-start}.path-preview-grid{grid-template-columns:1fr}.featured-episode-artwork{width:100px;height:100px}.mini-player-title{font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-badge-dot{animation:none!important}}.header-auth{position:relative;margin-left:1rem}.header-auth-signin{padding:.4rem .9rem;border-radius:6px;background:var(--accent-green);color:#0b0b0b;font-weight:600;text-decoration:none}.header-auth-avatar{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff26;background:#ffffff0f;cursor:pointer;overflow:hidden;padding:0}.header-auth-avatar img{width:100%;height:100%;object-fit:cover}.header-auth-initial{font-weight:600;color:#fff}.header-auth-menu{position:absolute;right:0;top:calc(100% + .5rem);background:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem;min-width:180px;display:flex;flex-direction:column;gap:.25rem;z-index:50}.header-auth-menu a,.header-auth-menu button{text-align:left;padding:.5rem .75rem;border-radius:4px;background:#0000;border:none;color:#eaeaea;cursor:pointer;font-size:.9rem;text-decoration:none}.header-auth-menu a:hover,.header-auth-menu button:hover{background:#ffffff14}.header-auth-menu-name{padding:.5rem .75rem;font-size:.85rem;color:#888;border-bottom:1px solid #ffffff14;margin-bottom:.25rem}.header-auth-menu-level{padding:.25rem .75rem .5rem;font-size:.7rem;color:var(--accent-cyan);border-bottom:1px solid #ffffff0f;margin-bottom:.25rem}.header-level-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);background:linear-gradient(135deg,#00e5ff1f,#4d91ff14);color:var(--accent-cyan);font-size:.65rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.header-auth-placeholder{width:36px;height:36px}.leaderboard-page,.profile-page{max-width:800px;margin:2rem auto;padding:0 1rem}.leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.leaderboard-row{display:grid;grid-template-columns:3rem 2.5rem 1fr auto auto;gap:.75rem;align-items:center;padding:.75rem;background:#ffffff08;border-radius:8px}.leaderboard-row.is-me{background:#64c8781f;outline:1px solid #64c87859}.leaderboard-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff0f}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-points{font-weight:600;color:var(--accent-green,#6ecb7a)}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) 0 var(--space-xl)}.profile-avatar-large{width:80px;height:80px;border-radius:var(--radius-full);overflow:hidden;background:#ffffff14;display:flex;align-items:center;justify-content:center}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-fallback{font-size:2rem;font-weight:700;color:var(--text-primary)}.profile-name{font-size:1.5rem;font-weight:800;margin:0}.profile-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-lg)}.profile-stat-value{font-size:1.3rem;font-weight:800;color:var(--text-primary)}.profile-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.profile-xp-section{padding:var(--space-lg);margin-bottom:var(--space-xl)}.profile-xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);font-size:.85rem;font-weight:600}.profile-xp-level{color:var(--text-muted);font-size:.75rem}.profile-points{font-size:2rem;color:var(--accent-green,#6ecb7a);font-weight:700}.profile-form{display:flex;gap:.5rem;align-items:end;margin:1rem 0 2rem}.profile-form label{display:flex;flex-direction:column;gap:.25rem}.profile-progress{margin-top:var(--space-lg)}.profile-progress h2{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-md)}.profile-stage{padding:var(--space-md);margin-bottom:var(--space-sm)}.profile-stage-header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:var(--space-xs)}.profile-stage-name{display:flex;align-items:center;gap:var(--space-xs)}.profile-stage-check{color:var(--accent-green)}.profile-stage-count{font-size:.85rem;color:var(--text-muted)}.profile-stage-bar{height:4px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-xs)}.profile-stage-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.profile-stage-award{color:var(--accent-amber,#f5c26b);font-size:.75rem}@media (max-width:600px){.profile-stats-row{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:2rem 2rem 1fr auto}.leaderboard-modules{display:none}}.mark-complete-btn{padding:.75rem 1.25rem;border-radius:8px;border:none;background:var(--accent-green,#6ecb7a);color:#0b0b0b;font-weight:700;cursor:pointer;font-size:1rem;margin-top:2rem}.mark-complete-btn:disabled{opacity:.6;cursor:wait}.mark-complete-done{padding:.75rem 1.25rem;border-radius:8px;background:#64c87826;color:var(--accent-green,#6ecb7a);font-weight:600;margin-top:2rem;display:inline-block}.mark-complete-signin{color:#aaa;font-size:.9rem;text-decoration:underline;margin-top:2rem;display:inline-block}.stage-toast{position:fixed;bottom:2rem;right:2rem;z-index:1000;background:var(--accent-amber,#f5c26b);color:#0b0b0b;padding:1rem 1.5rem;border-radius:8px;font-weight:700;box-shadow:0 8px 24px #0000004d;cursor:pointer;animation:toast-in .3s ease-out}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stage-award-badge{display:inline-block;padding:.5rem 1rem;margin-top:1rem;background:var(--accent-amber,#f5c26b);color:#0b0b0b;border-radius:6px;font-weight:700}.quiz-step{max-width:640px;margin:0 auto}.quiz-step-title{font-size:1.25rem;font-weight:700;color:var(--text-primary,#f5ecd9);margin-bottom:var(--space-md,16px)}.quiz-step-description{color:var(--text-secondary,#999);margin-bottom:var(--space-lg,24px)}.quiz-start-btn{display:inline-block;padding:12px 32px;background:#f0b35a26;border:1px solid #f0b35a4d;border-radius:8px;color:#f0b35a;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,border-color .2s}.quiz-start-btn:hover{background:#f0b35a40;border-color:#f0b35a80}.quiz-progress{font-size:.85rem;color:var(--text-secondary,#999);margin-bottom:var(--space-md,16px);font-weight:500}.quiz-question-text{font-size:1.1rem;font-weight:600;color:var(--text-primary,#f5ecd9);margin-bottom:var(--space-md,16px);line-height:1.5}.quiz-code-snippet{background:#0006;border:1px solid #ffffff14;border-radius:8px;padding:16px;margin-bottom:var(--space-md,16px);overflow-x:auto;font-size:.85rem;line-height:1.6}.quiz-code-snippet code{color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--space-md,16px)}.quiz-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s;text-align:left;width:100%;color:var(--text-primary,#f5ecd9);font-size:.95rem}.quiz-option:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.quiz-option-letter{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:6px;background:#ffffff0f;font-weight:700;font-size:.8rem;color:var(--text-secondary,#999);flex-shrink:0}.quiz-option-text{padding-top:3px;line-height:1.4}.quiz-option-correct{background:#10b9811f;border-color:#10b98166}.quiz-option-correct .quiz-option-letter{background:#10b98140;color:#10b981}.quiz-option-wrong{background:#ef44441f;border-color:#ef444466}.quiz-option-wrong .quiz-option-letter{background:#ef444440;color:#ef4444}.quiz-option-disabled{opacity:.5;cursor:default}.quiz-feedback{padding:16px;border-radius:8px;margin-top:var(--space-sm,8px)}.quiz-feedback-correct{background:#10b98114;border:1px solid #10b98133}.quiz-feedback-wrong{background:#ef444414;border:1px solid #ef444433}.quiz-feedback-text{font-weight:600;margin-bottom:6px}.quiz-feedback-correct .quiz-feedback-text{color:#10b981}.quiz-feedback-wrong .quiz-feedback-text{color:#ef4444}.quiz-explanation{color:var(--text-secondary,#999);font-size:.9rem;line-height:1.5;margin-bottom:8px}.quiz-doc-link,.quiz-doc-link-small{color:#60a5fa;font-size:.85rem;text-decoration:none;font-weight:500}.quiz-doc-link-small:hover,.quiz-doc-link:hover{text-decoration:underline}.quiz-next-btn{display:inline-block;margin-top:var(--space-md,16px);padding:10px 24px;background:#f0b35a26;border:1px solid #f0b35a4d;border-radius:8px;color:#f0b35a;font-weight:600;cursor:pointer;transition:background .2s}.quiz-next-btn:hover{background:#f0b35a40}.quiz-results-score{display:flex;align-items:center;gap:20px;padding:24px;border-radius:12px;margin-bottom:var(--space-lg,24px)}.quiz-results-passed{background:#10b98114;border:1px solid #10b98133}.quiz-results-failed{background:#f59e0b14;border:1px solid #f59e0b33}.quiz-results-circle{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;flex-shrink:0}.quiz-results-passed .quiz-results-circle{background:#10b98126;border:2px solid #10b981}.quiz-results-failed .quiz-results-circle{background:#f59e0b26;border:2px solid #f59e0b}.quiz-results-number{font-size:1.2rem;font-weight:800}.quiz-results-passed .quiz-results-number{color:#10b981}.quiz-results-failed .quiz-results-number{color:#f59e0b}.quiz-results-title{font-size:1.1rem;font-weight:700;color:var(--text-primary,#f5ecd9)}.quiz-results-points{color:var(--text-secondary,#999);font-size:.9rem;margin-top:4px}.quiz-results-breakdown{margin-bottom:var(--space-lg,24px)}.quiz-results-breakdown-title,.quiz-review-title{font-size:.9rem;font-weight:600;color:var(--text-secondary,#999);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm,8px)}.quiz-results-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff0a;font-size:.9rem}.quiz-results-icon{font-weight:700;width:20px;text-align:center}.quiz-results-item-correct .quiz-results-icon{color:#10b981}.quiz-results-item-wrong .quiz-results-icon{color:#ef4444}.quiz-review-section{padding:16px;background:#60a5fa0f;border:1px solid #60a5fa26;border-radius:8px;margin-bottom:var(--space-lg,24px)}.quiz-review-link{display:flex;align-items:center;gap:8px;color:#60a5fa;text-decoration:none;font-size:.9rem;padding:6px 0}.quiz-review-link:hover{text-decoration:underline}.quiz-results-actions{display:flex;gap:12px;flex-wrap:wrap}.quiz-retry-btn{padding:12px 24px;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:var(--text-primary,#f5ecd9);font-weight:600;cursor:pointer;transition:background .2s}.quiz-retry-btn:hover{background:#ffffff1a}.step-indicator-dot.quiz{background:#60a5fa4d}.step-indicator-dot.quiz.active{background:#60a5fa;box-shadow:0 0 8px #60a5fa66}.step-indicator-dot.quiz.completed{background:#60a5fa}.quiz-error-text{color:#ef4444;margin-bottom:var(--space-md,16px)}.codex-layout{max-width:1200px;margin:0 auto;padding:80px var(--space-lg) var(--space-xl)}.codex-page{min-height:100vh;background:var(--bg-primary)}.codex-header{text-align:center;padding:var(--space-3xl) var(--space-lg) var(--space-2xl)}.codex-header h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.codex-header p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.7}.codex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.codex-domain-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-glass);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--space-md)}.codex-domain-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glass),0 0 25px #ffaf1a14;transform:translateY(-2px)}.codex-domain-card h2{font-size:1.4rem;letter-spacing:-.02em;color:var(--text-primary)}.codex-domain-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;flex:1}.codex-domain-badge{display:inline-flex;align-items:center;padding:3px 10px;background:#ffaf1a1f;border:1px solid #ffaf1a40;border-radius:var(--radius-full);color:var(--accent-amber);font-size:.78rem;font-weight:600;letter-spacing:.03em;align-self:flex-start}.codex-domain-page{min-height:100vh;background:var(--bg-primary)}.codex-domain-header{padding:96px var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);max-width:1200px;margin:0 auto}.codex-domain-header h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:var(--space-sm);font-weight:800;letter-spacing:-.02em}.codex-domain-header p{color:var(--text-secondary);font-size:1rem;max-width:700px;line-height:1.7}.codex-domain-layout{display:flex;align-items:flex-start;gap:var(--space-2xl);max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.codex-domain-content{flex:1;min-width:0}.codex-architecture-diagram{font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.6;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);overflow-x:auto;color:var(--accent-cyan);white-space:pre;margin:var(--space-md) 0}.codex-sidebar{width:250px;flex-shrink:0;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;list-style:none;padding:0 var(--space-md) 0 0;scrollbar-width:thin;scrollbar-color:var(--bg-secondary) #0000;border-right:1px solid var(--border-subtle)}.codex-sidebar a{display:block;padding:10px 14px;color:var(--text-muted);font-size:.875rem;border-radius:var(--radius-sm);border-left:2px solid #0000;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);text-decoration:none;line-height:1.4}.codex-sidebar a:hover{color:var(--text-secondary);background:#ffffff0a}.codex-sidebar a.codex-sidebar-active,.codex-sidebar-active{color:var(--accent-amber)!important;border-left-color:var(--accent-amber)!important;background:#ffaf1a12!important;font-weight:600}.codex-sidebar-divider{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:var(--space-md) 14px var(--space-xs);opacity:.6}.codex-section{margin-bottom:var(--space-3xl);scroll-margin-top:96px}.codex-section h2{font-size:1.6rem;letter-spacing:-.025em;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.codex-table-wrapper{overflow-x:auto;margin:var(--space-md) 0;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.codex-table{width:100%;border-collapse:collapse;font-size:.9rem}.codex-table caption{caption-side:top;padding:10px 16px;font-weight:600;color:var(--text-muted);letter-spacing:.06em;background:#ffffff08;border-bottom:1px solid var(--border-subtle)}.codex-table caption,.codex-table th{text-align:left;font-size:.8rem;text-transform:uppercase}.codex-table th{font-weight:700;letter-spacing:.05em;border-bottom:2px solid var(--border-glow);background:#ffffff05;white-space:nowrap}.codex-table td,.codex-table th{padding:12px 16px;color:var(--text-secondary)}.codex-table td{border-bottom:1px solid #ffffff0a;vertical-align:top;line-height:1.5}.codex-table tbody tr:nth-child(2n) td{background:hsla(0,0%,100%,.015)}.codex-table tbody tr:hover td{background:#ffffff0a}.codex-table tbody tr:last-child td{border-bottom:none}.codex-code-wrapper{position:relative;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;margin:var(--space-md) 0;background:#00000059}.codex-code-title{display:flex;align-items:center;gap:var(--space-sm);padding:8px 14px;background:#ffffff0a;border-bottom:1px solid var(--border-subtle);font-size:.78rem;letter-spacing:.03em;font-family:Fira Code,Cascadia Code,Consolas,monospace}.codex-code-copy,.codex-code-title{font-weight:600;color:var(--text-muted)}.codex-code-copy{position:absolute;top:8px;right:10px;padding:4px 10px;font-size:.72rem;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast);font-family:var(--font-sans);z-index:2}.codex-code-wrapper:hover .codex-code-copy{opacity:1}.codex-code-copy:hover{background:#ffffff1a;color:var(--text-primary)}.codex-code-block{overflow-x:auto}.codex-code-block pre{background:#0000!important;margin:0!important;padding:var(--space-md) var(--space-lg)!important;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.65}.codex-pitfall{border-left:3px solid var(--accent-amber);background:#ffaf1a0f;border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0}.codex-pitfall h4{font-size:.9rem;font-weight:700;color:var(--accent-amber);letter-spacing:.03em;text-transform:uppercase;margin-bottom:var(--space-sm)}.codex-pitfall li,.codex-pitfall p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.codex-tree{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);margin:var(--space-md) 0}.codex-tree-title{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md)}.codex-tree-question{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-lg)}.codex-tree-options{display:flex;flex-direction:column;gap:var(--space-sm)}.codex-tree-option{padding:12px 16px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;text-align:left;transition:all var(--transition-fast);font-family:inherit}.codex-tree-option:hover{background:#ffffff12;border-color:var(--border-glow);color:var(--text-primary);transform:translateX(4px)}.codex-tree-result{padding:var(--space-md) var(--space-lg);background:#10b98114;border:1px solid #10b98140;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-top:var(--space-md)}.codex-tree-result strong{color:var(--accent-green)}.codex-tree-breadcrumb{font-size:.78rem;color:var(--text-muted);margin-bottom:var(--space-sm);font-style:italic;line-height:1.5}.codex-tree-reset{background:none;border:none;color:var(--text-muted);font-size:.82rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;margin-top:var(--space-md);padding:0;font-family:inherit;transition:color var(--transition-fast)}.codex-tree-reset:hover{color:var(--text-secondary)}.codex-quiz{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);background:#16192599}.codex-quiz-start{text-align:center;padding:var(--space-2xl) var(--space-xl)}.codex-quiz-title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-sm)}.codex-quiz-desc{color:var(--text-secondary);font-size:.92rem;margin-bottom:var(--space-lg)}.codex-quiz-start-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;background:linear-gradient(180deg,#fad78a,#f0b35a 55%,#e08c3a);color:#2a1708;font-family:inherit;font-size:.88rem;font-weight:700;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:inset 0 1px 0 #ffffff59,inset 0 -2px 0 #8a4a1d59,0 4px 14px -4px #f0b35a73}.codex-quiz-start-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff59,inset 0 -2px 0 #8a4a1d59,0 8px 20px -4px #f0b35a80}.codex-quiz-progress{font-size:.78rem;font-weight:600;color:var(--accent-amber);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-lg)}.codex-quiz-question{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.55;margin-bottom:var(--space-lg)}.codex-quiz-options{display:flex;flex-direction:column;gap:var(--space-sm)}.codex-quiz-option{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;text-align:left;transition:all var(--transition-fast);font-family:inherit;line-height:1.5}.codex-quiz-option:hover:not(:disabled){background:#ffffff12;border-color:var(--border-glow);color:var(--text-primary)}.codex-quiz-option-letter{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:var(--radius-sm);background:#ffffff0f;font-size:.78rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.codex-quiz-option--correct{background:#10b9811a!important;border-color:#10b98166!important;color:var(--text-primary)!important}.codex-quiz-option--correct .codex-quiz-option-letter{background:#10b9814d;color:#10b981}.codex-quiz-option--incorrect{background:#ef444414!important;border-color:#ef444459!important;color:var(--text-secondary)!important}.codex-quiz-option--incorrect .codex-quiz-option-letter{background:#ef444433;color:#ef4444}.codex-quiz-option--disabled{opacity:.5}.codex-quiz-feedback{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:.9rem;line-height:1.65}.codex-quiz-feedback--correct{background:#10b9810f;border:1px solid #10b98133}.codex-quiz-feedback--wrong{background:#ef44440a;border:1px solid #ef444426}.codex-quiz-feedback-status{font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.codex-quiz-feedback-explanation{color:var(--text-secondary)}.codex-quiz-next-btn{display:block;width:100%;margin-top:var(--space-lg);padding:12px 24px;background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.codex-quiz-next-btn:hover{background:#ffffff1a;border-color:var(--accent-amber);color:var(--accent-amber)}.codex-quiz-results{text-align:center}.codex-quiz-score{gap:var(--space-lg);margin:var(--space-xl) 0}.codex-quiz-score,.codex-quiz-score-circle{display:flex;align-items:center;justify-content:center}.codex-quiz-score-circle{width:80px;height:80px;border-radius:50%;flex-shrink:0}.codex-quiz-passed .codex-quiz-score-circle{background:#10b9811f;border:2px solid #10b98166}.codex-quiz-failed .codex-quiz-score-circle{background:#ef444414;border:2px solid #ef44444d}.codex-quiz-score-number{font-size:1.5rem;font-weight:800;font-family:var(--font-display);color:var(--text-primary)}.codex-quiz-score-summary{text-align:left}.codex-quiz-score-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.codex-quiz-score-points{font-size:.88rem;color:var(--accent-amber);font-weight:600}.codex-quiz-breakdown{text-align:left;margin:var(--space-xl) 0}.codex-quiz-breakdown h4{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-sm)}.codex-quiz-breakdown-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:.88rem;border-bottom:1px solid #ffffff0a}.codex-quiz-item-correct{color:#10b981}.codex-quiz-item-wrong{color:#ef4444}.codex-search{position:relative}.codex-search-input{width:100%;padding:12px 16px 12px 42px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.codex-search-input::placeholder{color:var(--text-muted)}.codex-search-input:focus{border-color:var(--border-glow);box-shadow:0 0 0 3px #00e5ff12}.codex-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;background:var(--bg-secondary);border:1px solid var(--border-glow);border-radius:var(--radius-md);box-shadow:var(--shadow-glass),0 8px 32px #00000080;max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-card) #0000}.codex-search-results a{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;color:var(--text-secondary);font-size:.88rem;text-decoration:none;border-bottom:1px solid #ffffff0a;transition:background var(--transition-fast),color var(--transition-fast)}.codex-search-results a:last-child{border-bottom:none}.codex-search-results a:hover{background:#ffffff0f;color:var(--text-primary)}.codex-search-domain-pill{padding:2px 8px;background:#ffaf1a1f;border:1px solid #ffaf1a33;border-radius:var(--radius-full);color:var(--accent-amber);font-size:.7rem;font-weight:600;letter-spacing:.04em;flex-shrink:0}.codex-crosslink,.codex-search-domain-pill{display:inline-flex;align-items:center;white-space:nowrap}.codex-crosslink{gap:6px;padding:3px 10px 3px 8px;background:#00e5ff0f;border:1px solid #00e5ff26;border-radius:var(--radius-full);color:var(--accent-cyan);font-size:.82rem;font-weight:500;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.codex-crosslink:hover{background:#00e5ff1f;border-color:#00e5ff4d;color:var(--text-primary)}.community-hub{margin-top:var(--space-2xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-glass);overflow:hidden}.community-hub-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.community-hub-header-text{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary)}.community-hub-header h2{font-size:1.4rem;letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.community-hub-header p{color:var(--text-tertiary);font-size:.9rem;flex:1;margin:0}.community-hub-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#ffaf1a1f;border:1px solid #ffaf1a4d;border-radius:var(--radius-full);color:var(--accent-amber);font-size:.85rem;font-weight:600;text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.community-hub-cta:hover{background:#ffaf1a33;border-color:#ffaf1a80;transform:translateY(-1px)}.community-hub-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-subtle)}.community-hub-category-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-card);border-left:3px solid #0000;text-decoration:none;color:inherit;transition:all var(--transition-normal)}.community-hub-category-card:hover{background:var(--bg-card-hover)}.community-hub-category-card h3{font-size:.95rem;color:var(--text-primary);margin:0;letter-spacing:-.01em}.community-hub-category-card p{font-size:.82rem;color:var(--text-tertiary);line-height:1.5;margin:0}.community-hub-highlights{padding:var(--space-xl);border-top:1px solid var(--border-subtle)}.community-hub-section-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--text-secondary)}.community-hub-section-title h2,.community-hub-section-title h3{font-size:1rem;margin:0;color:var(--text-secondary);letter-spacing:-.01em}.community-hub-highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.community-hub-highlight-card{display:flex;flex-direction:column;gap:8px;padding:var(--space-md) var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-normal)}.community-hub-highlight-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover)}.community-hub-highlight-card:hover .community-hub-highlight-arrow{opacity:1;transform:translate(2px,-2px)}.community-hub-highlight-tag{display:inline-flex;align-self:flex-start;padding:2px 8px;background:#4fc3f71a;border:1px solid #4fc3f733;border-radius:var(--radius-sm);color:#4fc3f7;font-size:.72rem;font-weight:500;letter-spacing:.03em;font-family:var(--font-mono,monospace)}.community-hub-highlight-title{display:flex;align-items:flex-start;gap:6px;font-size:.92rem;color:var(--text-primary);line-height:1.4;font-weight:500}.community-hub-highlight-arrow{flex-shrink:0;opacity:0;transition:all var(--transition-normal);color:var(--accent-amber);margin-top:2px}.community-hub-highlight-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-tertiary)}.community-hub-highlight-dot{opacity:.4}.community-hub-footer{display:grid;grid-template-columns:1fr auto;gap:var(--space-xl);padding:var(--space-xl);border-top:1px solid var(--border-subtle)}.community-hub-tags-cloud{display:flex;flex-wrap:wrap;gap:8px}.community-hub-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);text-decoration:none;color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono,monospace);transition:all var(--transition-normal)}.community-hub-tag:hover{border-color:var(--border-glow);color:var(--text-primary);background:var(--bg-card-hover)}.community-hub-tag-count{font-size:.7rem;color:var(--text-tertiary);opacity:.7}.community-hub-quick-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.community-hub-quick-link{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-size:.85rem;transition:all var(--transition-normal);white-space:nowrap}.community-hub-quick-link:hover{background:var(--bg-primary);color:var(--text-primary)}.community-hub-quick-link-icon{margin-left:auto;opacity:0;transition:opacity var(--transition-normal)}.community-hub-quick-link:hover .community-hub-quick-link-icon{opacity:.5}@media (max-width:768px){.codex-grid{grid-template-columns:1fr}.codex-domain-layout{flex-direction:column;gap:0;padding:var(--space-md)}.codex-sidebar{width:100%;position:static;max-height:none;display:flex;flex-direction:row;gap:4px;overflow-x:auto;overflow-y:visible;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-lg);scrollbar-width:none}.codex-sidebar::-webkit-scrollbar{display:none}.codex-sidebar li{flex-shrink:0}.codex-sidebar a{padding:6px 12px;white-space:nowrap;border-left:none;border-bottom:2px solid #0000;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.codex-sidebar a.codex-sidebar-active,.codex-sidebar-active{border-left-color:#0000!important;border-bottom-color:var(--accent-amber)!important;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.codex-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.codex-layout{padding:var(--space-lg) var(--space-md)}.codex-header{padding:var(--space-xl) var(--space-md) var(--space-lg)}.codex-domain-header{padding:var(--space-lg) var(--space-md) var(--space-md)}.codex-quiz,.codex-tree,.community-hub-header{padding:var(--space-lg)}.community-hub-header{flex-direction:column;align-items:flex-start}.community-hub-categories{grid-template-columns:repeat(2,1fr)}.community-hub-highlights{padding:var(--space-lg)}.community-hub-footer,.community-hub-highlights-grid{grid-template-columns:1fr}.community-hub-footer{padding:var(--space-lg)}}@media (max-width:480px){.community-hub-categories{grid-template-columns:1fr}}.hub-sidebar{display:flex;flex-direction:column;height:100%}.hub-sidebar-heading{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px}.hub-sidebar-tagline{font-size:.75rem;color:var(--text-muted);margin:0;line-height:1.5}.hub-sidebar-divider{height:1px;background:#f0b35a1a;border:none;margin:14px 0}.hub-sidebar-nav{display:flex;flex-direction:column;gap:2px}.hub-sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-muted);background:none;border:1px solid #0000;cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:background .15s,color .15s}.hub-sidebar-item:hover{background:#ffffff0a;color:var(--text-secondary)}.hub-sidebar-item--active{font-weight:600;color:var(--text-primary)}.hub-sidebar-item--gold.hub-sidebar-item--active{background:#f0b35a1a;border-color:#f0b35a33;color:#f0b35a;border-left:2px solid #f0b35a}.hub-sidebar-item--cyan.hub-sidebar-item--active{background:#4fc3f714;border-color:#4fc3f733;color:#4fc3f7;border-left:2px solid #4fc3f7}.hub-sidebar-item--purple.hub-sidebar-item--active{background:#a855f71a;border-color:#a855f733;color:#a855f7;border-left:2px solid #a855f7}.hub-sidebar-item-icon{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.hub-sidebar-item-label{flex:1}.hub-sidebar-item-count{font-size:.65rem;font-weight:600;padding:1px 7px;border-radius:var(--radius-full);background:#ffffff0f;color:var(--text-muted)}.hub-sidebar-actions{display:flex;flex-direction:column;gap:4px}.hub-sidebar-action{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font-size:.8125rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s}.hub-sidebar-action:hover{background:#ffffff0a;color:var(--text-secondary)}.hub-sidebar-action--amber{color:#f0b35a}.hub-sidebar-action--amber:hover{background:#f0b35a1a;color:#fad78a}.hub-sidebar-action-icon{font-size:.9rem;width:18px;text-align:center;flex-shrink:0}.hub-content-wrapper{padding:32px 48px var(--space-3xl);max-width:1100px;width:100%}.hub-content-header{margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-lg)}.hub-header-eyebrow{font-size:.7rem;letter-spacing:.18em;color:#f0b35a;font-weight:600;text-transform:uppercase;margin-bottom:var(--space-xs)}.hub-content-title{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;letter-spacing:-.025em;color:#f5ecd9;margin:0 0 var(--space-xs)}.hub-content-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.6}.hub-content-area{min-height:200px}.hub-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.hub-card-plus-icon{width:20px;height:20px;color:#a855f7}.hub-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:9px;font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);border:1px solid #0000;background:#0000;white-space:nowrap}.hub-tab:hover{color:var(--text-secondary);background:#ffffff08}.hub-tab[data-active=true]{font-weight:600;border:1px solid #f0b35a40}.hub-tab[data-active=true][data-accent=gold]{color:#f0b35a;background:#f0b35a1f}.hub-tab[data-active=true][data-accent=cyan]{color:#4fc3f7;background:#4fc3f71f;border-color:#4fc3f740}.hub-tab[data-active=true][data-accent=purple]{color:#a855f7;background:#a855f71f;border-color:#a855f740}.hub-card{display:flex;align-items:center;gap:14px;background:#161925;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;color:inherit}.hub-card:hover{background:#1c2030;border-color:var(--border-glow);transform:translateY(-2px);box-shadow:var(--shadow-glass)}.hub-card-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;border:1px solid #f0b35a33;background:linear-gradient(135deg,#f0b35a1f,#f0b35a0a)}.hub-card-icon[data-accent=cyan]{border-color:#4fc3f733;background:linear-gradient(135deg,#4fc3f71f,#4fc3f70a)}.hub-card-icon[data-accent=purple]{border-color:#a855f733;background:linear-gradient(135deg,#a855f71f,#a855f70a)}.hub-card-body{flex:1;min-width:0}.hub-card-title{font-size:.95rem;font-weight:700;margin-bottom:2px}.hub-card-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.hub-card-meta{display:flex;gap:8px;margin-top:6px;align-items:center;flex-wrap:wrap}.hub-card-tag{background:#ffffff0a;padding:2px 8px;border-radius:6px}.hub-card-author,.hub-card-tag{font-size:.65rem;color:var(--text-muted)}.hub-card-arrow{color:var(--text-muted);font-size:1rem;flex-shrink:0;transition:transform var(--transition-fast)}.hub-card:hover .hub-card-arrow{transform:translateX(3px);color:#f0b35a}.hub-empty{border:1px dashed #ffffff14;border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:.8rem}.hub-resource-url{font-size:.65rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.playbook-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);max-width:760px}.playbook-card{background:#161925;border:1px solid #4fc3f724;border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:0 4px 24px #00000040;position:relative;overflow:hidden;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.playbook-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0000,#4fc3f759,#0000);pointer-events:none}.playbook-card:hover{border-color:#4fc3f747;box-shadow:0 8px 32px #00000059,0 0 0 1px #4fc3f714}.playbook-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.playbook-card-identity{display:flex;align-items:center;gap:14px}.playbook-card-icon{font-size:2rem;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(79,195,247,.3))}.playbook-card-org{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#4fc3f7;font-weight:600;margin-bottom:2px}.playbook-card-title{font-size:1.2rem;font-weight:800;color:#f5ecd9;letter-spacing:-.02em;margin:0}.playbook-card-badge{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);flex-shrink:0}.playbook-card-badge--private{background:#f0b35a1a;color:#f0b35a;border:1px solid #f0b35a33}.playbook-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.playbook-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin:0 0 var(--space-lg)}.playbook-highlights{background:#111420;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl)}.playbook-highlights-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600;margin-bottom:var(--space-sm)}.playbook-highlights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.playbook-highlight-item{display:flex;align-items:baseline;gap:8px;font-size:.8125rem;color:var(--text-secondary);line-height:1.55}.playbook-highlight-marker{color:#4fc3f7;font-size:.6rem;flex-shrink:0;margin-top:1px}.playbook-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.playbook-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:#0e1e28;border:1px solid #4fc3f747;border-radius:var(--radius-md);color:#4fc3f7;font-size:.875rem;font-weight:600;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.playbook-cta:hover{background:#4fc3f733;border-color:#4fc3f773;color:#a8d8f0}.playbook-cta-arrow{font-size:.9rem;transition:transform var(--transition-fast)}.playbook-cta:hover .playbook-cta-arrow{transform:translate(2px,-2px)}.playbook-card-repo{font-size:.7rem;color:var(--text-muted);font-family:monospace}.playbook-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-xl);border:1px dashed #ffffff14;border-radius:var(--radius-lg);text-align:center}.playbook-empty-icon{font-size:2rem;opacity:.4}.playbook-empty p{font-size:.8rem;color:var(--text-muted);margin:0}.playbook-empty code{font-size:.75rem;color:var(--text-secondary);background:#ffffff0f;padding:1px 6px;border-radius:4px}.tutorial-reading-column{padding:var(--space-xl) 48px var(--space-3xl);max-width:780px;width:100%}.tutorial-back-row{margin-top:var(--space-xl)}.tutorial-page{max-width:720px;margin:0 auto;padding:6rem var(--space-lg) var(--space-3xl)}.tutorial-breadcrumb a{color:#f0b35a;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.tutorial-breadcrumb a:hover{color:#fad78a}.tutorial-breadcrumb-sep{color:var(--text-muted);opacity:.5}.tutorial-title-icon{margin-right:6px}.tutorial-title-block{margin-bottom:var(--space-xl)}.tutorial-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.tutorial-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-sm)}.tutorial-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tutorial-progress{display:flex;gap:3px;margin-bottom:var(--space-xl)}.tutorial-progress-segment{flex:1;height:3px;border-radius:2px;background:#ffffff0f}.tutorial-progress-segment[data-filled=true]{background:#f0b35a}.tutorial-steps{display:flex;flex-direction:column;gap:var(--space-md)}.tutorial-step{background:#f0b35a08;border:1px solid #f0b35a14;border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-normal)}.tutorial-step:hover{border-color:#f0b35a29}.tutorial-step-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-sm)}.tutorial-step-number{width:28px;height:28px;background:linear-gradient(135deg,#f0b35a,#e08c3a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#1a1530;flex-shrink:0}.tutorial-step-title{font-size:1rem;font-weight:700}.tutorial-step-content{font-size:.875rem;color:var(--text-secondary);line-height:1.7;margin-left:38px}.tutorial-callout{margin-left:38px;margin-top:var(--space-sm);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 14px}.tutorial-callout-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.tutorial-callout-text{font-size:.8rem;line-height:1.5}.tutorial-callout[data-type=tip]{background:#4fc3f70f;border-left:2px solid #4fc3f7}.tutorial-callout[data-type=tip] .tutorial-callout-label{color:#4fc3f7}.tutorial-callout[data-type=tip] .tutorial-callout-text{color:var(--text-secondary)}.tutorial-callout[data-type=warning]{background:#f0b35a0f;border-left:2px solid #f0b35a}.tutorial-callout[data-type=warning] .tutorial-callout-label{color:#f0b35a}.tutorial-callout[data-type=warning] .tutorial-callout-text{color:var(--text-secondary)}.tutorial-back{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-xl);font-size:.8rem;color:#f0b35a;text-decoration:none;transition:color var(--transition-fast)}.tutorial-back:hover{color:#fad78a}@media (max-width:900px){.hub-content-wrapper{padding:20px var(--space-md) var(--space-2xl)}.tutorial-reading-column{padding:var(--space-lg) var(--space-md) var(--space-2xl)}}@media (max-width:390px){.hub-content-wrapper{padding:16px var(--space-md) var(--space-2xl)}.hub-content-header{padding-left:var(--space-sm);padding-right:var(--space-sm)}}@media (max-width:640px){.hub-card-grid{grid-template-columns:1fr}.hub-card{padding:var(--space-md);gap:10px}.hub-card-icon{width:38px;height:38px;font-size:1.1rem}.hub-card-plus-icon{width:18px;height:18px}.tutorial-page{padding:5rem var(--space-md) var(--space-2xl)}.tutorial-callout,.tutorial-step-content{margin-left:0}.playbook-card{padding:var(--space-lg)}}.tutorial-form-page{max-width:720px;margin:0 auto;padding:6rem var(--space-lg) var(--space-3xl)}.tutorial-form-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.tutorial-form-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0 0 var(--space-xl)}.tutorial-form{display:flex;flex-direction:column;gap:var(--space-lg)}.tutorial-form-section{background:#161925;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.tutorial-form-row{display:flex;gap:var(--space-md);align-items:flex-start}.tutorial-form-field{display:flex;flex-direction:column;gap:4px}.tutorial-form-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.tutorial-form-input{background:#0f111a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;font-size:.875rem;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;width:100%}.tutorial-form-input:focus{border-color:#f0b35a66}.tutorial-form-input::placeholder{color:var(--text-muted);opacity:.6}.tutorial-form-icon-picker{display:flex;flex-direction:column;gap:4px}.tutorial-form-emoji-grid{display:flex;flex-wrap:wrap;gap:4px;max-width:160px}.tutorial-form-emoji{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid #0000;background:#ffffff08;cursor:pointer;font-size:1rem;transition:all var(--transition-fast)}.tutorial-form-emoji:hover{background:#ffffff0f;border-color:var(--border-subtle)}.tutorial-form-emoji.active{background:#f0b35a1f;border-color:#f0b35a66;box-shadow:0 0 8px #f0b35a26}.tutorial-form-steps-header{display:flex;align-items:center;justify-content:space-between}.tutorial-form-section-title{font-size:1rem;font-weight:700;margin:0}.tutorial-form-step-count{font-size:.7rem;color:var(--text-muted)}.tutorial-form-steps{display:flex;flex-direction:column;gap:var(--space-md)}.tutorial-form-step{background:#f0b35a08;border:1px solid #f0b35a14;border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.tutorial-form-step-header{display:flex;align-items:center;gap:10px}.tutorial-form-step-badge{width:28px;height:28px;background:linear-gradient(135deg,#f0b35a,#e08c3a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#1a1530;flex-shrink:0}.tutorial-form-step-title-input{flex:1;background:#0000;border:none;font-size:.95rem;font-weight:600;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:4px 0}.tutorial-form-step-title-input::placeholder{color:var(--text-muted);opacity:.5}.tutorial-form-step-actions{display:flex;gap:2px;margin-left:auto}.tutorial-form-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:#ffffff0a;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.tutorial-form-icon-btn:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.tutorial-form-icon-btn:disabled{opacity:.3;cursor:not-allowed}.tutorial-form-icon-btn-danger:hover:not(:disabled){background:#ef44441f;color:#ef4444}.tutorial-form-step-content{background:#0f111a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;font-size:.85rem;color:var(--text-secondary);font-family:var(--font-sans);line-height:1.6;resize:vertical;min-height:70px;outline:none;transition:border-color var(--transition-fast);margin-left:38px}.tutorial-form-step-content:focus{border-color:#f0b35a4d}.tutorial-form-step-content::placeholder{color:var(--text-muted);opacity:.5}.tutorial-form-callout{margin-left:38px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:8px 12px}.tutorial-form-callout[data-type=tip]{background:#4fc3f70f;border-left:2px solid #4fc3f7}.tutorial-form-callout[data-type=warning]{background:#f0b35a0f;border-left:2px solid #f0b35a}.tutorial-form-callout-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.tutorial-form-callout-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.tutorial-form-callout-input{width:100%;background:#0000;border:none;font-size:.8rem;color:var(--text-secondary);font-family:var(--font-sans);outline:none;padding:0}.tutorial-form-callout-input::placeholder{color:var(--text-muted);opacity:.5}.tutorial-form-callout-actions{display:flex;gap:6px;margin-left:38px;margin-top:2px}.tutorial-form-add-callout{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:#4fc3f7;background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all var(--transition-fast);font-family:var(--font-sans)}.tutorial-form-add-callout:hover{background:#4fc3f714}.tutorial-form-add-callout-warning{color:#f0b35a}.tutorial-form-add-callout-warning:hover{background:#f0b35a14}.tutorial-form-add-step{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;border:1px dashed #ffffff1a;border-radius:var(--radius-lg);background:#0000;color:var(--text-muted);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-normal)}.tutorial-form-add-step:hover{border-color:#f0b35a4d;color:#f0b35a;background:#f0b35a0a}.tutorial-form-error{background:#ef444414;border:1px solid #ef444433;border-radius:var(--radius-sm);padding:10px 14px;font-size:.8rem;color:#ef4444}.tutorial-form-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:var(--radius-full);font-size:.9rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(180deg,#fad78a,#f0b35a 55%,#e08c3a);color:#2a1708;box-shadow:inset 0 1px 0 #ffffff59,inset 0 -2px 0 #8a4a1d59,0 8px 20px -6px #f0b35a66}.tutorial-form-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff59,inset 0 -2px 0 #8a4a1d59,0 12px 28px -6px #f0b35a80}.tutorial-form-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.tutorial-form-page{padding:5rem var(--space-md) var(--space-2xl)}.tutorial-form-row{flex-direction:column}.tutorial-form-callout,.tutorial-form-callout-actions,.tutorial-form-step-content{margin-left:0}}.learn-page-v2{min-height:auto;padding:0}.learn-page-v2-container{max-width:100%;margin:0}.learn-page-v2-header{text-align:center;margin-bottom:var(--space-xl)}.learn-page-v2-title{font-size:2rem;font-weight:800;color:var(--text-primary);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.learn-page-v2-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:var(--space-sm)}.learn-page-v2-stages{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xl)}.welcome-strip{padding:var(--space-md) var(--space-lg)}.welcome-strip,.welcome-strip-anon{display:flex;align-items:center;gap:var(--space-md);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.welcome-strip-anon{padding:var(--space-lg);text-align:center;flex-direction:column}.welcome-strip-icon{font-size:2rem}.welcome-strip-anon-text{display:flex;flex-direction:column;gap:4px}.welcome-strip-heading{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.welcome-strip-sub{font-size:.85rem;color:var(--text-secondary);margin:0}.welcome-strip-cta{display:inline-block;padding:10px 24px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff;font-weight:700;font-size:.85rem;text-decoration:none;transition:opacity .15s}.welcome-strip-cta:hover{opacity:.9}.welcome-strip-avatar{width:48px;height:48px;border-radius:50%;background:var(--surface-primary);border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.welcome-strip-avatar-img{width:100%;height:100%;object-fit:cover}.welcome-strip-avatar-fallback{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.welcome-strip-info{flex:1;min-width:0}.welcome-strip-meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:4px}.welcome-strip-xp-text{font-size:.75rem;color:var(--text-muted)}.welcome-strip-progress{height:6px;border-radius:3px;background:#ffffff14;margin-top:var(--space-xs);overflow:hidden}.welcome-strip-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-amber),#f59e0b);transition:width .4s ease}.welcome-strip-resume{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md);background:#ffaf1a1a;border:1px solid #ffaf1a4d;border-radius:var(--radius-md);text-decoration:none;transition:background .15s;flex-shrink:0}.welcome-strip-resume:hover{background:#ffaf1a2e}.welcome-strip-resume-label{font-size:.7rem;color:var(--accent-amber);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.welcome-strip-resume-title{font-size:.85rem;color:var(--text-primary);font-weight:600}@media (max-width:768px){.welcome-strip{flex-direction:column;text-align:center}.welcome-strip-meta{justify-content:center}.welcome-strip-resume{width:100%;text-align:center}}.stage-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-elevated);transition:border-color .15s}.stage-card-open{border-color:var(--stage-color,var(--border-subtle))}.stage-card-header{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#0000;border:none;cursor:pointer;color:var(--text-primary);font-family:inherit;text-align:left;transition:background .15s}.stage-card-header:hover{background:#ffffff08}.stage-card-open .stage-card-header{background:#ffffff05}.stage-card-emoji{font-size:1.3rem;flex-shrink:0}.stage-card-info{flex:1;display:flex;align-items:center;gap:var(--space-sm);min-width:0}.stage-card-title{font-size:1rem;font-weight:700}.stage-card-level{font-size:.7rem;color:var(--text-muted);background:#ffffff0f;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.stage-card-progress-wrap{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.stage-card-count{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.stage-card-progress{width:80px;height:5px;border-radius:3px;background:#ffffff14;overflow:hidden}.stage-card-progress-fill{height:100%;border-radius:3px;background:var(--stage-color);transition:width .4s ease}.stage-card-arrow{font-size:.85rem;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.stage-card-arrow-open{transform:rotate(0deg)}.stage-card-arrow:not(.stage-card-arrow-open){transform:rotate(-90deg)}.stage-card-modules{border-top:1px dashed var(--border-subtle);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:2px}@media (max-width:768px){.stage-card-progress-wrap{display:none}}.module-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);transition:background .15s}.module-row:hover{background:#ffffff0a}.module-row[data-state=active]{background:#ffaf1a14}.module-row-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem}.module-row[data-state=done] .module-row-indicator{background:var(--accent-green);color:#fff;border:2px solid var(--accent-green)}.module-row[data-state=active] .module-row-indicator{border:2px solid var(--accent-amber);background:#0000}.module-row[data-state=locked] .module-row-indicator{border:2px dashed var(--border-subtle);background:#0000}.module-row-check{font-size:.7rem}.module-row-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-amber)}.module-row-lock{font-size:.6rem}.module-row-title{flex:1;font-size:.9rem;font-weight:500}.module-row[data-state=done] .module-row-title{color:var(--text-secondary)}.module-row[data-state=locked] .module-row-title{color:var(--text-muted)}.module-row-cta{font-size:.75rem;font-weight:700;color:var(--accent-amber);padding:2px 10px;border-radius:var(--radius-full);background:#ffaf1a1f;white-space:nowrap}.module-row-done-label,.module-row-locked-label{font-size:.75rem;color:var(--text-muted)}.module-article{min-height:100vh}.sticky-progress{position:sticky;top:64px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#0a0a0eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle)}.sticky-progress-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.8rem}.sticky-progress-link{color:var(--text-muted);text-decoration:none}.sticky-progress-link:hover{color:var(--text-primary)}.sticky-progress-sep{color:var(--text-muted)}.sticky-progress-current{color:var(--text-secondary)}.sticky-progress-bar-wrap{display:flex;align-items:center;gap:var(--space-sm)}.sticky-progress-bar{width:120px;height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}.sticky-progress-fill{height:100%;border-radius:2px;background:var(--accent-green);transition:width .1s linear}.sticky-progress-pct{font-size:.7rem;color:var(--text-muted);min-width:32px;text-align:right}@media (max-width:768px){.sticky-progress{flex-direction:column;gap:4px;align-items:flex-start}.sticky-progress-bar{width:100%}}.article-renderer-body{max-width:100%;padding:0 0 var(--space-3xl)}.module-article-header{margin-bottom:var(--space-2xl)}.module-article-title{font-size:2.2rem;font-weight:800;color:var(--text-primary);line-height:1.15;margin:var(--space-md) 0 0}.module-article-accent{width:120px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent-amber),#f59e0b);margin:var(--space-sm) 0}.module-article-summary{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin:0}.module-article-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-muted)}.module-article-xp{color:var(--accent-amber);font-weight:700}.article-callout{border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0;border-left:4px solid}.article-callout-analogy{border-color:var(--accent-purple);background:#b666ff0f}.article-callout-concept{border-color:var(--accent-cyan);background:#00e5ff0f}.article-callout-checkpoint{border-color:var(--accent-amber);background:#ffaf1a0f}.article-callout-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.article-callout-analogy .article-callout-label{color:var(--accent-purple)}.article-callout-concept .article-callout-label{color:var(--accent-cyan)}.article-callout-checkpoint .article-callout-label{color:var(--accent-amber)}.article-callout-body{font-size:.95rem;line-height:1.65;color:var(--text-primary)}.article-callout-body p{margin:0}.module-article-chapter{margin-top:var(--space-2xl)}.module-article-chapter-heading{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-md)}.module-article-chapter-text{font-size:1.05rem;line-height:1.75;color:var(--text-secondary)}.module-article-chapter-text strong{color:var(--text-primary);font-weight:600}.module-article-chapter-text code{background:#ffffff0f;padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--accent-cyan)}.module-article-chapter-text pre{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;margin:var(--space-md) 0}.module-article-chapter-text pre code{background:none;padding:0;font-size:.85rem;color:var(--text-primary)}.module-article-takeaways{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.module-article-takeaways-title{font-size:1.1rem;font-weight:700;margin:0 0 var(--space-md)}.module-article-takeaways-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.module-article-takeaways-list li{font-size:.95rem;line-height:1.5;color:var(--text-secondary);padding-left:20px;position:relative}.module-article-takeaways-list li:before{content:"→";position:absolute;left:0;color:var(--accent-green)}.module-article-nav{display:flex;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle)}.module-article-nav-btn{display:flex;flex-direction:column;gap:4px;padding:var(--space-md) var(--space-lg);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:border-color .15s;max-width:50%}.module-article-nav-btn:hover{border-color:var(--accent-cyan)}.module-article-nav-next{text-align:right;margin-left:auto}.module-article-nav-label{font-size:.75rem;color:var(--text-muted)}.module-article-nav-title{font-size:.9rem;color:var(--text-primary);font-weight:600}.quiz-q-card{margin-top:var(--space-md)}.quiz-q-type{display:block;font-size:.7rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.quiz-q-text{font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1.35;margin:0 0 var(--space-lg)}.quiz-q-code{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);font-size:.85rem;overflow-x:auto;margin-bottom:var(--space-lg)}.quiz-q-options{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-q-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-elevated);cursor:pointer;font-family:inherit;font-size:.95rem;color:var(--text-primary);text-align:left;transition:border-color .15s,background .15s}.quiz-q-option:hover:not(:disabled){border-color:var(--text-muted);background:#ffffff08}.quiz-q-option-selected{border-color:var(--accent-amber)!important;background:#ffaf1a1a!important}.quiz-q-option-correct{border-color:var(--accent-green)!important;background:#10b9811a!important}.quiz-q-option-wrong{border-color:#ef4444!important;background:#ef44441a!important}.quiz-q-option:disabled{cursor:default}.quiz-q-option-letter{width:28px;height:28px;border-radius:6px;border:1.5px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.quiz-q-option-selected .quiz-q-option-letter{background:var(--accent-amber);border-color:var(--accent-amber);color:#000}.quiz-q-option-correct .quiz-q-option-letter{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.quiz-q-option-wrong .quiz-q-option-letter{background:#ef4444;border-color:#ef4444;color:#fff}.quiz-q-option-text{flex:1}.quiz-q-explanation{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);font-size:.9rem;line-height:1.6}.quiz-q-explanation-correct{background:#10b98114;border-left:3px solid var(--accent-green)}.quiz-q-explanation-wrong{background:#ef444414;border-left:3px solid #ef4444}.quiz-q-explanation p{margin:0;color:var(--text-secondary)}.quiz-q-doc-link{display:inline-block;margin-top:var(--space-sm);font-size:.85rem;color:var(--accent-cyan);text-decoration:none}.quiz-q-doc-link:hover{text-decoration:underline}.quiz-q-submit{display:block;margin-top:var(--space-lg);padding:var(--space-sm) var(--space-xl);background:var(--accent-amber);color:#000;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-family:inherit;transition:opacity .15s}.quiz-q-submit:hover:not(:disabled){opacity:.9}.quiz-q-submit:disabled{opacity:.4;cursor:default}.quiz-results-v2{margin-top:var(--space-lg)}.quiz-results-v2-header{text-align:center;margin-bottom:var(--space-lg)}.quiz-results-v2-badge{display:inline-block;font-size:1.5rem;font-weight:800}.quiz-results-v2-passed{color:var(--accent-green)}.quiz-results-v2-failed{color:var(--accent-amber)}.quiz-results-v2-scores{display:flex;justify-content:center;gap:var(--space-xl);padding:var(--space-lg);border-bottom:1px dashed var(--border-subtle);margin-bottom:var(--space-lg)}.quiz-results-v2-stat{text-align:center}.quiz-results-v2-stat-value{display:block;font-size:1.8rem;font-weight:800}.quiz-results-v2-stat-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.quiz-results-v2-recap{margin-bottom:var(--space-lg)}.quiz-results-v2-recap-title{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.quiz-results-v2-recap-row{display:flex;align-items:center;gap:var(--space-sm);padding:6px 0;border-bottom:1px dotted var(--border-subtle)}.quiz-results-v2-recap-icon{font-size:.85rem;font-weight:700}.quiz-results-v2-recap-correct{color:var(--accent-green)}.quiz-results-v2-recap-wrong{color:#ef4444}.quiz-results-v2-recap-text{flex:1;font-size:.9rem;color:var(--text-secondary)}.quiz-results-v2-recap-link{font-size:.8rem;color:var(--accent-cyan);text-decoration:none}.quiz-results-v2-recap-link:hover{text-decoration:underline}.quiz-results-v2-unlocks{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-lg)}.quiz-results-v2-unlock{padding:var(--space-md);border-radius:var(--radius-md)}.quiz-results-v2-unlock-badge{background:#10b98114;border:1px solid #10b98133}.quiz-results-v2-unlock-stage{background:#00e5ff14;border:1px solid #00e5ff33}.quiz-results-v2-unlock-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.quiz-results-v2-unlock-badge .quiz-results-v2-unlock-label{color:var(--accent-green)}.quiz-results-v2-unlock-stage .quiz-results-v2-unlock-label{color:var(--accent-cyan)}.quiz-results-v2-unlock-title{display:block;font-size:.9rem;font-weight:700;color:var(--text-primary);margin-top:4px}.quiz-results-v2-actions{display:flex;gap:var(--space-sm);justify-content:center}.quiz-results-v2-btn-primary{padding:var(--space-sm) var(--space-xl);background:var(--accent-amber);color:#000;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-family:inherit;transition:opacity .15s}.quiz-results-v2-btn-primary:hover{opacity:.9}.quiz-results-v2-btn-secondary{padding:var(--space-sm) var(--space-xl);background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-family:inherit;transition:border-color .15s}.quiz-results-v2-btn-secondary:hover{border-color:var(--text-muted)}.mini-player-v2{position:fixed;bottom:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--space-md);align-items:center;padding:var(--space-sm) var(--space-lg);background:#0a0a0ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle)}.mini-player-v2-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.mini-player-v2-art{width:44px;height:44px;border-radius:var(--radius-sm);background:#ffaf1a26;border:1px solid #ffaf1a4d;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.mini-player-v2-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mini-player-v2-title{font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-v2-subtitle{font-size:.7rem;color:var(--text-muted)}.mini-player-v2-center{display:flex;flex-direction:column;align-items:center;gap:4px}.mini-player-v2-controls{display:flex;align-items:center;gap:var(--space-md)}.mini-player-v2-skip{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;font-family:inherit;padding:4px;transition:color .15s}.mini-player-v2-skip:hover{color:var(--text-primary)}.mini-player-v2-next,.mini-player-v2-prev{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:4px}.mini-player-v2-play{width:36px;height:36px;border-radius:50%;background:var(--accent-amber);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#000;transition:opacity .15s}.mini-player-v2-play:hover{opacity:.9}.mini-player-v2-progress-row{display:flex;align-items:center;gap:var(--space-sm);width:100%}.mini-player-v2-time{font-size:.65rem;color:var(--text-muted);min-width:32px}.mini-player-v2-time:last-child{text-align:right}.mini-player-v2-progress-track{flex:1;height:4px;border-radius:2px;background:#ffffff1a;cursor:pointer;position:relative}.mini-player-v2-progress-track:hover{height:6px}.mini-player-v2-progress-fill{height:100%;border-radius:2px;background:var(--accent-amber);transition:width .1s linear}.mini-player-v2-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md)}.mini-player-v2-close,.mini-player-v2-expand{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;text-decoration:none;transition:color .15s;padding:4px}.mini-player-v2-close:hover,.mini-player-v2-expand:hover{color:var(--text-primary)}body:has(.mini-player-v2){padding-bottom:80px}@media (max-width:768px){.mini-player-v2{grid-template-columns:1fr auto;gap:var(--space-sm);padding:var(--space-sm)}.mini-player-v2-center{display:none}.mini-player-v2-right{gap:var(--space-sm)}.mini-player-v2-info .mini-player-v2-art{width:36px;height:36px}}.profile-page-v2{max-width:900px;margin:0 auto;padding:96px var(--space-md) 2rem}.profile-hero-v2{display:flex;align-items:center;gap:var(--space-lg);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.profile-hero-v2-avatar{width:72px;height:72px;border-radius:50%;background:var(--surface-primary);border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.profile-hero-v2-avatar-img{width:100%;height:100%;object-fit:cover}.profile-hero-v2-avatar-fallback{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.profile-hero-v2-info{flex:1;min-width:0}.profile-hero-v2-name{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0}.profile-hero-v2-badges{display:flex;gap:var(--space-sm);margin-top:6px}.profile-hero-v2-xp-bar{height:6px;border-radius:3px;background:#ffffff14;margin-top:var(--space-sm);overflow:hidden}.profile-hero-v2-xp-fill{height:100%;border-radius:3px;background:var(--accent-amber);transition:width .4s ease}.profile-hero-v2-xp-text{font-size:.75rem;color:var(--text-muted);margin-top:4px;display:block}.profile-hero-v2-points{text-align:right;flex-shrink:0}.profile-hero-v2-points-value{display:block;font-size:1.8rem;font-weight:800;color:var(--accent-amber)}.profile-hero-v2-points-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width:768px){.profile-hero-v2{flex-direction:column}.profile-hero-v2,.profile-hero-v2-points{text-align:center}}.profile-stats-v2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.profile-stats-v2-numbers{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md)}.profile-stats-v2-item{text-align:center;padding:var(--space-sm)}.profile-stats-v2-value{display:block;font-size:1.4rem;font-weight:800}.profile-stats-v2-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.profile-stats-v2-recent{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md)}.profile-stats-v2-recent-title{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.profile-stats-v2-event{display:flex;align-items:center;gap:var(--space-sm);padding:6px 0;border-bottom:1px dotted var(--border-subtle);font-size:.85rem}.profile-stats-v2-event:last-child{border-bottom:none}.profile-stats-v2-event-icon{font-size:.9rem;flex-shrink:0}.profile-stats-v2-event-text{flex:1;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-stats-v2-event-points{color:var(--accent-amber);font-weight:700;font-size:.8rem}.profile-stats-v2-event-when{color:var(--text-muted);font-size:.75rem;flex-shrink:0}@media (max-width:768px){.profile-stats-v2{grid-template-columns:1fr}}.achievement-gallery{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.achievement-gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.achievement-gallery-title{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.achievement-gallery-count{font-size:.8rem;color:var(--text-muted)}.achievement-gallery-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-sm)}.achievement-tile{text-align:center;opacity:.3}.achievement-tile-unlocked{opacity:1}.achievement-tile-icon{width:40px;height:40px;margin:0 auto;border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.achievement-tile-unlocked .achievement-tile-icon{border-color:var(--accent-amber);background:#ffaf1a1a}.achievement-tile-name{display:block;font-size:.6rem;color:var(--text-muted);margin-top:4px}@media (max-width:768px){.achievement-gallery-grid{grid-template-columns:repeat(4,1fr)}}.profile-stages-v2{margin-top:var(--space-lg)}.profile-stages-v2-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-md)}.profile-stage-v2{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm)}.profile-stage-v2-header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:var(--space-xs);font-size:.9rem}.profile-stage-v2-count{font-size:.8rem;color:var(--text-muted)}.profile-stage-v2-bar{height:5px;border-radius:3px;background:#ffffff14;overflow:hidden}.profile-stage-v2-fill{height:100%;border-radius:3px;transition:width .4s ease}.quest-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.quest-card{display:flex;flex-direction:column;background:var(--surface-elevated,#ffffff08);border:1px solid var(--border-subtle,#ffffff14);border-radius:var(--radius-lg,12px);padding:var(--space-lg,1.25rem);text-decoration:none;color:inherit;transition:border-color .2s,background .2s}.quest-card:hover{border-color:#f0b35a4d;background:#ffffff0d}.quest-card-learn{grid-row:span 1}.quest-card-right-col{display:flex;flex-direction:column;gap:var(--space-md)}.quest-card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#7e869e);margin-bottom:var(--space-sm,.5rem)}.quest-card-stage{font-size:.85rem;color:var(--text-muted,#7e869e);margin-bottom:4px}.quest-card-module{font-size:1.15rem;font-weight:700;color:var(--text-primary,#f0f2f9);margin-bottom:var(--space-sm,.5rem)}.quest-card-progress{font-size:.8rem;color:var(--text-muted,#7e869e);margin-bottom:auto;padding-bottom:var(--space-md,.75rem)}.quest-card-cta{font-size:.85rem;font-weight:600;color:#f0b35a;margin-top:auto}.quest-card-episode{font-size:.95rem;font-weight:600;color:var(--text-primary,#f0f2f9);margin-bottom:auto;line-height:1.4}.quest-card-stats{cursor:default}.quest-card-stats:hover{border-color:var(--border-subtle,#ffffff14);background:var(--surface-elevated,#ffffff08)}.quest-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm,.5rem)}.quest-stat{text-align:center;padding:var(--space-xs,.25rem) 0}.quest-stat-value{display:block;font-size:1.2rem;font-weight:800}.quest-stat-label{display:block;font-size:.65rem;color:var(--text-muted,#7e869e);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.quest-recent{background:var(--surface-elevated,#ffffff08);border:1px solid var(--border-subtle,#ffffff14);border-radius:var(--radius-lg,12px);padding:var(--space-lg,1.25rem);margin-top:var(--space-lg)}.quest-recent-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#7e869e);margin-bottom:var(--space-sm,.5rem)}.quest-recent-event{display:flex;align-items:center;gap:var(--space-sm,.5rem);padding:6px 0;border-bottom:1px dotted var(--border-subtle,#ffffff14);font-size:.85rem}.quest-recent-event:last-child{border-bottom:none}.quest-recent-icon{font-size:.9rem;flex-shrink:0}.quest-recent-text{flex:1;color:var(--text-secondary,#a0a8c0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-recent-points{color:var(--accent-amber,#f0b35a);font-weight:700;font-size:.8rem}.quest-recent-when{color:var(--text-muted,#7e869e);font-size:.75rem;flex-shrink:0}@media (max-width:768px){.quest-dashboard-grid{grid-template-columns:1fr}}.learn-layout{display:flex;min-height:100vh;padding-top:80px}.learn-layout-sidebar{width:340px;min-width:340px;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto;background:#0d0d14;border-right:1px solid #a78bfa1a;padding:24px 20px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#a78bfa33 #0000}.learn-layout-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#0000,#a78bfa33,#0000);pointer-events:none}.learn-layout-content{flex:1;min-width:0;display:flex;flex-direction:column}.learn-layout-content-inner{padding:32px 48px;max-width:960px;width:100%}.learn-layout-content-inner--article{max-width:860px}.learn-layout-edge-tab{display:none;position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:60;width:20px;height:48px;background:#a78bfa40;border-radius:0 8px 8px 0;border:1px solid #a78bfa33;border-left:none;cursor:pointer;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,width .2s}.learn-layout-edge-tab:hover{background:#a78bfa66;width:24px}.learn-layout-edge-tab-icon{font-size:10px;color:#a78bfacc}.learn-layout-scrim{display:none;position:fixed;inset:0;z-index:70;background:#0009;opacity:0;transition:opacity .25s ease-out}.learn-layout-scrim--open{opacity:1}.learn-layout-drawer{position:fixed;top:0;left:0;bottom:0;z-index:80;width:88vw;max-width:360px;background:#0d0d14;border-right:1px solid #a78bfa1a;padding:24px 20px;overflow-y:auto;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .25s ease-out}.learn-layout-drawer--open{transform:translateX(0)}.learn-layout-drawer-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid #a78bfa26;background:#a78bfa14;color:var(--text-secondary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.learn-layout-drawer-close:hover{background:#a78bfa33}@media (max-width:900px){.learn-layout{padding-top:72px}.learn-layout-sidebar{display:none}.learn-layout-edge-tab{display:flex}.learn-layout-scrim{display:block}.learn-layout-content-inner{padding:16px;max-width:100%}}.hub-layout .learn-layout-edge-tab{display:none!important}.learn-sidebar-heading{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px}.learn-sidebar-stage-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.learn-sidebar-stage{border-radius:8px;overflow:hidden;transition:background .15s}.learn-sidebar-stage--active{background:#a78bfa0f;border-left:2px solid var(--accent-purple)}.learn-sidebar-stage-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:none;border:none;cursor:pointer;color:inherit;font:inherit;text-align:left;border-radius:8px;transition:background .15s}.learn-sidebar-stage-btn:hover{background:#ffffff08}.learn-sidebar-stage-name{font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.learn-sidebar-stage--active .learn-sidebar-stage-name{color:var(--accent-purple)}.learn-sidebar-stage-count{font-size:.75rem;color:var(--text-muted)}.learn-sidebar-stage-modules{display:flex;flex-direction:column;gap:2px;padding:0 10px 10px}.learn-sidebar-module{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:.8125rem;text-decoration:none;color:var(--text-muted);transition:background .15s,color .15s}.learn-sidebar-module:hover{background:#ffffff0a;color:var(--text-secondary)}.learn-sidebar-module--done{color:var(--accent-green)}.learn-sidebar-module--current{color:var(--text-primary);font-weight:600;background:#a78bfa1a;border-left:2px solid var(--accent-purple)}.learn-sidebar-module-icon{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}.learn-sidebar-module--done .learn-sidebar-module-icon{background:#4ade8026}.learn-sidebar-module--current .learn-sidebar-module-icon{background:#a78bfa33;color:var(--accent-purple)}.learn-sidebar-module--available .learn-sidebar-module-icon{background:#ffffff0d}.learn-sidebar-divider{height:1px;background:#a78bfa1a;margin:16px 0;border:none}.learn-sidebar-toc-heading{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:8px}.learn-sidebar-toc-item{display:block;font-size:.8125rem;padding:6px 12px;color:var(--text-muted);text-decoration:none;cursor:pointer;background:none;border:none;border-left:2px solid #0000;font-family:inherit;text-align:left;width:100%;transition:color .15s,border-color .15s}.learn-sidebar-toc-item:hover{color:var(--text-secondary)}.learn-sidebar-toc-item--active{color:var(--accent-purple);border-left-color:var(--accent-purple);font-weight:500}.learn-sidebar-rpg{margin-bottom:16px;border-bottom:1px solid #a78bfa1a;padding-bottom:14px}.learn-sidebar-rpg-full{display:flex;flex-direction:column;gap:8px}.learn-sidebar-rpg-header{display:flex;align-items:center;gap:10px}.learn-sidebar-rpg-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),#7c3aed);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 0 12px #a78bfa4d;flex-shrink:0;overflow:hidden}.learn-sidebar-rpg-avatar img{width:100%;height:100%;object-fit:cover}.learn-sidebar-rpg-level{font-size:.8125rem;color:var(--text-primary);font-weight:600}.learn-sidebar-rpg-xp-text{font-size:.7rem;color:var(--text-muted)}.learn-sidebar-rpg-bar{height:6px;border-radius:4px;background:#ffffff0f;overflow:hidden}.learn-sidebar-rpg-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-purple),#c4b5fd);transition:width .3s ease}.learn-sidebar-rpg-badges{display:flex;gap:6px;margin-top:2px}.learn-sidebar-rpg-badge{width:22px;height:22px;border-radius:50%;background:#a78bfa26;display:flex;align-items:center;justify-content:center;font-size:10px}.learn-sidebar-rpg-badge--empty{background:#ffffff0a}.learn-sidebar-rpg-compact{display:flex;align-items:center;gap:8px}.learn-sidebar-rpg-compact .learn-sidebar-rpg-avatar{width:26px;height:26px;font-size:12px}.learn-sidebar-rpg-compact-info{font-size:.625rem;color:var(--text-muted)}.learn-sidebar-rpg-compact-info strong{color:var(--text-primary);font-weight:600}.learn-sidebar-rpg-compact-badges{margin-left:auto;display:flex;gap:4px}.learn-sidebar-rpg-compact-badges .learn-sidebar-rpg-badge{width:18px;height:18px;font-size:8px}.learn-sidebar-anon{text-align:center;padding:var(--space-xl) 0}.learn-sidebar-anon-icon{font-size:1.5rem;margin-bottom:var(--space-sm)}.learn-sidebar-anon p{color:var(--text-secondary);font-size:.8rem;margin-bottom:var(--space-md)}.learn-sidebar-anon-cta{display:inline-block;font-size:.8rem;padding:8px 20px;background:var(--accent-purple);color:#fff;border-radius:6px;text-decoration:none;font-weight:600;transition:opacity .15s}.learn-sidebar-anon-cta:hover{opacity:.85}.module-article-chapter{scroll-margin-top:80px}.setup-container{max-width:760px;margin:0 auto;padding:0 var(--space-lg) var(--space-3xl)}.setup-wizard{display:flex;flex-direction:column;gap:var(--space-xl)}.setup-steps{display:flex;gap:4px;justify-content:center}.setup-step{flex-direction:column;gap:4px;padding:8px 16px;flex:1;max-width:120px}.setup-step,.setup-step-num{display:flex;align-items:center}.setup-step-num{width:28px;height:28px;border-radius:50%;justify-content:center;font-size:.75rem;font-weight:700;background:#ffffff0f;color:var(--text-muted);transition:all var(--transition-normal)}.setup-step[data-state=active] .setup-step-num{background:linear-gradient(135deg,#f0b35a,#e08c3a);color:#0f111a}.setup-step[data-state=done] .setup-step-num{background:#10b98133;color:var(--accent-green)}.setup-step-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.setup-step[data-state=active] .setup-step-label{color:#f0b35a}.setup-section{display:flex;flex-direction:column;gap:var(--space-lg)}.setup-section-title{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;color:var(--text-primary);margin:0}.setup-section-desc{font-size:.85rem;color:var(--text-secondary);margin:0}.setup-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-role-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:var(--space-lg);background:#ffffff08;border:1px solid #ffffff0f;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;color:var(--text-primary);font-family:inherit;font-size:inherit}.setup-role-card:hover{background:#ffffff0f;border-color:#ffffff1f}.setup-role-card[data-selected=true]{background:#f0b35a14;border-color:#f0b35a59}.setup-role-icon{font-size:1.5rem}.setup-role-title{font-size:.95rem;font-weight:700}.setup-role-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.setup-project-list{display:flex;flex-direction:column;gap:6px}.setup-project-item{display:flex;align-items:center;gap:12px;padding:12px var(--space-md);background:#ffffff08;border:1px solid #ffffff0f;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.setup-project-item:hover{background:#ffffff0f}.setup-project-item[data-checked=true]{background:#00e5ff0f;border-color:#00e5ff40}.setup-project-item input[type=checkbox]{accent-color:var(--accent-cyan);width:16px;height:16px}.setup-project-icon{font-size:1.2rem;width:24px;text-align:center}.setup-project-info{display:flex;flex-direction:column;gap:2px}.setup-project-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.setup-project-desc{font-size:.7rem;color:var(--text-secondary)}.setup-project-custom{display:flex;gap:8px;padding:8px var(--space-md)}.setup-project-custom input{flex:1;padding:8px 12px;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;font-family:inherit;outline:none}.setup-project-custom input:focus{border-color:#00e5ff66}.setup-project-custom input::placeholder{color:var(--text-muted)}.setup-experience-list{display:flex;flex-direction:column;gap:6px}.setup-experience-item{display:flex;align-items:center;gap:12px;padding:14px var(--space-md);background:#ffffff08;border:1px solid #ffffff0f;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.setup-experience-item:hover{background:#ffffff0f}.setup-experience-item[data-selected=true]{background:#b666ff14;border-color:#b666ff4d}.setup-experience-item input[type=radio]{accent-color:var(--accent-purple);width:16px;height:16px}.setup-experience-info{display:flex;flex-direction:column;gap:2px}.setup-experience-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.setup-experience-desc{font-size:.7rem;color:var(--text-secondary)}.setup-output-tabs{display:flex;gap:3px;background:#ffffff0a;border-radius:var(--radius-sm);padding:3px;flex-wrap:wrap}.setup-output-block{display:flex;flex-direction:column;gap:var(--space-md)}.setup-output-hint{font-size:.75rem;color:var(--text-secondary);margin:0}.setup-output-hint code{background:#ffffff0f;padding:2px 6px;border-radius:4px;font-size:.7rem}.setup-project-tabs{display:flex;gap:4px;flex-wrap:wrap}.setup-project-tab{padding:6px 12px;font-size:.7rem;font-family:inherit;background:#ffffff0a;border:1px solid #ffffff14;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.setup-project-tab[data-active=true]{background:#00e5ff1a;border-color:#00e5ff4d;color:var(--accent-cyan)}.setup-bootstrap-banner{padding:12px var(--space-md);background:linear-gradient(135deg,#b666ff14,#f0b35a14);border:1px solid #b666ff33;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary);text-align:center}.setup-nav{display:flex;justify-content:space-between;padding-top:var(--space-md)}.setup-btn-primary{padding:10px 24px;background:linear-gradient(135deg,#f0b35a,#e08c3a);color:#0f111a;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.setup-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.setup-btn-primary:disabled{opacity:.4;cursor:not-allowed}.setup-btn-secondary{padding:10px 24px;background:#ffffff0f;color:var(--text-secondary);border:1px solid #ffffff1a;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.setup-btn-secondary:hover{background:#ffffff1a;color:var(--text-primary)}.setup-btn-small{padding:6px 14px;background:#00e5ff1a;color:var(--accent-cyan);border:1px solid #00e5ff33;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.setup-btn-small:hover:not(:disabled){background:#00e5ff33}.setup-btn-small:disabled{opacity:.4;cursor:not-allowed}.setup-env-field{display:flex;flex-direction:column;gap:6px}.setup-env-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.setup-env-input{padding:10px 14px;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;transition:border-color var(--transition-fast)}.setup-env-input:focus{border-color:#00e5ff66}.setup-env-input::placeholder{color:var(--text-muted)}.setup-os-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.setup-os-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);font-family:inherit}.setup-os-card:hover{background:#ffffff0f;border-color:#ffffff1f}.setup-os-card[data-selected=true]{background:#00e5ff14;border-color:#00e5ff4d}.setup-os-icon{font-size:1.3rem}.setup-os-name{font-size:.75rem;font-weight:600}.setup-obsidian-toggle{display:flex;align-items:center;gap:12px;padding:14px var(--space-md);background:#ffffff08;border:1px solid #ffffff0f;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.setup-obsidian-toggle:hover{background:#ffffff0f}.setup-obsidian-toggle[data-checked=true]{background:#f0b35a14;border-color:#f0b35a40}.setup-obsidian-toggle input[type=checkbox]{accent-color:#f0b35a;width:16px;height:16px}.setup-obsidian-info{display:flex;flex-direction:column;gap:2px}.setup-obsidian-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.setup-obsidian-desc{font-size:.7rem;color:var(--text-secondary)}.setup-obsidian-config{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:#f0b35a0a;border:1px solid #f0b35a1f;border-radius:var(--radius-sm)}.setup-path-preview{display:flex;gap:8px;align-items:center}.setup-path-preview .setup-env-input{flex:1}.setup-path-value{flex:1;padding:10px 14px;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:var(--radius-sm);font-family:monospace;font-size:.8rem;color:var(--text-secondary);overflow-x:auto;white-space:nowrap}@media (max-width:600px){.setup-os-grid,.setup-role-grid{grid-template-columns:1fr}.setup-output-tabs{gap:2px}.setup-output-tabs .hub-tab{font-size:.65rem;padding:8px 6px}}.tutorial-step-content .tutorial-md-p{margin:0 0 .7em;font-size:.875rem;color:var(--text-secondary);line-height:1.7}.tutorial-step-content .tutorial-md-p:last-child{margin-bottom:0}.tutorial-step-content .tutorial-md-ol,.tutorial-step-content .tutorial-md-ul{margin:.4em 0 .7em;padding-left:1.4em}.tutorial-step-content .tutorial-md-li{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.2em}.tutorial-step-content .tutorial-md-strong{font-weight:700;color:var(--text-primary)}.tutorial-step-content .tutorial-md-em{font-style:italic;color:var(--text-secondary)}.tutorial-step-content .tutorial-md-link{color:#4fc3f7;text-decoration:none;border-bottom:1px solid #4fc3f74d;transition:color var(--transition-fast),border-color var(--transition-fast)}.tutorial-step-content .tutorial-md-link:hover{color:#81d4fa;border-bottom-color:#81d4fa80}.tutorial-step-content .tutorial-md-code-inline{font-family:var(--font-mono,"Geist Mono",ui-monospace,monospace);font-size:.8em;background:#f0b35a1a;border:1px solid #f0b35a2e;border-radius:4px;padding:.1em .4em;color:#f0b35a}.tutorial-step-content .tutorial-md-pre{background:#08080e;border:1px solid #ffffff12;border-radius:var(--radius-sm);padding:14px 16px;overflow-x:auto;margin:.5em 0 .9em;font-family:var(--font-mono,"Geist Mono",ui-monospace,monospace);font-size:.78rem;line-height:1.65;color:#f5ecd9d9}.tutorial-step-content .tutorial-md-pre code{background:none;border:none;padding:0;font-size:inherit;color:inherit}.tutorial-step-content .tutorial-md-blockquote{border-left:3px solid #f0b35a4d;padding:4px 0 4px 14px;margin:.5em 0;color:var(--text-muted);font-style:italic;font-size:.875rem}.tutorial-form-md-helper{font-size:.72rem;color:var(--text-muted);line-height:1.5;padding:8px 12px;background:#111420;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-sans)}.tutorial-form-md-helper code{font-family:var(--font-mono,"Geist Mono",ui-monospace,monospace);font-size:.9em;background:#f0b35a1a;border:1px solid #f0b35a26;border-radius:3px;padding:.05em .3em;color:#f0b35a}.tutorial-form-md-panes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:start}.tutorial-form-md-pane-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:6px}.tutorial-form-md-textarea{width:100%;background:#0f111a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px;font-size:.82rem;color:var(--text-secondary);font-family:var(--font-mono,"Geist Mono",ui-monospace,monospace);line-height:1.6;resize:vertical;min-height:320px;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.tutorial-form-md-textarea:focus{border-color:#f0b35a59}.tutorial-form-md-textarea::placeholder{color:var(--text-muted);opacity:.5}.tutorial-form-md-preview{background:#111420;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px;min-height:320px;overflow-y:auto;max-height:600px}.tutorial-form-md-empty{font-size:.8rem;color:var(--text-muted);font-style:italic;opacity:.5;padding:4px 0}.tutorial-form-md-step-count{font-size:.68rem;color:var(--text-muted);padding:2px 8px;background:#f0b35a14;border:1px solid #f0b35a26;border-radius:20px;font-weight:600;display:inline-block;margin-bottom:10px}@media (max-width:768px){.tutorial-form-md-panes{grid-template-columns:1fr}.tutorial-form-md-textarea{min-height:220px}.tutorial-form-md-preview{min-height:200px;max-height:400px}}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;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))}.hover\:border-\[\#e89a6a\]\/40:hover{border-color:#e89a6a66}.hover\:border-\[\#f0b35a\]\/30:hover{border-color:#f0b35a4d}.hover\:border-\[\#f0b35a\]\/40:hover{border-color:#f0b35a66}.hover\:border-\[\#f0b35a\]\/50:hover{border-color:#f0b35a80}.hover\:border-\[\#f0b35a\]\/60:hover{border-color:#f0b35a99}.hover\:bg-\[\#120f20\]\/90:hover{background-color:#120f20e6}.hover\:bg-\[\#e89a6a\]\/25:hover{background-color:#e89a6a40}.hover\:bg-\[\#f0b35a\]\/\[0\.06\]:hover{background-color:#f0b35a0f}.hover\:bg-\[\#f0b35a\]\/\[0\.10\]:hover{background-color:#f0b35a1a}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}.hover\:text-\[\#d8cdb6\]\/70:hover{color:#d8cdb6b3}.hover\:text-\[\#f0b35a\]:hover{--tw-text-opacity:1;color:rgb(240 179 90/var(--tw-text-opacity,1))}.hover\:text-\[\#f5ecd9\]:hover{--tw-text-opacity:1;color:rgb(245 236 217/var(--tw-text-opacity,1))}.hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:text-slate-200:focus{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.focus-visible\:outline-none:focus-visible,.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--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(2px + 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)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:scale-\[0\.94\]:active{--tw-scale-x:0.94;--tw-scale-y:0.94}.active\:scale-\[0\.94\]:active,.active\:scale-\[0\.97\]:active{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))}.active\:scale-\[0\.97\]:active{--tw-scale-x:0.97;--tw-scale-y:0.97}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:-translate-y-px{--tw-translate-y:-1px}.group:hover .group-hover\:-translate-y-px,.group:hover .group-hover\:translate-x-0\.5{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))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-x-100,.group:hover .group-hover\:translate-x-1{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))}.group:hover .group-hover\:scale-x-100{--tw-scale-x:1}.group:hover .group-hover\:via-\[\#f0b35a\]\/60{--tw-gradient-to:#f0b35a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f0b35a99 var(--tw-gradient-via-position),var(--tw-gradient-to)}.group:hover .group-hover\:via-\[\#f0b35a\]\/80{--tw-gradient-to:#f0b35a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f0b35acc var(--tw-gradient-via-position),var(--tw-gradient-to)}.group:hover .group-hover\:text-\[\#f0b35a\]{--tw-text-opacity:1;color:rgb(240 179 90/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-80{opacity:.8}.data-\[active\]\:text-white[data-active],.data-\[state\=open\]\:text-white[data-state=open]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;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))}.group[data-state=open] .group-data-\[state\=open\]\:opacity-80{opacity:.8}@media (min-width:640px){.sm\:gap-8{gap:2rem}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-3{grid-column:span 3/span 3}.md\:mb-16{margin-bottom:4rem}.md\:mt-12{margin-top:3rem}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-12{gap:3rem}.md\:gap-5{gap:1.25rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-\[1\.75rem\]{font-size:1.75rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:block{display:block}}