/* Self-hosted fonts (was Google Fonts cross-origin). Variable woff2 covers
   all weights via single file. font-display: swap = no FOIT, browser shows
   fallback (system-ui) until font loads. */
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url('/fonts/inter-variable.woff2?v=1') format('woff2-variations'),url('/fonts/inter-variable.woff2?v=1') format('woff2');font-named-instance:'Regular';size-adjust:100%}
@font-face{font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/oswald-variable.woff2?v=1') format('woff2-variations'),url('/fonts/oswald-variable.woff2?v=1') format('woff2');font-named-instance:'Regular';size-adjust:100%}

@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%;font-display:swap}*,:before,:after{--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-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: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 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: }::backdrop{--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-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: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Inter Fallback,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,select{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]){-webkit-appearance:button;background-color:transparent;background-image:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}img,svg,video,audio,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-family:Inter,Inter Fallback,sans-serif;color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Inter,Inter Fallback,sans-serif;font-weight:700;letter-spacing:-.025em}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-1\.5{bottom:.375rem}.bottom-2{bottom:.5rem}.left-0{left:0}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-2{top:.5rem}.top-3{top:.75rem}.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-\[100\]{z-index:100}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-2{grid-column:span 2 / span 2}.m-0{margin:0}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.-mt-14{margin-top:-3.5rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-video{aspect-ratio:16 / 9}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-28{height:7rem}.h-56{height:14rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[2px\]{height:2px}.h-\[52px\]{height:52px}.h-\[60vh\]{height:60vh}.h-full{height:100%}.h-px{height:1px}.max-h-\[300px\]{max-height:300px}.min-h-\[1rem\]{min-height:1rem}.min-h-\[20px\]{min-height:20px}.min-h-\[24px\]{min-height:24px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[440px\]{min-height:440px}.min-h-\[44px\]{min-height:44px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[550px\]{min-height:550px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-2{width:.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[2px\]{width:2px}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[280px\]{min-width:280px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[360px\]{max-width:360px}.max-w-\[460px\]{max-width:460px}.max-w-\[90vw\]{max-width:90vw}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[social-pulse_2s_infinite\]{animation:social-pulse 2s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1px * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\!border-emerald-500\/20{border-color:#10b98133!important}.\!border-red-500\/\[0\.12\]{border-color:#ef44441f!important}.border-amber-400\/20{border-color:#fbbf2433}.border-border{border-color:hsl(var(--border))}.border-border\/10{border-color:hsl(var(--border) / .1)}.border-border\/30{border-color:hsl(var(--border) / .3)}.border-border\/40{border-color:hsl(var(--border) / .4)}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-emerald-400\/40{border-color:#34d39966}.border-green-400\/40{border-color:#4ade8066}.border-orange-400\/40{border-color:#fb923c66}.border-purple-500\/10{border-color:#a855f71a}.border-purple-500\/15{border-color:#a855f726}.border-transparent{border-color:transparent}.border-white\/\[0\.03\]{border-color:#ffffff08}.border-white\/\[0\.04\]{border-color:#ffffff0a}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-yellow-400\/40{border-color:#facc1566}.\!bg-emerald-500\/10{background-color:#10b9811a!important}.\!bg-red-500\/\[0\.08\]{background-color:#ef444414!important}.bg-amber-500\/90{background-color:#f59e0be6}.bg-background{background-color:hsl(var(--background))}.bg-background\/95{background-color:hsl(var(--background) / .95)}.bg-black\/50{background-color:#00000080}.bg-black\/80{background-color:#000c}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-card{background-color:hsl(var(--card))}.bg-dark-surface{background-color:hsl(var(--dark-surface))}.bg-dark-surface\/40{background-color:hsl(var(--dark-surface) / .4)}.bg-dark-surface\/60{background-color:hsl(var(--dark-surface) / .6)}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/80{background-color:#10b981cc}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-emerald-600\/90{background-color:#059669e6}.bg-muted{background-color:hsl(var(--muted))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-500\/15{background-color:#a855f726}.bg-purple-500\/\[0\.06\]{background-color:#a855f70f}.bg-purple-500\/\[0\.08\]{background-color:#a855f714}.bg-red-500\/90{background-color:#ef4444e6}.bg-secondary{background-color:hsl(var(--secondary))}.bg-secondary\/30{background-color:hsl(var(--secondary) / .3)}.bg-secondary\/50{background-color:hsl(var(--secondary) / .5)}.bg-transparent{background-color:transparent}.bg-violet-500{--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.06\]{background-color:#ffffff0f}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\$\{t\.chart\}\]{--tw-gradient-from: ${t.chart}var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-400{--tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500\/20{--tw-gradient-from: rgb(245 158 11 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500\/5{--tw-gradient-from: rgb(245 158 11 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-background{--tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/90{--tw-gradient-from: rgb(0 0 0 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-card{--tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-card\/60{--tw-gradient-from: hsl(var(--card) / .6) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-card\/80{--tw-gradient-from: hsl(var(--card) / .8) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500\/5{--tw-gradient-from: rgb(6 182 212 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-dark-surface{--tw-gradient-from: hsl(var(--dark-surface)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--dark-surface) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-dark-surface\/80{--tw-gradient-from: hsl(var(--dark-surface) / .8) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--dark-surface) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-dark-surface\/90{--tw-gradient-from: hsl(var(--dark-surface) / .9) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--dark-surface) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-400{--tw-gradient-from: #34d399 var(--tw-gradient-from-position);--tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500\/10{--tw-gradient-from: rgb(16 185 129 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500\/20{--tw-gradient-from: rgb(16 185 129 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500\/25{--tw-gradient-from: rgb(16 185 129 / .25) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500\/5{--tw-gradient-from: rgb(16 185 129 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fuchsia-500{--tw-gradient-from: #d946ef var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fuchsia-500\/5{--tw-gradient-from: rgb(217 70 239 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500\/25{--tw-gradient-from: rgb(34 197 94 / .25) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500\/5{--tw-gradient-from: rgb(99 102 241 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-muted{--tw-gradient-from: hsl(var(--muted)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-300\/45{--tw-gradient-from: rgb(253 186 116 / .45) var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500\/25{--tw-gradient-from: rgb(249 115 22 / .25) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500\/30{--tw-gradient-from: rgb(249 115 22 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500\/5{--tw-gradient-from: rgb(249 115 22 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500\/5{--tw-gradient-from: rgb(236 72 153 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary{--tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/20{--tw-gradient-from: hsl(var(--primary) / .2) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/5{--tw-gradient-from: hsl(var(--primary) / .05) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/5{--tw-gradient-from: rgb(168 85 247 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-400{--tw-gradient-from: #fb7185 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500\/25{--tw-gradient-from: rgb(244 63 94 / .25) var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500\/5{--tw-gradient-from: rgb(244 63 94 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-secondary\/20{--tw-gradient-from: hsl(var(--secondary) / .2) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-400{--tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-500{--tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-500\/5{--tw-gradient-from: rgb(14 165 233 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-500\/5{--tw-gradient-from: rgb(20 184 166 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-400{--tw-gradient-from: #a78bfa var(--tw-gradient-from-position);--tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500\/5{--tw-gradient-from: rgb(139 92 246 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-300\/50{--tw-gradient-from: rgb(253 224 71 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500\/20{--tw-gradient-from: rgb(234 179 8 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500\/25{--tw-gradient-from: rgb(234 179 8 / .25) var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-zinc-200\/45{--tw-gradient-from: rgb(228 228 231 / .45) var(--tw-gradient-from-position);--tw-gradient-to: rgb(228 228 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-amber-400\/45{--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(251 191 36 / .45) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-amber-500\/40{--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-card{--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-card\/40{--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card) / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-500{--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-500\/15{--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(6 182 212 / .15) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-dark-surface\/20{--tw-gradient-to: hsl(var(--dark-surface) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--dark-surface) / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-dark-surface\/30{--tw-gradient-to: hsl(var(--dark-surface) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--dark-surface) / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-dark-surface\/40{--tw-gradient-to: hsl(var(--dark-surface) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--dark-surface) / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-secondary{--tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--secondary)) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-300\/40{--tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(203 213 225 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-violet-500{--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-accent{--tw-gradient-to: hsl(var(--accent)) var(--tw-gradient-to-position)}.to-amber-300{--tw-gradient-to: #fcd34d var(--tw-gradient-to-position)}.to-amber-400{--tw-gradient-to: #fbbf24 var(--tw-gradient-to-position)}.to-amber-500\/20{--tw-gradient-to: rgb(245 158 11 / .2) var(--tw-gradient-to-position)}.to-card\/40{--tw-gradient-to: hsl(var(--card) / .4) var(--tw-gradient-to-position)}.to-card\/60{--tw-gradient-to: hsl(var(--card) / .6) var(--tw-gradient-to-position)}.to-card\/80{--tw-gradient-to: hsl(var(--card) / .8) var(--tw-gradient-to-position)}.to-card\/95{--tw-gradient-to: hsl(var(--card) / .95) var(--tw-gradient-to-position)}.to-cyan-400{--tw-gradient-to: #22d3ee var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to: #34d399 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-emerald-500\/20{--tw-gradient-to: rgb(16 185 129 / .2) var(--tw-gradient-to-position)}.to-emerald-500\/5{--tw-gradient-to: rgb(16 185 129 / .05) var(--tw-gradient-to-position)}.to-fuchsia-400{--tw-gradient-to: #e879f9 var(--tw-gradient-to-position)}.to-fuchsia-500{--tw-gradient-to: #d946ef var(--tw-gradient-to-position)}.to-green-500\/5{--tw-gradient-to: rgb(34 197 94 / .05) var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.to-lime-500\/20{--tw-gradient-to: rgb(132 204 22 / .2) var(--tw-gradient-to-position)}.to-muted{--tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to: #fb923c var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-500\/5{--tw-gradient-to: rgb(249 115 22 / .05) var(--tw-gradient-to-position)}.to-orange-600\/45{--tw-gradient-to: rgb(234 88 12 / .45) var(--tw-gradient-to-position)}.to-pink-400{--tw-gradient-to: #f472b6 var(--tw-gradient-to-position)}.to-primary\/10{--tw-gradient-to: hsl(var(--primary) / .1) var(--tw-gradient-to-position)}.to-primary\/70{--tw-gradient-to: hsl(var(--primary) / .7) var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to: #c084fc var(--tw-gradient-to-position)}.to-red-500\/30{--tw-gradient-to: rgb(239 68 68 / .3) var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to: #f43f5e var(--tw-gradient-to-position)}.to-sky-400{--tw-gradient-to: #38bdf8 var(--tw-gradient-to-position)}.to-sky-400\/70{--tw-gradient-to: rgb(56 189 248 / .7) var(--tw-gradient-to-position)}.to-teal-400{--tw-gradient-to: #2dd4bf var(--tw-gradient-to-position)}.to-teal-500\/20{--tw-gradient-to: rgb(20 184 166 / .2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-violet-400{--tw-gradient-to: #a78bfa var(--tw-gradient-to-position)}.to-violet-500{--tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position)}.to-yellow-500\/20{--tw-gradient-to: rgb(234 179 8 / .2) var(--tw-gradient-to-position)}.to-yellow-500\/5{--tw-gradient-to: rgb(234 179 8 / .05) var(--tw-gradient-to-position)}.to-yellow-600\/50{--tw-gradient-to: rgb(202 138 4 / .5) var(--tw-gradient-to-position)}.to-zinc-400\/45{--tw-gradient-to: rgb(161 161 170 / .45) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:0!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-body{font-family:Inter,Inter Fallback,sans-serif}.font-display{font-family:Oswald,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,Inter Fallback,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-5xl{font-size:3rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[0\.9\]{line-height:.9}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.2\]{line-height:1.2}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-400\/60{color:#fbbf2499}.text-dark-surface-foreground{color:hsl(var(--dark-surface-foreground))}.text-dark-surface-foreground\/10{color:hsl(var(--dark-surface-foreground) / .1)}.text-dark-surface-foreground\/90{color:hsl(var(--dark-surface-foreground) / .9)}.text-dark-surface-muted{color:hsl(var(--dark-surface-muted))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/70{color:hsl(var(--foreground) / .7)}.text-foreground\/75{color:hsl(var(--foreground) / .75)}.text-foreground\/80{color:hsl(var(--foreground) / .8)}.text-foreground\/90{color:hsl(var(--foreground) / .9)}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/60{color:hsl(var(--muted-foreground) / .6)}.text-muted-foreground\/80{color:hsl(var(--muted-foreground) / .8)}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary\/20{color:hsl(var(--primary) / .2)}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-400\/40{color:#c084fc66}.text-purple-400\/50{color:#c084fc80}.text-purple-400\/60{color:#c084fc99}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/15{color:#ffffff26}.text-white\/20{color:#fff3}.text-white\/25{color:#ffffff40}.text-white\/30{color:#ffffff4d}.text-white\/35{color:#ffffff59}.text-white\/40{color:#fff6}.text-white\/45{color:#ffffff73}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.text-white\/\[0\.06\]{color:#ffffff0f}.text-white\/\[0\.08\]{color:#ffffff14}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--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(0px + 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)}.blur{--tw-blur: blur(8px);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)}.brightness-125{--tw-brightness: brightness(1.25);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-2xl{--tw-backdrop-blur: blur(40px);-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);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-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-150{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)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\!running{animation-play-state:running!important}html{overflow-y:scroll}#root[data-prerendered="1"]>*{opacity:1}:root{--background: 0 0% 0%;--foreground: 0 0% 98%;--card: 0 0% 10%;--primary: 48 100% 50%;--primary-foreground: 0 0% 8%;--secondary: 0 0% 15%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 15%;--muted-foreground: 0 0% 65%;--accent: 0 0% 15%;--border: 0 0% 18%;--radius: .5rem;--dark-surface: 0 0% 8%;--dark-surface-foreground: 0 0% 98%;--dark-surface-muted: 0 0% 60%}.dark .prose{color:#d9d9d9}.dark .prose strong,.dark .prose b{color:#f2f2f2}.dark .prose h1,.dark .prose h2,.dark .prose h3,.dark .prose h4,.dark .prose h5,.dark .prose h6{color:#fafafa}.prose h4,.prose h5,.prose h6{margin-top:1.5em}.prose h5{font-size:1em;font-weight:700}.prose h6{font-size:.95em;font-weight:700}.dark .prose a{color:#1bc576}.dark .prose code{background:#2e2e2e;color:#e6e6e6;padding:.15em .4em;border-radius:.25rem}.dark .prose ul,.dark .prose ol,.dark .prose li{color:#d9d9d9}.prose li,.prose p{margin-bottom:8px}*:focus-visible{outline:2px solid rgba(139,92,246,.4);outline-offset:3px;border-radius:inherit}input:focus-visible,select:focus-visible{outline:1px solid rgba(139,92,246,.3);outline-offset:2px}.toc-progress-track{height:2px;background:#ffffff0a;border-radius:1px;overflow:hidden}.toc-progress-fill{height:100%;border-radius:1px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#fb923c);background-size:200% auto;animation:aurora 4s ease infinite;transition:width .3s ease}.prose img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;contain:layout;background:hsl(var(--muted));border-radius:.5rem}section[data-node-id]{content-visibility:auto;contain-intrinsic-size:auto 400px}@keyframes aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-aurora{animation:aurora 4s ease infinite}@keyframes social-pulse{0%,to{opacity:1}50%{opacity:.3}}.placeholder\:text-white\/20::-moz-placeholder{color:#fff3}.placeholder\:text-white\/20::placeholder{color:#fff3}.placeholder\:text-white\/30::-moz-placeholder{color:#ffffff4d}.placeholder\:text-white\/30::placeholder{color:#ffffff4d}.hover\:z-10:hover{z-index:10}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-emerald-500\/20:hover{border-color:#10b98133}.hover\:border-purple-500\/30:hover{border-color:#a855f74d}.hover\:border-red-500\/\[0\.12\]:hover{border-color:#ef44441f}.hover\:border-white\/\[0\.12\]:hover{border-color:#ffffff1f}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-emerald-500\/10:hover{background-color:#10b9811a}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-purple-500\/\[0\.08\]:hover{background-color:#a855f714}.hover\:bg-red-500\/\[0\.08\]:hover{background-color:#ef444414}.hover\:bg-secondary\/30:hover{background-color:hsl(var(--secondary) / .3)}.hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}.hover\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}.hover\:text-emerald-400:hover{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-primary:hover{color:hsl(var(--primary))}.hover\:text-purple-400:hover{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-white\/30:hover{color:#ffffff4d}.hover\:text-white\/40:hover{color:#fff6}.hover\:text-white\/50:hover{color:#ffffff80}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:ring-1:hover{--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)}.hover\:ring-purple-500\/30:hover{--tw-ring-color: rgb(168 85 247 / .3)}.focus\:border-purple-500\/40:focus{border-color:#a855f766}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-primary{color:hsl(var(--primary))}.group:hover .group-hover\:text-white\/80{color:#fffc}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:border-primary\/40[data-state=active]{border-color:hsl(var(--primary) / .4)}.data-\[state\=active\]\:border-sky-500\/30[data-state=active]{border-color:#0ea5e94d}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=active\]\:bg-primary\/10[data-state=active]{background-color:hsl(var(--primary) / .1)}.data-\[state\=active\]\:bg-sky-500\/20[data-state=active]{background-color:#0ea5e933}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=active\]\:text-sky-300[data-state=active]{--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-\[0_0_8px_hsl\(200_80\%_60\%\/0\.15\)\][data-state=active]{--tw-shadow: 0 0 8px hsl(200 80% 60%/.15);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{}.data-\[state\=open\]\:fade-in-0[data-state=open]{}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{}.data-\[state\=open\]\:zoom-in-95[data-state=open]{}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:max-w-none{max-width:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:border-b{border-bottom-width:1px}.sm\:border-t-0{border-top-width:0px}.sm\:border-b-border\/5{border-bottom-color:hsl(var(--border) / .05)}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{}}@media (min-width: 768px){.md\:order-none{order:0}.md\:col-span-1{grid-column:span 1 / span 1}.md\:row-span-2{grid-row:span 2 / span 2}.md\:mb-7{margin-bottom:1.75rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:aspect-\[3\/4\]{aspect-ratio:3/4}.md\:min-h-\[400px\]{min-height:400px}.md\:min-h-\[650px\]{min-height:650px}.md\:min-w-\[340px\]{min-width:340px}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-12{gap:3rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:pb-16{padding-bottom:4rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-9xl{font-size:8rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width: 1024px){.lg\:hidden{display:none}.lg\:min-h-\[700px\]{min-height:700px}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[46px\]{font-size:46px}}

.prose a:hover, .prose-invert a:hover { color: rgb(196 181 253); }
/* === ANTMAG MOCKUP FIXES === */

/* 1. Link colors: green → brand purple */
.prose a,
article a:not(.quest-row):not([class*="nav"]):not([class*="breadcrumb"]) {
  color: #A78BFA !important;
  text-decoration: none;
}
.prose a:hover,
article a:not(.quest-row):hover {
  color: #C4B5FD !important;
  text-decoration: underline;
}

/* 2. TOC thread lines */
[data-am-toc-children] {
  position: relative;
}
[data-am-toc-children]::before {
  content: '';
  position: absolute;
  left: 17px;
  top: 0;
  bottom: 0;
  width: 1.5px;
  background: rgba(139, 92, 246, 0.06);
}
[data-am-toc-children].toc-active-branch::before {
  background: linear-gradient(180deg, rgba(139,92,246,0.25), rgba(236,72,153,0.25));
}

/* 3. TOC tighter spacing */
[data-am-toc] a {
  padding: 5px 8px !important;
}

/* 4. TOC active item stronger */
[data-toc-active="1"] {
  background: rgba(139, 92, 246, 0.12) !important;
}
[data-toc-active="1"]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 3px;
  border-radius: 2px;
  background: linear-gradient(180deg, #8B5CF6, #EC4899);
}

/* 5. TOC bullet dots — leaves ONLY (items with no children).
 * Items with children render an inline-SVG chevron from the template; rendering
 * a CSS dot on those would double-mark them. Gating on data-toc-leaf and
 * defensively hiding on data-toc-has-children keeps the rule unambiguous. */
[data-am-toc] [data-toc-leaf] a::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(139, 92, 246, 0.3);
  margin-right: 8px;
  vertical-align: middle;
  flex-shrink: 0;
}
[data-am-toc] [data-toc-has-children] a::before {
  display: none !important;
  content: none !important;
}

/* 6. TOC section counts dimmer */
[data-am-toc] .toc-count {
  color: rgba(255, 255, 255, 0.15) !important;
}

/* 7. Chapter card styling */
.ch-card {
  background: rgba(26, 26, 46, 0.8);
  border: 0.5px solid rgba(139, 92, 246, 0.15);
  border-radius: 12px;
  padding: 20px 24px;
  margin: 16px 0;
}
.ch-card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.06);
}
.ch-badge {
  background: linear-gradient(135deg, #8B5CF6, #EC4899);
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: inline-block;
  white-space: nowrap;
}
.ch-card-title {
  font-family: Oswald, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  flex: 1;
}
.ch-card-count {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
  white-space: nowrap;
}

/* 8. Quest row styling */
.quest-row {
  display: flex;
  align-items: center;
  padding: 7px 12px;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.04);
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
  text-decoration: none !important;
  color: inherit !important;
}
.quest-row:hover {
  background: rgba(139, 92, 246, 0.08);
}
.quest-row .q-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(139, 92, 246, 0.5);
  margin-right: 12px;
  flex-shrink: 0;
}
.quest-row .q-name {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.75);
  flex: 1;
}
.quest-row:hover .q-name {
  color: #A78BFA;
}
.quest-row .q-arrow {
  font-size: 14px;
  color: rgba(139, 92, 246, 0.4);
  opacity: 0;
  transition: opacity 0.15s;
}
.quest-row:hover .q-arrow {
  opacity: 1;
}
.quest-row.unlinked {
  cursor: default;
}
.quest-row.unlinked .q-dot {
  background: rgba(255, 255, 255, 0.15);
}
.quest-row.unlinked .q-name {
  color: rgba(255, 255, 255, 0.3);
}
.quest-row.unlinked:hover {
  background: transparent;
}
.quest-row.unlinked:hover .q-name {
  color: rgba(255, 255, 255, 0.3);
}

/* 9. Related sections card grid */
.related-sections-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.related-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 0.5px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  text-decoration: none !important;
  color: inherit !important;
  transition: all 0.15s;
}
.related-card:hover {
  background: rgba(139, 92, 246, 0.08);
  border-color: rgba(139, 92, 246, 0.2);
}
.related-card .r-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8B5CF6;
  flex-shrink: 0;
}
.related-card .r-title {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.related-card:hover .r-title {
  color: #A78BFA;
}
.related-card .r-desc {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}

/* 10. Chapter hub page quest grid */
.chapter-quest-grid {
  display: grid;
  /* minmax(0, 1fr) lets the column shrink below its min-content width so the
     nowrap/ellipsis on .cq-name and .cq-desc actually clips. Plain `1fr` is
     `minmax(auto, 1fr)` and auto = min-content, which makes the longest
     unbreakable label blow the grid out wider than its container (horizontal
     page scroll). */
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
@media (max-width: 640px) {
  .chapter-quest-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.chapter-quest-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 0.5px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  text-decoration: none !important;
  color: inherit !important;
  transition: all 0.15s;
  /* Prevent the flex card itself from outgrowing its grid cell. Without this
     a long .cq-name (nowrap) would still extend beyond the cell because the
     card has no min-width constraint of its own. */
  min-width: 0;
  overflow: hidden;
}
.chapter-quest-card > .min-w-0 {
  /* Tailwind ships `.min-w-0 { min-width: 0 }` but be explicit so the inner
     text wrapper can shrink below content size — required for the ellipsis to
     trigger inside a flex layout. */
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
.chapter-quest-card:hover {
  background: rgba(139, 92, 246, 0.08);
  border-color: rgba(139, 92, 246, 0.2);
}
.chapter-quest-card .cq-thumb {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: rgba(139, 92, 246, 0.15);
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.chapter-quest-card .cq-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.chapter-quest-card .cq-name {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chapter-quest-card:hover .cq-name {
  color: #A78BFA;
}
.chapter-quest-card .cq-desc {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}

/* 11. Series cross-links horizontal strip */
.series-strip {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 8px;
  scrollbar-width: none;
}
.series-strip::-webkit-scrollbar { display: none; }
.series-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding: 8px 16px 8px 8px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  text-decoration: none !important;
  color: inherit !important;
  transition: background 0.15s;
  min-width: 200px;
  max-width: 260px;
}
.series-chip:hover { background: rgba(255, 255, 255, 0.06); }
.series-chip img {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  object-fit: cover;
}
.series-chip .sc-title {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.series-chip:hover .sc-title { color: #A78BFA; }
.series-chip .sc-count {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.3);
  margin-top: 2px;
}

/* ── 12. Pipeline content blocks (TL;DR, Prerequisites, Walkthrough, Tips, Reward, Gold Medal) ── */

/* TL;DR card — purple→pink gradient with "Quick summary" label */
.tldr-card {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(236, 72, 153, 0.08));
  border: 0.5px solid rgba(139, 92, 246, 0.25);
  border-radius: 10px;
  padding: 14px 18px;
  margin: 16px 0;
}
.tldr-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A78BFA;
  margin-bottom: 6px;
}
.tldr-body { color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.55; }

/* Prerequisites — amber inline card with ⚡ icon */
.prereq-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: rgba(251, 191, 36, 0.08);
  border-radius: 8px;
  padding: 10px 14px;
  margin: 16px 0;
}
.prereq-icon {
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
.prereq-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(251, 191, 36, 0.9);
  margin-bottom: 2px;
}
.prereq-body { color: rgba(255, 255, 255, 0.8); font-size: 13.5px; line-height: 1.5; }

/* Walkthrough — numbered purple-circle steps */
.walkthrough-card { margin: 16px 0; }
.wc-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A78BFA;
  margin-bottom: 10px;
}
.walkthrough-steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.walkthrough-steps .ws-step {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.walkthrough-steps .ws-num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(139, 92, 246, 0.15);
  color: #A78BFA;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.walkthrough-steps .ws-body {
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  line-height: 1.55;
  flex: 1 1 auto;
  min-width: 0;
}

/* Gold Medal Requirements — gold-tinted card with 2x2 grid */
.goldmedal-card {
  background: rgba(251, 191, 36, 0.06);
  border: 0.5px solid rgba(251, 191, 36, 0.2);
  border-radius: 10px;
  padding: 14px 18px;
  margin: 16px 0;
}
.gm-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(251, 191, 36, 0.95);
  margin-bottom: 10px;
}
.gm-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px 16px;
}
@media (max-width: 640px) {
  .gm-grid { grid-template-columns: minmax(0, 1fr); }
}
.gm-cell {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.45;
}
.gm-check {
  color: rgba(251, 191, 36, 0.9);
  font-weight: 700;
  flex-shrink: 0;
}
.gm-body {
  color: rgba(255, 255, 255, 0.82);
  font-size: 13.5px;
  line-height: 1.5;
}

/* Tips — green box with dot markers */
.tips-card {
  background: rgba(52, 211, 153, 0.06);
  border: 0.5px solid rgba(52, 211, 153, 0.15);
  border-radius: 10px;
  padding: 14px 18px;
  margin: 16px 0;
}
.tc-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(52, 211, 153, 0.9);
  margin-bottom: 8px;
}
.tips-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tips-list .tip-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.5;
}
.tips-list .tip-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(52, 211, 153, 0.7);
  flex-shrink: 0;
  margin-top: 8px;
}

/* Reward — purple card with 🎁 icon */
.reward-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: rgba(139, 92, 246, 0.06);
  border: 0.5px solid rgba(139, 92, 246, 0.15);
  border-radius: 10px;
  padding: 12px 16px;
  margin: 16px 0;
}
.reward-icon {
  font-size: 20px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
.reward-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #A78BFA;
  margin-bottom: 2px;
}
.reward-body {
  color: rgba(255, 255, 255, 0.82);
  font-size: 13.5px;
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 0;
}

/* ── 13. Metacritic / user-rating badge (hub info bar) ── */
.rating-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px 6px 8px;
  border-radius: 8px;
  flex-shrink: 0;
  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
}
.rating-badge.rating-green  { background: rgba(52,211,153,0.10); border: 0.5px solid rgba(52,211,153,0.30); }
.rating-badge.rating-yellow { background: rgba(251,191,36,0.10); border: 0.5px solid rgba(251,191,36,0.30); }
.rating-badge.rating-red    { background: rgba(239,68,68,0.10);  border: 0.5px solid rgba(239,68,68,0.30); }
.rating-badge .rb-score {
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  padding: 6px 8px;
  border-radius: 6px;
  color: #fff;
  min-width: 36px;
  text-align: center;
}
.rating-green  .rb-score { background: rgba(52,211,153,0.85); }
.rating-yellow .rb-score { background: rgba(251,191,36,0.90); color: rgba(0,0,0,0.85); }
.rating-red    .rb-score { background: rgba(239,68,68,0.85); }
.rating-badge .rb-meta {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.rating-badge .rb-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}
.rating-badge .rb-count {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.45);
  white-space: nowrap;
}
.rating-badge .rb-stars {
  font-size: 11px;
  color: rgba(251, 191, 36, 0.9);
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.rating-badge .rb-stars-num {
  color: rgba(255, 255, 255, 0.55);
  font-size: 10px;
  letter-spacing: 0;
}

/* ─────────────────────────────────────────────────────────────────────
 * Category-hub layout (table-of-contents-style sections with children).
 * Renders in place of walkthrough cards; matches the approved mockup.
 * ──────────────────────────────────────────────────────────────────── */
.category-hub {
  margin: 8px 0 32px;
}
.cat-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(139, 92, 246, 0.6);
  margin-bottom: 4px;
  font-weight: 500;
}
.cat-title {
  font-family: Oswald, sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 6px;
  line-height: 1.2;
}
.cat-desc {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.6;
  margin: 0 0 16px;
  max-width: 640px;
}
.cat-children-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.25);
  margin-bottom: 8px;
}

/* ─────────────────────────────────────────────────────────────────────
 * TOC smart collapsing — hide overflow children until "+ N more" click.
 * Outer accordion (parent collapsed/expanded) is handled by inline
 * `display:none` on [data-am-toc-children] + JS toggling on chevron/scroll.
 * ──────────────────────────────────────────────────────────────────── */
[data-toc-overflow] {
  display: none;
}
[data-toc-overflow].toc-show-overflow {
  display: block;
}
.toc-show-more {
  font-size: 11px;
  color: rgba(167, 139, 250, 0.85);
  padding: 4px 8px 4px 24px;
  cursor: pointer;
  user-select: none;
  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
}
.toc-show-more:hover {
  color: #C4B5FD;
  text-decoration: underline;
}

/* Item 11: violet left border on h4 sub-headings inside content_html only.
 * The wrapper .prose targets h4s emitted by optimizeContentImages's heading
 * downgrade (h3 → h4) — i.e. SUBSECTION headings within a guide section.
 * Section-title h4s (rendered by the template wrapper) are OUTSIDE .prose,
 * so they remain unstyled. */
.prose h4 {
  border-left: 2px solid rgba(139, 92, 246, 0.4);
  padding-left: 12px;
  margin-top: 18px;
  margin-bottom: 8px;
}

/* ─────────────────────────────────────────────────────────────────────
 * Header hide-on-scroll-down (guide pages only) — JS toggles
 * `.header-hidden` on <header> + `.am-header-hidden` on <body>. The
 * platform bar's `top` flips from `top-14` (Tailwind = 56px, sits below
 * the visible header) to `0` (header is gone, bar pins to viewport top).
 * ──────────────────────────────────────────────────────────────────── */
header {
  transition: transform 0.25s ease;
  will-change: transform;
}
header.header-hidden {
  transform: translateY(-100%);
}
body.am-header-hidden [data-am-platform-bar] {
  top: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────
 * Mobile-only layout fixes (≤767px)
 * ──────────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  /* TOC bottom-sheet — collapsed by default, tap-to-expand to 60vh.
   * Match the ORIGINAL Lovable panel styling: bg rgba(10,10,10,0.98) + subtle
   * white-tinted top border (was border-left on desktop). */
  [data-am-toc] {
    position: fixed;
    top: auto !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 64px;
    background: rgba(10, 10, 10, 0.98);
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    border-left: none !important;
    border-radius: 12px 12px 0 0;
    transition: max-height 0.3s ease;
    overflow: hidden;
    z-index: 50;
    display: flex;
    flex-direction: column;
  }
  [data-am-toc].toc-expanded {
    max-height: 60vh;
    overflow-y: auto;
  }
  /* Mobile bottom collapsed bar (NEW design — approved):
   * - section name on the left (truncated)
   * - solid gradient ☰ Guide button on the right
   * - small drag-handle pip centered along the top edge
   * NO platform pills here. Platform <select> moves into the EXPANDED drawer. */
  .toc-mobile-bar {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 12px 12px;
    cursor: pointer;
    user-select: none;
    flex-shrink: 0;
  }
  .toc-mobile-bar .handle {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 2px;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 1px;
  }
  .toc-mobile-section-name {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }
  .toc-mobile-btn {
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(135deg, #8B5CF6, #EC4899);
    border: none;
    color: #fff;
    font-weight: 500;
    flex-shrink: 0;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.25);
  }
  .toc-mobile-btn:hover { filter: brightness(1.1); }
  /* Expanded drawer: hide the bottom-bar chrome so the full sheet is shown. */
  [data-am-toc].toc-expanded .toc-mobile-bar { display: none; }
  /* While collapsed, hide internal scroll/search chrome + the platform row
   * so only the .toc-mobile-bar shows. */
  [data-am-toc]:not(.toc-expanded) > div:not(.toc-mobile-bar) { display: none; }
  [data-am-toc]:not(.toc-expanded) > nav { display: none; }
  [data-am-toc]:not(.toc-expanded) .toc-mobile-platform-row { display: none; }
  /* Stop the desktop hamburger toggle from firing on mobile — bottom-sheet
   * already exposes the TOC. */
  [data-am-toc-toggle] { display: none !important; }

  /* Platform pills — keep horizontally scrollable, never wrap, never clip. */
  [data-am-platform-bar] > div {
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  [data-am-platform-bar] [data-am-platform] {
    flex-shrink: 0;
    white-space: nowrap;
  }

  /* Platform <select> inside the EXPANDED TOC drawer (mobile only). */
  .toc-mobile-platform-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    flex-shrink: 0;
  }
  .toc-mobile-platform-label {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.35);
    flex-shrink: 0;
  }
  .toc-mobile-platform-select {
    flex: 1 1 auto;
    background-color: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.7);
    border: 0.5px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 6px 28px 6px 12px;
    font-size: 13px;
    font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    cursor: pointer;
  }
  .toc-mobile-platform-select:focus {
    outline: none;
    border-color: rgba(139, 92, 246, 0.4);
    background-color: rgba(255, 255, 255, 0.08);
  }
  .toc-mobile-platform-select option {
    background: rgba(20, 20, 20, 0.98);
    color: rgba(255, 255, 255, 0.85);
  }

  /* Gold Medal grid → single column on mobile (was already in mockup-fixes
   * at ≤640px; widen the breakpoint to match the standard mobile cutoff). */
  .gm-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  /* Content cards — slightly smaller padding + body type on mobile so the
   * card chrome doesn't dominate the screen. */
  .tldr-card, .prereq-card, .tips-card, .reward-card, .goldmedal-card, .walkthrough-card {
    padding: 12px 14px;
  }
  .tldr-body, .tips-list .tip-item, .reward-body, .gm-cell, .walkthrough-steps .ws-body {
    font-size: 13px;
    line-height: 1.5;
  }

  /* Reserve room at the bottom of the article so the 44 px sheet handle
   * never sits on top of the last paragraph or the bottom pager. */
  main {
    padding-bottom: 60px;
  }
}


/* ─────────────────────────────────────────────────────────────────
 * Approved TOC button design + desktop platform pills + animations
 * (V1 — visual only; platform-content swap is V2)
 * ──────────────────────────────────────────────────────────────── */
@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 4px rgba(139, 92, 246, 0.2); }
  50%      { box-shadow: 0 0 12px rgba(139, 92, 246, 0.4), 0 0 4px rgba(236, 72, 153, 0.2); }
}
@keyframes glare {
  0%, 100% { background-position: -200% 0; }
  50%      { background-position: 200% 0; }
}

[data-am-toc-trigger] {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px 4px 8px;
  border-radius: 6px;
  cursor: pointer;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(236, 72, 153, 0.12));
  border: 0.5px solid rgba(139, 92, 246, 0.35);
  color: #C4B5FD;
  font-weight: 500;
  font-size: 12px;
  animation: pulse-glow 3s ease-in-out infinite;
  margin-left: auto;
  white-space: nowrap;
  transition: filter 150ms ease, border-color 150ms ease;
}
[data-am-toc-trigger]:hover {
  filter: brightness(1.15);
  border-color: rgba(139, 92, 246, 0.55);
}
[data-am-toc-trigger] .toc-count {
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.3), rgba(236, 72, 153, 0.2), rgba(139, 92, 246, 0.3));
  background-size: 200% 100%;
  animation: glare 3s ease-in-out infinite;
  color: #e9d5ff;
  font-weight: 600;
  tabular-nums: 1;
}

/* Desktop platform pills (V1 — clickable, hover/active visual states only).
 * Click handler in antmag.js toggles .active across the row. */
.platform-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
  border: 0.5px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.45);
  transition: border-color 150ms ease, color 150ms ease, background 150ms ease;
  font-family: var(--font-display, 'Oswald', sans-serif);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.platform-pill:hover {
  border-color: rgba(139, 92, 246, 0.3);
  color: rgba(255, 255, 255, 0.7);
  background: rgba(139, 92, 246, 0.06);
}
.platform-pill.active {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
  color: #fff;
}
.platform-pill svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

/* PERF: TOC content-visibility (was stripped on restore — re-append). */
[data-am-toc] {
  content-visibility: auto;
  contain-intrinsic-size: 0 600px;
}