*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";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}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,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,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{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]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow: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}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--kt-bg: 222 30% 13%;--kt-surface: 222 26% 16%;--kt-surface-2: 222 22% 19%;--kt-text: 183 89% 63%;--kt-muted: 215 18% 72%;--kt-border: 220 18% 22%;--kt-gold: 43 85% 62%;--kt-gold-2: 38 92% 58%;--kt-teal: 185 70% 42%;--kt-coral: 14 75% 60%;--kt-violet: 268 70% 64%;--kt-text-muted: var(--kt-muted);--kt-accent: var(--kt-gold);--kt-accent-soft: 43 80% 18%;--kt-bg-soft: var(--kt-surface);--kt-panel: var(--kt-surface-2);--background: var(--kt-bg);--foreground: var(--kt-text);--card: var(--kt-surface);--card-foreground: var(--kt-text);--popover: var(--kt-surface-2);--popover-foreground: var(--kt-text);--primary: var(--kt-gold);--primary-foreground: 222 40% 8%;--secondary: var(--kt-surface-2);--secondary-foreground: var(--kt-text);--muted: 222 24% 18%;--muted-foreground: var(--kt-muted);--accent: 222 22% 20%;--accent-foreground: var(--kt-text);--destructive: 0 84% 60%;--destructive-foreground: 0 0% 98%;--border: var(--kt-border);--input: var(--kt-border);--ring: var(--kt-gold);--radius: .9rem}html,body{height:100%}body{margin:0;color:hsl(var(--kt-text));background:hsl(var(--kt-bg));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}::-moz-selection{background:hsl(var(--kt-accent) / .35);color:hsl(var(--kt-text))}::selection{background:hsl(var(--kt-accent) / .35);color:hsl(var(--kt-text))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1200px 600px at 20% 10%,hsl(var(--kt-teal) / .18),transparent 55%),radial-gradient(900px 500px at 85% 20%,hsl(var(--kt-violet) / .14),transparent 52%),radial-gradient(900px 500px at 60% 85%,hsl(var(--kt-coral) / .1),transparent 55%),linear-gradient(to bottom,hsl(var(--kt-gold) / .06),hsl(var(--kt-bg) / .6)),var(--kt-bg-image, url(/assets/kt-moon-bg.png));background-repeat:no-repeat;background-position:20% 10%,85% 20%,60% 85%,0 0,center;background-size:auto,auto,auto,100% 100%,cover;filter:saturate(1.06) brightness(1.36) contrast(1.03) blur(4x);opacity:.7}html[data-kt-theme=studio]{--kt-bg: 222 34% 9%;--kt-surface: 222 28% 14%;--kt-surface-2: 222 24% 17%;--kt-teal: 195 78% 46%;--kt-violet: 268 78% 66%;--kt-studio-sun: 14 88% 58%;--kt-studio-sun-2: 26 92% 56%;--kt-accent: var(--kt-studio-sun);--kt-text: 210 40% 96%;--kt-muted: 215 18% 78%}html[data-kt-embed="1"] body{overflow-x:hidden}.kt-surface{background:hsl(var(--kt-surface) / .86);border:1px solid hsl(var(--kt-border) / .9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kt-card{position:relative;border-radius:18px;border:1px solid hsl(var(--kt-border) / .9);background:hsl(var(--kt-surface) / .78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000059,0 0 0 1px #ffffff08 inset;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.kt-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:18px;pointer-events:none;opacity:0;transition:opacity .18s ease;box-shadow:0 0 0 1px hsl(var(--kt-accent) / .35),0 0 34px hsl(var(--kt-accent) / .18),0 0 90px hsl(var(--kt-accent) / .12)}.kt-card:hover{transform:translateY(-2px);border-color:hsl(var(--kt-accent) / .55)}.kt-card:hover:after{opacity:1}.kt-btn-gold{background:linear-gradient(180deg,hsl(var(--kt-gold) / .95),hsl(var(--kt-gold-2) / .92));color:#0c111d;border:1px solid hsl(var(--kt-gold) / .55);box-shadow:0 10px 22px #00000059}.kt-btn-gold:hover{filter:brightness(1.03);box-shadow:0 10px 22px #00000059,0 0 32px hsl(var(--kt-accent) / .18)}.kt-btn-studio{background:linear-gradient(135deg,#fb923cf2,#ef4444eb);color:#fff;border:1px solid rgba (255 255 255 / .12);box-shadow:0 14px 30px rgba (239 68 68 / .18)}.kt-btn-studio:hover{filter:brightness(1.05) saturate(1.05);box-shadow:0 10px 22px #00000059,0 0 34px hsl(var(--kt-studio-sun) / .18)}.kt-btn-ghost{border-radius:14px;border:1px solid hsl(var(--kt-border) / .95);background:hsl(var(--kt-surface-2) / .3);color:hsl(var(--kt-text));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .16s ease,border-color .16s ease,transform .16s ease}.kt-btn-ghost:hover{background:hsl(var(--kt-surface-2) / .45);border-color:hsl(var(--kt-accent) / .38)}.kt-pill{border-radius:999px;border:1px solid hsl(var(--kt-accent) / .35);background:hsl(var(--kt-accent) / .16);color:hsl(var(--kt-text));padding:.35rem .7rem;font-size:.85rem;line-height:1;transition:transform .14s ease,background .14s ease,border-color .14s ease}.kt-pill:hover{transform:translateY(-1px);background:hsl(var(--kt-accent) / .22);border-color:hsl(var(--kt-accent) / .5)}.kt-gem-trail{background-image:radial-gradient(circle at 6% 55%,hsl(var(--kt-gold) / .55) 0 2px,transparent 3px),radial-gradient(circle at 14% 30%,hsl(var(--kt-teal) / .42) 0 2px,transparent 3px),radial-gradient(circle at 22% 68%,hsl(var(--kt-violet) / .42) 0 2px,transparent 3px),radial-gradient(circle at 30% 42%,hsl(var(--kt-gold) / .45) 0 2px,transparent 3px),radial-gradient(circle at 38% 62%,hsl(var(--kt-teal) / .35) 0 2px,transparent 3px),radial-gradient(circle at 46% 34%,hsl(var(--kt-violet) / .35) 0 2px,transparent 3px),radial-gradient(circle at 54% 58%,hsl(var(--kt-accent) / .35) 0 2px,transparent 3px),radial-gradient(circle at 62% 38%,hsl(var(--kt-teal) / .3) 0 2px,transparent 3px),radial-gradient(circle at 70% 64%,hsl(var(--kt-violet) / .3) 0 2px,transparent 3px),radial-gradient(circle at 78% 40%,hsl(var(--kt-gold) / .3) 0 2px,transparent 3px),radial-gradient(circle at 86% 60%,hsl(var(--kt-teal) / .25) 0 2px,transparent 3px);filter:blur(.2px);opacity:.85}.kt-input,.kt-select-trigger{background:hsl(var(--kt-surface-2) / .92);color:hsl(var(--kt-text));border:1px solid hsl(var(--kt-border) / .95)}.kt-input::-moz-placeholder{color:hsl(var(--kt-muted) / .75)}.kt-input::placeholder{color:hsl(var(--kt-muted) / .75)}.kt-input:focus,.kt-select-trigger:focus{outline:none;box-shadow:0 0 0 3px hsl(var(--kt-gold) / .25);border-color:hsl(var(--kt-accent) / .55)}.kt-select-content{background:hsl(var(--kt-surface-2) / .98);color:hsl(var(--kt-text));border:1px solid hsl(var(--kt-border) / .95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kt-featured-banner{position:relative;overflow:hidden;border-radius:1rem;border:1px solid hsl(var(--kt-border) / .9);background:radial-gradient(900px 420px at 15% 20%,hsl(var(--kt-teal) / .26),transparent 60%),radial-gradient(800px 380px at 85% 25%,hsl(var(--kt-violet) / .16),transparent 62%),linear-gradient(to bottom,hsl(var(--kt-bg) / .42),hsl(var(--kt-bg) / .84));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 40px #00000059}.kt-featured-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,hsl(var(--kt-bg) / .25),hsl(var(--kt-bg) / .65))}.kt-featured-banner>*{position:relative;z-index:1}.kt-featured-gradient{background:linear-gradient(135deg,#10b9b461,#2dd4bf33 25%,#7c3aed42 65%,#0f172aa6)}.kt-featured-gradient-studio{background:linear-gradient(135deg,#fb923c52,#ef444442,#7c3aed3d 70%,#0f172aa6)}.kt-glow{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}.kt-header{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 420px at 15% 20%,hsl(var(--kt-teal) / .22),transparent 60%),radial-gradient(800px 380px at 85% 25%,hsl(var(--kt-violet) / .18),transparent 62%),linear-gradient(to bottom,hsl(var(--kt-bg) / .55),hsl(var(--kt-bg) / .92));border-bottom:1px solid hsl(var(--kt-border) / .9)}.kt-avatar{border:1px solid hsl(var(--kt-border) / .9);background:hsl(var(--kt-surface-2) / .9);box-shadow:0 10px 24px #00000040}.kt-avatar__fallback{display:grid;place-items:center;height:100%;width:100%;font-weight:700;letter-spacing:.06em;color:hsl(var(--kt-text));background:radial-gradient(circle at 30% 30%,hsl(var(--kt-teal) / .22),transparent 60%),radial-gradient(circle at 70% 35%,hsl(var(--kt-violet) / .18),transparent 62%),linear-gradient(to bottom,hsl(var(--kt-surface-2) / .9),hsl(var(--kt-surface) / .9))}.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}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-2{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-1\/4{left:25%;right:25%}.-bottom-1{bottom:-.25rem}.-bottom-20{bottom:-5rem}.-left-20{left:-5rem}.-left-24{left:-6rem}.-left-6{left:-1.5rem}.-right-20{right:-5rem}.-top-2{top:-.5rem}.-top-20{top:-5rem}.-top-24{top:-6rem}.-top-4{top:-1rem}.-top-px{top:-1px}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-2{top:.5rem}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.-m-2{margin:-.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-80{max-height:20rem}.max-h-screen{max-height:100vh}.min-h-\[110px\]{min-height:110px}.min-h-\[160px\]{min-height:160px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-9{width:2.25rem}.w-\[520px\]{width:520px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2,.translate-x-\[-50\%\]{--tw-translate-x: -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))}.translate-y-\[-50\%\]{--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))}.scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;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))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-1{row-gap:.25rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.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-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.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-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * 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))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.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-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[hsl\(var\(--kt-accent\)\)\]\/25{border-color:hsl(var(--kt-accent) / .25)}.border-\[hsl\(var\(--kt-accent\)\)\]\/30{border-color:hsl(var(--kt-accent) / .3)}.border-\[hsl\(var\(--kt-border\)\)\]{border-color:hsl(var(--kt-border))}.border-\[hsl\(var\(--kt-gold\)\/0\.35\)\]{border-color:hsl(var(--kt-gold)/.35)}.border-amber-400\/30{border-color:#fbbf244d}.border-destructive{border-color:hsl(var(--destructive))}.border-input{border-color:hsl(var(--input))}.border-red-500\/40{border-color:#ef444466}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/5{border-color:#ffffff0d}.bg-\[hsl\(var\(--kt-accent\)\)\/0\.18\]{background-color:hsl(var(--kt-accent))/.18}.bg-\[hsl\(var\(--kt-accent\)\)\]{background-color:hsl(var(--kt-accent))}.bg-\[hsl\(var\(--kt-bg\)\)\]{background-color:hsl(var(--kt-bg))}.bg-\[hsl\(var\(--kt-bg-soft\)\)\/0\.85\]{background-color:hsl(var(--kt-bg-soft))/.85}.bg-\[hsl\(var\(--kt-bg-soft\)\)\]{background-color:hsl(var(--kt-bg-soft))}.bg-\[hsl\(var\(--kt-gold\)\/0\.10\)\]{background-color:hsl(var(--kt-gold)/.1)}.bg-\[hsl\(var\(--kt-panel\)\)\]{background-color:hsl(var(--kt-panel))}.bg-\[hsl\(var\(--kt-surface\)\)\/0\.92\]{background-color:hsl(var(--kt-surface))/.92}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-background{background-color:hsl(var(--background))}.bg-black\/20{background-color:#0003}.bg-black\/40{background-color:#0006}.bg-black\/80{background-color:#000c}.bg-destructive{background-color:hsl(var(--destructive))}.bg-primary{background-color:hsl(var(--primary))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/90{background-color:#ef4444e6}.bg-secondary{background-color:hsl(var(--secondary))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from: transparent 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)}.via-\[hsl\(var\(--kt-accent\)\)\]{--tw-gradient-to: hsl(var(--kt-accent) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--kt-accent)) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/10{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-black\/35{--tw-gradient-to: rgb(0 0 0 / .35) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.fill-\[hsl\(var\(--kt-accent\)\)\]{fill:hsl(var(--kt-accent))}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.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-\[11px\]{font-size:11px}.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-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[hsl\(var\(--kt-accent\)\)\]{color:hsl(var(--kt-accent))}.text-\[hsl\(var\(--kt-muted\)\)\]{color:hsl(var(--kt-muted))}.text-\[hsl\(var\(--kt-text\)\)\]{color:hsl(var(--kt-text))}.text-\[hsl\(var\(--kt-text-muted\)\)\]{color:hsl(var(--kt-text-muted))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-current{color:currentColor}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground\/50{color:hsl(var(--foreground) / .5)}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.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-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.underline{text-decoration-line:underline}.decoration-\[hsl\(var\(--kt-gold\)\)\]{text-decoration-color:hsl(var(--kt-gold))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-\[0\.06\]{opacity:.06}.opacity-\[0\.08\]{opacity:.08}.opacity-\[0\.10\]{opacity:.1}.mix-blend-screen{mix-blend-mode:screen}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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-2{--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)}.ring-\[hsl\(var\(--kt-accent\)\)\]{--tw-ring-color: hsl(var(--kt-accent))}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.ring-offset-\[hsl\(var\(--kt-bg\)\)\]{--tw-ring-offset-color: hsl(var(--kt-bg))}.ring-offset-\[hsl\(var\(--kt-surface\)\)\]{--tw-ring-offset-color: hsl(var(--kt-surface))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.ring-offset-white{--tw-ring-offset-color: #fff}.blur-3xl{--tw-blur: blur(64px);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)}.blur-\[1px\]{--tw-blur: blur(1px);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)}.blur-lg{--tw-blur: blur(16px);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)}.blur-md{--tw-blur: blur(12px);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)}.blur-xl{--tw-blur: blur(24px);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 rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));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-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;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}.duration-200{transition-duration:.2s}@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-200{animation-duration:.2s}.kt-sparkle-field{background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.06) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:220px 220px,260px 260px,300px 300px;background-position:0 0,40px 20px,80px 60px}.hover\:kt-hover-gold:hover:hover{border-color:hsl(var(--kt-accent) / .55)}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-\[hsl\(var\(--kt-text-muted\)\)\]::-moz-placeholder{color:hsl(var(--kt-text-muted))}.placeholder\:text-\[hsl\(var\(--kt-text-muted\)\)\]::placeholder{color:hsl(var(--kt-text-muted))}.placeholder\:text-slate-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-500::placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.hover\:bg-\[hsl\(var\(--kt-accent-soft\)\)\]:hover{background-color:hsl(var(--kt-accent-soft))}.hover\:bg-\[hsl\(var\(--kt-bg-soft\)\)\]:hover{background-color:hsl(var(--kt-bg-soft))}.hover\:bg-\[hsl\(var\(--kt-panel\)\)\]:hover{background-color:hsl(var(--kt-panel))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-black\/10:hover{background-color:#0000001a}.hover\:bg-black\/30:hover{background-color:#0000004d}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-\[hsl\(var\(--kt-text\)\)\]:hover{color:hsl(var(--kt-text))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.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}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.focus\:bg-slate-100:focus{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.focus\:text-slate-900:focus{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--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\:ring-\[hsl\(var\(--kt-accent\)\)\]:focus{--tw-ring-color: hsl(var(--kt-accent))}.focus\:ring-\[hsl\(var\(--kt-accent\)\)\]\/40:focus{--tw-ring-color: hsl(var(--kt-accent) / .4)}.focus\:ring-blue-600:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1))}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;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-\[hsl\(var\(--kt-accent\)\)\]\/40:focus-visible{--tw-ring-color: hsl(var(--kt-accent) / .4)}.focus-visible\:ring-blue-600:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;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\:opacity-100{opacity:1}.group:hover .group-hover\:ring-\[hsl\(var\(--kt-gold\)\)\]\/40{--tw-ring-color: hsl(var(--kt-gold) / .4)}.group.destructive .group-\[\.destructive\]\:border-destructive\/30{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity: 1;color:rgb(254 242 242 / var(--tw-text-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color: hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color: #dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.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\]\:bg-white[data-state=active]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:bg-blue-600[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.data-\[state\=open\]\:bg-slate-100[data-state=open]{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.data-\[state\=open\]\:bg-white\/10[data-state=open]{background-color:#ffffff1a}.data-\[state\=active\]\:text-slate-950[data-state=active]{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.data-\[state\=checked\]\:text-white[data-state=checked],.data-\[state\=open\]\:text-white[data-state=open]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}@media(min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:inline{display:inline}.sm\:max-w-xl{max-width:36rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[150px_1fr\]{grid-template-columns:150px 1fr}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media(min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-24{height:6rem}.md\:w-24{width:6rem}.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-6{gap:1.5rem}.md\:p-6{padding:1.5rem}.md\:p-7{padding:1.75rem}.md\:p-8{padding:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/**
 * Kismet Theory Directory - WordPress Plugin Styles
 *
 * These styles ensure the React app container integrates cleanly with the
 * WordPress theme without conflicts.
 */

/* ============================================================
   Container reset
   ============================================================ */
.kt-directory-app-container {
    all: initial;           /* Reset inherited WP theme styles */
    display: block;
    width: 100%;
    min-height: 600px;
    font-family: inherit;
    box-sizing: border-box;
    position: relative;
}

/* Ensure the React root div fills the container */
.kt-directory-app-container #root,
#root.kt-directory-app-container {
    width: 100%;
    min-height: inherit;
}

/* ============================================================
   Loading state
   ============================================================ */
.kt-directory-app-container::before {
    content: 'Loading directory...';
    display: block;
    text-align: center;
    padding: 40px 20px;
    color: #888;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Hide the loading placeholder once React has mounted */
.kt-directory-app-container.kt-loaded::before {
    display: none;
}

/* ============================================================
   Full-width page template overrides
   ============================================================ */
.kt-directory-page-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/* Hide WP sidebar on directory pages */
body.page-template-page-directory .sidebar,
body.page-template-page-studio .sidebar,
body.page-template-templatespage-directory-php .sidebar,
body.page-template-templatespage-studio-php .sidebar,
body.page-template-page-directory #secondary,
body.page-template-page-studio #secondary,
body.page-template-templatespage-directory-php #secondary,
body.page-template-templatespage-studio-php #secondary,
body.page-template-page-directory .widget-area,
body.page-template-page-studio .widget-area,
body.page-template-templatespage-directory-php .widget-area,
body.page-template-templatespage-studio-php .widget-area {
    display: none !important;
}

/* Ensure content area is full width */
body.page-template-page-directory #primary,
body.page-template-page-studio #primary,
body.page-template-templatespage-directory-php #primary,
body.page-template-templatespage-studio-php #primary,
body.page-template-page-directory .content-area,
body.page-template-page-studio .content-area,
body.page-template-templatespage-directory-php .content-area,
body.page-template-templatespage-studio-php .content-area,
body.page-template-page-directory main,
body.page-template-page-studio main,
body.page-template-templatespage-directory-php main,
body.page-template-templatespage-studio-php main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 768px) {
    .kt-directory-app-container {
        min-height: 400px;
    }
}

/* ============================================================
   Kismet WordPress landing refresh
   ============================================================ */
html[data-kt-theme="makers"],
html[data-kt-theme="studio"] {
    --kt-bg: 222 28% 21%;
    --kt-surface: 222 24% 28%;
    --kt-surface-2: 222 22% 33%;
    --kt-border: 218 18% 42%;
    --kt-muted: 210 24% 86%;
    --kt-text: 183 86% 78%;
    --kt-accent-soft: 43 80% 30%;
}

html[data-kt-theme="studio"] {
    --kt-bg: 222 30% 19%;
    --kt-surface: 222 24% 27%;
    --kt-surface-2: 222 22% 31%;
    --kt-text: 210 42% 98%;
}

body::before {
    filter: saturate(1.02) brightness(1.18) contrast(.96) !important;
    opacity: .88 !important;
    background-position: 20% 10%, 85% 20%, 60% 85%, 0 0, center top !important;
}

.kt-wp-old-app-header {
    display: none !important;
}

.kt-wp-directory-shell {
    background: linear-gradient(180deg, hsl(var(--kt-bg) / .22), hsl(var(--kt-bg) / .52));
}

.kt-wp-landing-chrome {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 24px 0 28px;
    color: hsl(var(--kt-text));
}

.kt-wp-topbar {
    position: relative;
    z-index: 300;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 0 22px;
}

.kt-wp-topbar h1 {
    max-width: 820px;
    font-size: clamp(1.65rem, 3.4vw, 3.25rem);
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: 0;
    color: #f6ffff;
    text-shadow: 0 2px 24px hsl(var(--kt-bg) / .85);
}

.kt-wp-menu {
    position: relative;
    z-index: 310;
    flex: 0 0 auto;
}

.kt-wp-menu[open] {
    z-index: 320;
}

.kt-wp-menu summary {
    display: grid;
    place-items: center;
    gap: 5px;
    width: 46px;
    height: 46px;
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-border) / .75);
    background: hsl(var(--kt-surface) / .7);
    box-shadow: 0 10px 24px rgb(0 0 0 / .22);
    cursor: pointer;
    list-style: none;
}

.kt-wp-menu summary::-webkit-details-marker {
    display: none;
}

.kt-wp-menu summary span {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 999px;
    background: hsl(var(--kt-gold));
}

.kt-wp-menu-panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 1000;
    min-width: 190px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-border) / .82);
    background: hsl(var(--kt-surface-2) / .96);
    box-shadow: 0 18px 40px rgb(0 0 0 / .32);
    backdrop-filter: blur(14px);
}

.kt-wp-menu-panel a {
    display: block;
    padding: 12px 14px;
    color: #f7ffff;
    font-weight: 700;
    text-decoration: none;
}

.kt-wp-menu-panel a:hover {
    background: hsl(var(--kt-gold) / .18);
}

.kt-wp-hero {
    display: grid;
    grid-template-columns: minmax(260px, 30%) minmax(0, 1fr);
    gap: 22px;
    align-items: stretch;
}

.kt-wp-hero-copy,
.kt-wp-join-button,
.kt-wp-featured-banner {
    border: 1px solid hsl(var(--kt-border) / .74);
    background: linear-gradient(180deg, hsl(var(--kt-surface) / .78), hsl(var(--kt-surface-2) / .68));
    box-shadow: 0 16px 44px rgb(0 0 0 / .24), inset 0 1px 0 rgb(255 255 255 / .06);
    backdrop-filter: blur(12px);
}

.kt-wp-hero-copy {
    display: flex;
    align-items: center;
    min-height: 230px;
    border-radius: 8px;
    padding: clamp(24px, 4vw, 46px);
}

.kt-wp-hero-copy p {
    max-width: 780px;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    line-height: 1.55;
    color: #f0ffff;
}

.kt-wp-join-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 230px;
    border-radius: 8px;
    padding: clamp(22px, 3vw, 34px);
    text-decoration: none;
    color: #111827;
    background: linear-gradient(145deg, hsl(var(--kt-gold) / .96), hsl(var(--kt-coral) / .9));
    border-color: hsl(var(--kt-gold) / .76);
}

.kt-wp-join-button span {
    display: block;
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    line-height: 1.35;
    font-weight: 750;
}

.kt-wp-join-button strong {
    display: block;
    margin-top: 18px;
    font-size: clamp(1.45rem, 2.5vw, 2.15rem);
    line-height: 1.05;
    letter-spacing: 0;
}

.kt-wp-featured-banner {
    margin-top: 22px;
    border-radius: 8px;
    padding: 22px clamp(22px, 3.5vw, 38px);
    background:
        radial-gradient(620px 180px at 12% 0%, hsl(var(--kt-teal) / .28), transparent 60%),
        radial-gradient(620px 180px at 90% 20%, hsl(var(--kt-violet) / .18), transparent 62%),
        linear-gradient(90deg, hsl(var(--kt-surface) / .84), hsl(var(--kt-surface-2) / .72));
}

.kt-wp-featured-banner span {
    display: block;
    color: hsl(var(--kt-gold));
    font-size: .82rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.kt-wp-featured-banner p {
    margin-top: 7px;
    max-width: 900px;
    color: #f2ffff;
    font-size: clamp(1rem, 1.4vw, 1.25rem);
    line-height: 1.45;
}

.kt-wp-browse-jump {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
    padding: 15px 18px;
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-gold) / .42);
    background: linear-gradient(90deg, hsl(var(--kt-gold) / .2), hsl(var(--kt-surface-2) / .72));
    box-shadow: 0 12px 30px rgb(0 0 0 / .18);
}

.kt-wp-browse-jump span {
    color: hsl(var(--kt-gold));
    font-size: .86rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.kt-wp-browse-jump p {
    margin: 0;
    color: #f7ffff;
    font-weight: 700;
}

.kt-wp-landing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.kt-wp-feature-card {
    display: flex;
    min-height: 230px;
    flex-direction: column;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-border) / .74);
    padding: 20px;
    color: #f7ffff;
    text-decoration: none;
    background:
        radial-gradient(360px 180px at 18% 12%, hsl(var(--kt-teal) / .24), transparent 64%),
        linear-gradient(180deg, hsl(var(--kt-surface) / .82), hsl(var(--kt-surface-2) / .72));
    box-shadow: 0 16px 40px rgb(0 0 0 / .22), inset 0 1px 0 rgb(255 255 255 / .06);
    backdrop-filter: blur(12px);
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.kt-wp-feature-card:hover {
    transform: translateY(-2px);
    border-color: hsl(var(--kt-gold) / .58);
    background:
        radial-gradient(360px 180px at 18% 12%, hsl(var(--kt-gold) / .18), transparent 64%),
        linear-gradient(180deg, hsl(var(--kt-surface) / .88), hsl(var(--kt-surface-2) / .78));
}

.kt-wp-feature-card span {
    color: hsl(var(--kt-gold));
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.kt-wp-feature-card strong {
    display: block;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.2;
}

.kt-wp-feature-card p {
    margin: 0;
    color: rgb(247 255 255 / .88);
    font-size: .95rem;
    line-height: 1.45;
}

.kt-wp-feature-card em {
    display: block;
    margin-top: auto;
    color: hsl(var(--kt-gold));
    font-size: .82rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.35;
}

.kt-wp-shared-news-card {
    border-color: hsl(var(--kt-teal) / .45);
    background:
        radial-gradient(360px 180px at 15% 12%, hsl(var(--kt-teal) / .2), transparent 64%),
        radial-gradient(320px 180px at 85% 0%, hsl(var(--kt-gold) / .14), transparent 68%),
        linear-gradient(180deg, hsl(var(--kt-surface) / .86), hsl(var(--kt-surface-2) / .76));
}

.kt-wp-koasm-card {
    background:
        radial-gradient(360px 180px at 18% 12%, hsl(var(--kt-violet) / .28), transparent 64%),
        linear-gradient(180deg, hsl(var(--kt-surface) / .82), hsl(var(--kt-surface-2) / .72));
}

@media (max-width: 820px) {
    .kt-wp-landing-chrome {
        width: min(100% - 22px, 1180px);
        padding-top: 14px;
    }

    .kt-wp-topbar {
        align-items: flex-start;
    }

    .kt-wp-hero,
    .kt-wp-landing-grid {
        grid-template-columns: 1fr;
    }

    .kt-wp-hero-copy,
    .kt-wp-join-button,
    .kt-wp-feature-card {
        min-height: auto;
    }
}

/* ============================================================
   Kismet landing and signup refinements
   ============================================================ */
.kt-wp-makers-landing + main,
.kt-wp-makers-landing ~ main,
.kt-wp-makers-landing ~ * {
    color: #f4ffff;
}

.kt-wp-makers-landing ~ main p,
.kt-wp-makers-landing ~ main span,
.kt-wp-makers-landing ~ main div,
.kt-wp-makers-landing ~ main label {
    color: inherit;
}

.kt-wp-studio-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(250px, .75fr);
    gap: 22px;
    margin-top: 22px;
}

.kt-wp-art-carousel,
.kt-wp-tv-set {
    min-height: 260px;
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-border) / .74);
    background: linear-gradient(180deg, hsl(var(--kt-surface) / .8), hsl(var(--kt-surface-2) / .72));
    box-shadow: 0 16px 44px rgb(0 0 0 / .24), inset 0 1px 0 rgb(255 255 255 / .06);
    backdrop-filter: blur(12px);
}

.kt-wp-art-carousel {
    display: grid;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    gap: 10px;
    overflow: hidden;
    padding: 12px;
}

.kt-wp-art-carousel span {
    display: flex;
    align-items: flex-end;
    min-height: 236px;
    border-radius: 8px;
    padding: 14px;
    color: #fff;
    font-weight: 850;
    letter-spacing: 0;
    background:
        radial-gradient(circle at 20% 18%, rgb(255 255 255 / .26), transparent 20%),
        linear-gradient(155deg, hsl(var(--kt-violet) / .72), hsl(var(--kt-coral) / .62) 48%, hsl(var(--kt-teal) / .58));
}

.kt-wp-art-carousel span:nth-child(2) {
    background: linear-gradient(155deg, hsl(var(--kt-teal) / .74), hsl(var(--kt-violet) / .64));
}

.kt-wp-art-carousel span:nth-child(3) {
    background: linear-gradient(155deg, hsl(var(--kt-coral) / .78), hsl(var(--kt-gold) / .68));
    color: #111827;
}

.kt-wp-art-carousel span:nth-child(4) {
    background: linear-gradient(155deg, hsl(var(--kt-violet) / .72), hsl(var(--kt-bg) / .7));
}

.kt-wp-art-carousel span:nth-child(5) {
    background: linear-gradient(155deg, hsl(var(--kt-gold) / .76), hsl(var(--kt-teal) / .66));
    color: #111827;
}

.kt-wp-tv-set {
    display: grid;
    place-items: center;
    padding: 24px;
    background: linear-gradient(180deg, #34313d, #171923);
}

.kt-wp-tv-screen {
    display: grid;
    place-items: center;
    width: min(100%, 340px);
    aspect-ratio: 4 / 3;
    border: 12px solid #171923;
    border-bottom-width: 30px;
    border-radius: 12px;
    color: #f7ffff;
    background:
        linear-gradient(0deg, rgb(255 255 255 / .08), transparent 50%),
        radial-gradient(circle at 50% 35%, hsl(var(--kt-teal) / .4), transparent 45%),
        linear-gradient(135deg, hsl(var(--kt-violet) / .74), hsl(var(--kt-coral) / .62));
    box-shadow: inset 0 0 28px rgb(255 255 255 / .12), 0 18px 30px rgb(0 0 0 / .36);
    position: relative;
}

.kt-wp-tv-screen::after {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    width: 44px;
    height: 6px;
    border-radius: 999px;
    background: hsl(var(--kt-gold));
    transform: translateX(-50%);
}

.kt-wp-tv-screen strong {
    font-size: clamp(1.4rem, 3vw, 2.2rem);
    line-height: 1;
    text-align: center;
}

.kt-wp-tv-screen span {
    margin-top: 8px;
    color: hsl(var(--kt-gold));
    font-size: clamp(2.4rem, 5vw, 4.2rem);
    font-weight: 900;
    line-height: .85;
}

.kt-wp-signup-memberships {
    margin: 0 0 24px;
    color: #f7ffff;
}

.kt-wp-customer-role,
.kt-wp-membership-side {
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-border) / .75);
    box-shadow: 0 16px 36px rgb(0 0 0 / .24), inset 0 1px 0 rgb(255 255 255 / .07);
    backdrop-filter: blur(12px);
}

.kt-wp-customer-role {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 16px;
    padding: 18px 20px;
    background: linear-gradient(90deg, hsl(var(--kt-gold) / .26), hsl(var(--kt-surface) / .76));
}

.kt-wp-customer-role strong {
    color: hsl(var(--kt-gold));
    font-size: 1.1rem;
}

.kt-wp-customer-role span {
    color: #f7ffff;
    font-weight: 700;
}

.kt-wp-membership-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.kt-wp-membership-side {
    padding: 20px;
}

.kt-wp-membership-makers {
    background: linear-gradient(160deg, rgb(10 116 175 / .82), hsl(var(--kt-surface) / .72));
}

.kt-wp-membership-studio {
    background: linear-gradient(160deg, rgb(236 112 45 / .84), hsl(var(--kt-surface) / .72));
}

.kt-wp-signup-studio-first .kt-wp-membership-studio {
    order: -1;
}

.kt-wp-membership-side h2 {
    margin: 0 0 14px;
    font-size: 1.25rem;
    font-weight: 850;
    color: #fff;
}

.kt-wp-membership-side article {
    padding: 13px 0;
    border-top: 1px solid rgb(255 255 255 / .18);
}

.kt-wp-membership-side article strong,
.kt-wp-membership-side article span {
    display: block;
}

.kt-wp-membership-side article strong {
    margin-bottom: 4px;
    color: #fff;
    font-size: .98rem;
}

.kt-wp-membership-side article span {
  color: rgb(255 255 255 / 1);
  font-size: 1rem;
}


.kt-wp-register-gateway {
    max-width: 100%;
}

.kt-wp-submit-gateway-only > .kt-card {
    display: none;
}

.kt-wp-register-heading {
    margin: 0 0 14px;
}

.kt-wp-register-heading span,
.kt-wp-register-gateway .kt-wp-customer-role span,
.kt-wp-register-gateway .kt-wp-membership-side > span {
    display: block;
    margin: 0 0 6px;
    color: hsl(var(--kt-gold));
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.kt-wp-register-heading h2 {
    margin: 0;
    color: #fff;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.6rem, 3vw, 2.5rem);
    line-height: 1.05;
}

.kt-wp-register-gateway .kt-wp-customer-role {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 22px;
    background: linear-gradient(105deg, rgb(255 216 82 / .34), rgb(9 38 58 / .78));
}

.kt-wp-register-gateway .kt-wp-customer-role strong {
    display: block;
    color: #fff;
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    line-height: 1.15;
}

.kt-wp-register-gateway .kt-wp-customer-role p,
.kt-wp-register-gateway .kt-wp-membership-side > p {
    margin: 8px 0 0;
    max-width: 68ch;
    color: rgb(255 255 255 / .88);
    font-size: .98rem;
    line-height: 1.5;
}

.kt-wp-register-gateway .kt-wp-membership-side {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    padding: 22px;
}

.kt-wp-register-gateway .kt-wp-membership-makers {
    background: linear-gradient(155deg, rgb(9 116 132 / .8), rgb(10 35 56 / .76));
}

.kt-wp-register-gateway .kt-wp-membership-studio {
    background: linear-gradient(155deg, rgb(237 100 45 / .84), rgb(58 24 39 / .78));
}

.kt-wp-register-gateway .kt-wp-membership-side article:first-of-type {
    margin-top: 16px;
}

.kt-wp-signup-cta {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 12px 18px;
    border: 1px solid rgb(255 255 255 / .18);
    background: linear-gradient(135deg, hsl(var(--kt-gold)), #f27d4b);
    color: #111827;
    font-size: .86rem;
    font-weight: 950;
    letter-spacing: .04em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 12px 24px rgb(0 0 0 / .22);
}

.kt-wp-signup-cta:hover,
.kt-wp-signup-cta:focus-visible {
    transform: translateY(-1px);
    color: #111827;
}

.kt-wp-signup-cta-secondary {
    margin-top: auto;
    align-self: flex-start;
    background: rgb(255 255 255 / .12);
    color: #fff;
}

.kt-wp-signup-cta-secondary:hover,
.kt-wp-signup-cta-secondary:focus-visible {
    color: #fff;
    background: rgb(255 255 255 / .18);
}

.kt-wp-signup-skip-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    padding: 16px 18px;
    border: 1px solid rgb(255 255 255 / .18);
    border-radius: 8px;
    background: rgb(7 28 44 / .58);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .06);
}

.kt-wp-signup-skip-row strong,
.kt-wp-signup-skip-row span {
    display: block;
}

.kt-wp-signup-skip-row strong {
    color: #fff;
    font-size: .98rem;
}

.kt-wp-signup-skip-row span {
    margin-top: 3px;
    color: rgb(255 255 255 / .78);
    font-size: .9rem;
    line-height: 1.35;
}

.kt-wp-signup-skip-row a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgb(255 255 255 / .18);
    padding: 10px 14px;
    color: #fff;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background: rgb(255 255 255 / .1);
}

.kt-wp-signup-skip-row a:hover,
.kt-wp-signup-skip-row a:focus-visible {
    background: rgb(255 255 255 / .18);
    color: #fff;
}
@media (max-width: 900px) {
    .kt-wp-studio-showcase,
    .kt-wp-membership-grid,
    .kt-wp-landing-grid {
        grid-template-columns: 1fr;
    }

    .kt-wp-register-gateway .kt-wp-customer-role,
    .kt-wp-signup-skip-row {
        grid-template-columns: 1fr;
    }

    .kt-wp-signup-cta {
        width: 100%;
        white-space: normal;
        text-align: center;
    }

    .kt-wp-art-carousel {
        grid-template-columns: repeat(5, minmax(110px, 1fr));
        overflow-x: auto;
    }
}

.kt-wp-global-login-note {
    display: inline;
    color: hsl(var(--kt-gold));
    font-weight: 800;
}

/* Studio-specific personal/project path */
.kt-wp-studio-landing .kt-wp-studio-showcase {
    grid-template-columns: minmax(230px, .44fr) minmax(0, 1fr);
    align-items: stretch;
}

.kt-wp-studio-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(230px, .8fr);
    gap: 22px;
    min-width: 0;
}

.kt-wp-studio-path {
    min-height: 260px;
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-gold) / .42);
    padding: 18px;
    background:
        radial-gradient(260px 180px at 15% 0%, hsl(var(--kt-coral) / .2), transparent 64%),
        linear-gradient(180deg, hsl(var(--kt-surface) / .82), hsl(var(--kt-surface-2) / .72));
    box-shadow: 0 16px 44px rgb(0 0 0 / .24), inset 0 1px 0 rgb(255 255 255 / .06);
    backdrop-filter: blur(12px);
}

.kt-wp-path-link {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-gold) / .46);
    padding: 8px 12px;
    color: #111827;
    font-size: .86rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
    background: linear-gradient(180deg, hsl(var(--kt-gold)), hsl(var(--kt-gold-2)));
    box-shadow: 0 10px 24px rgb(0 0 0 / .24);
}

.kt-wp-path-road {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(86px, 1fr));
    gap: 10px 14px;
    margin-top: 18px;
    isolation: isolate;
}

.kt-wp-path-road::before {
    content: "";
    position: absolute;
    inset: 10px 24px 12px;
    z-index: -1;
    border-radius: 999px;
    background:
        radial-gradient(circle at 20% 14%, hsl(var(--kt-coral) / .28), transparent 18%),
        radial-gradient(circle at 78% 32%, hsl(var(--kt-gold) / .26), transparent 18%),
        radial-gradient(circle at 28% 58%, hsl(var(--kt-teal) / .24), transparent 18%),
        radial-gradient(circle at 72% 82%, hsl(var(--kt-violet) / .26), transparent 18%);
    filter: blur(8px);
}

.kt-wp-path-road span {
    position: relative;
    display: flex;
    min-height: 58px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid rgb(255 255 255 / .22);
    padding: 10px;
    color: #101827;
    font-size: .9rem;
    font-weight: 900;
    line-height: 1.1;
    box-shadow: 0 12px 24px rgb(0 0 0 / .22), inset 0 1px 0 rgb(255 255 255 / .22);
}

.kt-wp-path-road span::before {
    content: attr(data-step);
    align-self: flex-start;
    color: rgb(16 24 39 / .7);
    font-size: .68rem;
    font-weight: 900;
}

.kt-wp-path-road span:nth-child(odd) {
    transform: translateY(8px) rotate(-2deg);
}

.kt-wp-path-road span:nth-child(even) {
    transform: translateY(-4px) rotate(2deg);
}

.kt-wp-path-road span:nth-child(1),
.kt-wp-path-road span:nth-child(2) {
    background: linear-gradient(135deg, #ff6f61, #ffb347);
}

.kt-wp-path-road span:nth-child(3),
.kt-wp-path-road span:nth-child(4) {
    background: linear-gradient(135deg, #ffe66d, #4ecdc4);
}

.kt-wp-path-road span:nth-child(5),
.kt-wp-path-road span:nth-child(6) {
    background: linear-gradient(135deg, #4dabf7, #9775fa);
    color: #f7ffff;
}

.kt-wp-path-road span:nth-child(5)::before,
.kt-wp-path-road span:nth-child(6)::before {
    color: rgb(247 255 255 / .78);
}

.kt-wp-path-road span:nth-child(7) {
    grid-column: 1 / -1;
    width: min(68%, 220px);
    justify-self: center;
    background: linear-gradient(135deg, #63e6be, #ffd43b);
}

@media (max-width: 1040px) {
    .kt-wp-studio-landing .kt-wp-studio-showcase,
    .kt-wp-studio-panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .kt-wp-path-road {
        grid-template-columns: 1fr;
    }

    .kt-wp-path-road span,
    .kt-wp-path-road span:nth-child(odd),
    .kt-wp-path-road span:nth-child(even) {
        transform: none;
    }

    .kt-wp-path-road span:nth-child(7) {
        width: 100%;
    }
}
/* ============================================================
   Directory / Studio cleanup pass 1.1.16
   ============================================================ */
.kt-wp-landing-chrome {
    padding-top: 12px;
}

.kt-wp-topbar {
    align-items: center;
    border: 1px solid hsl(var(--kt-gold) / .46);
    border-radius: 8px;
    padding: 14px 16px;
    background: linear-gradient(90deg, hsl(var(--kt-gold) / .32), hsl(var(--kt-gold) / .18) 48%, hsl(var(--kt-surface) / .68));
    box-shadow: 0 14px 34px rgb(0 0 0 / .24), inset 0 1px 0 rgb(255 255 255 / .12);
    backdrop-filter: blur(14px);
}

.kt-wp-title-stack {
    min-width: 0;
}

.kt-wp-title-stack h1,
.kt-wp-topbar h1 {
    color: #fffaf0;
    text-shadow: 0 2px 18px rgb(0 0 0 / .72);
}

.kt-wp-sibling-link {
    display: inline-flex;
    margin-top: 8px;
    color: hsl(var(--kt-gold));
    font-size: .9rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
}

.kt-wp-sibling-link:hover {
    color: #fff7d6;
}

.kt-wp-menu summary {
    background: hsl(var(--kt-gold) / .26);
    border-color: hsl(var(--kt-gold) / .6);
}

.kt-wp-menu summary span {
    background: #fff8d6;
}

.kt-wp-browse-jump {
    margin-bottom: 12px;
}

#kt-directory-main,
#kt-makers-landing-main,
.kt-directory-page-wrapper,
.kt-makers-landing-page-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

html[data-kt-theme="studio"] {
    --kt-bg: 12 42% 10%;
    --kt-surface: 14 34% 17%;
    --kt-surface-2: 16 34% 22%;
    --kt-border: 18 38% 38%;
    --kt-text: 32 88% 94%;
    --kt-muted: 28 42% 78%;
    --kt-gold: 34 96% 58%;
    --kt-gold-2: 20 92% 55%;
    --kt-teal: 7 78% 52%;
    --kt-violet: 281 42% 52%;
    --kt-coral: 5 84% 57%;
    --kt-accent: 18 92% 56%;
}

html[data-kt-theme="studio"] body::before {
    background-image:
        radial-gradient(820px 520px at 15% 8%, rgb(239 68 68 / .22), transparent 58%),
        radial-gradient(720px 460px at 82% 12%, rgb(251 146 60 / .22), transparent 56%),
        radial-gradient(920px 540px at 62% 90%, rgb(124 45 18 / .24), transparent 60%),
        linear-gradient(135deg, #2c1810, #8b4513 52%, #2c1810),
        var(--kt-bg-image, url(/assets/kt-moon-bg.png)) !important;
    filter: saturate(1.12) brightness(.98) contrast(1.03) blur(4px) !important;
    opacity: .92 !important;
}

.kt-wp-studio-landing .kt-wp-topbar {
    background: linear-gradient(90deg, rgb(251 146 60 / .32), rgb(239 68 68 / .22) 48%, rgb(44 24 16 / .72));
    border-color: rgb(251 146 60 / .5);
}

.kt-wp-studio-landing .kt-wp-join-button {
    color: #fff8ed;
    background: linear-gradient(145deg, rgb(239 68 68 / .96), rgb(251 146 60 / .92));
    border-color: rgb(251 146 60 / .72);
}

.kt-wp-studio-landing .kt-wp-featured-banner,
.kt-wp-studio-landing .kt-wp-browse-jump {
    border-color: rgb(251 146 60 / .42);
    background:
        radial-gradient(620px 180px at 12% 0%, rgb(239 68 68 / .24), transparent 60%),
        radial-gradient(620px 180px at 90% 20%, rgb(251 146 60 / .22), transparent 62%),
        linear-gradient(90deg, rgb(62 27 18 / .88), rgb(35 19 15 / .76));
}

.kt-wp-studio-landing .kt-wp-studio-showcase {
    grid-template-columns: minmax(0, 1fr) minmax(230px, 280px);
    gap: 20px;
    align-items: stretch;
}

.kt-wp-studio-landing .kt-wp-studio-panel {
    order: 1;
    grid-template-columns: minmax(0, .72fr) minmax(280px, .58fr);
}

.kt-wp-studio-landing .kt-wp-studio-path {
    order: 2;
    min-height: auto;
    padding: 16px;
    background:
        radial-gradient(240px 180px at 25% 0%, rgb(251 146 60 / .2), transparent 64%),
        linear-gradient(180deg, rgb(50 25 18 / .9), rgb(24 17 16 / .78));
}

.kt-wp-studio-landing .kt-wp-path-road {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 14px;
}

.kt-wp-studio-landing .kt-wp-path-road::before {
    left: 24px;
    right: auto;
    top: 16px;
    bottom: 16px;
    width: 8px;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff4d4d, #ff8a3d, #ffd166, #46d3a6, #4dabf7, #9775fa, #63e6be);
    filter: none;
    opacity: .72;
}

.kt-wp-studio-landing .kt-wp-path-road span,
.kt-wp-studio-landing .kt-wp-path-road span:nth-child(odd),
.kt-wp-studio-landing .kt-wp-path-road span:nth-child(even) {
    min-height: 46px;
    transform: none;
    padding-left: 28px;
}

.kt-wp-studio-landing .kt-wp-path-road span:nth-child(1) { background: linear-gradient(135deg, #ff4d4d, #ff735c); }
.kt-wp-studio-landing .kt-wp-path-road span:nth-child(2) { background: linear-gradient(135deg, #ff7a2f, #ffad3d); }
.kt-wp-studio-landing .kt-wp-path-road span:nth-child(3) { background: linear-gradient(135deg, #ffd166, #ffe66d); }
.kt-wp-studio-landing .kt-wp-path-road span:nth-child(4) { background: linear-gradient(135deg, #46d3a6, #4ecdc4); }
.kt-wp-studio-landing .kt-wp-path-road span:nth-child(5) { background: linear-gradient(135deg, #4dabf7, #5c7cfa); color: #f7ffff; }
.kt-wp-studio-landing .kt-wp-path-road span:nth-child(6) { background: linear-gradient(135deg, #845ef7, #9775fa); color: #f7ffff; }
.kt-wp-studio-landing .kt-wp-path-road span:nth-child(7) {
    width: 100%;
    grid-column: auto;
    justify-self: auto;
    background: linear-gradient(135deg, #63e6be, #ffd43b);
}

.kt-wp-studio-landing .kt-wp-tv-set {
    position: relative;
    min-height: 320px;
    overflow: visible;
    border: 4px solid #423a63;
    border-radius: 20px;
    background: linear-gradient(145deg, #253237, #5c6b73, #9db4c0);
    box-shadow: inset 0 0 20px rgb(0 0 0 / .3), 0 20px 40px rgb(0 0 0 / .5), 0 0 0 8px #17141f, 0 0 0 12px #8b4513;
}

.kt-wp-studio-landing .kt-wp-tv-set::before,
.kt-wp-studio-landing .kt-wp-tv-set::after {
    content: "";
    position: absolute;
    top: -48px;
    width: 3px;
    height: 58px;
    background: linear-gradient(#ccc, #999);
}

.kt-wp-studio-landing .kt-wp-tv-set::before {
    left: 42%;
    transform: rotate(-15deg);
}

.kt-wp-studio-landing .kt-wp-tv-set::after {
    right: 42%;
    transform: rotate(15deg);
}

.kt-wp-studio-landing .kt-wp-tv-screen {
    width: min(100%, 390px);
    border: 6px solid #34261e;
    border-radius: 12px;
    color: #fff;
    background:
        repeating-linear-gradient(0deg, rgb(255 255 255 / .04) 0 1px, transparent 1px 3px),
        radial-gradient(circle, #333 15%, #050505 70%);
    box-shadow: inset 0 0 20px rgb(0 0 0 / .78), 0 14px 28px rgb(0 0 0 / .34);
}

.kt-wp-studio-landing .kt-wp-tv-screen strong {
    padding: 4px 12px;
    border: 1px solid #312244;
    border-radius: 999px;
    color: #144552;
    background: rgb(255 255 255 / .58);
    font-size: .74rem;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.kt-wp-studio-landing .kt-wp-tv-screen span {
    color: #d3c8ff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    text-shadow: 0 0 16px rgb(211 200 255 / .58);
}

.kt-wp-studio-landing .kt-wp-tv-screen::before {
    content: "NO SIGNAL...YET";
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .18em;
    white-space: nowrap;
    animation: kt-tv-pulse 1.6s infinite;
}

.kt-wp-studio-landing .kt-wp-tv-screen::after {
    bottom: -52px;
    width: 54%;
    height: 40px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 18% 50%, #ffd700 0 4px, #2a2a2a 5px 20px, transparent 21px),
        radial-gradient(circle at 50% 50%, #ffd700 0 4px, #2a2a2a 5px 20px, transparent 21px),
        radial-gradient(circle at 82% 50%, #ffd700 0 4px, #2a2a2a 5px 20px, transparent 21px);
}

@keyframes kt-tv-pulse {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}

@media (max-width: 1040px) {
    .kt-wp-studio-landing .kt-wp-studio-showcase,
    .kt-wp-studio-landing .kt-wp-studio-panel {
        grid-template-columns: 1fr;
    }

    .kt-wp-studio-landing .kt-wp-studio-path,
    .kt-wp-studio-landing .kt-wp-studio-panel {
        order: initial;
    }
}

@media (max-width: 620px) {
    .kt-wp-topbar {
        align-items: flex-start;
    }

    .kt-wp-studio-landing .kt-wp-tv-set {
        min-height: 280px;
    }
}
/* ============================================================
   Directory / Studio live layout pass 1.1.17
   ============================================================ */
body.kt-wp-landing-page-active .wp-site-blocks > header,
body.kt-wp-landing-page-active header.wp-block-template-part,
body.kt-wp-landing-page-active .site-header {
    display: block !important;
    position: relative;
    z-index: 40;
    margin-bottom: 10px;
    background: rgb(0 0 0 / .88);
    box-shadow: 0 10px 28px rgb(0 0 0 / .34);
}

body.kt-wp-landing-page-active .wp-site-blocks > header img,
body.kt-wp-landing-page-active header.wp-block-template-part img,
body.kt-wp-landing-page-active .site-header img {
    max-height: 72px;
    width: auto;
}

.kt-wp-landing-chrome {
    padding-top: 10px;
}

.kt-wp-topbar {
    margin-bottom: 8px;
}

.kt-wp-featured-slot {
    margin-top: 16px;
}

.kt-wp-featured-slot:empty {
    display: none;
}

.kt-wp-featured-slot .kt-featured-banner {
    margin: 0;
    border-radius: 8px;
    box-shadow: none;
}

.kt-wp-shared-news-card {
    border-color: hsl(var(--kt-gold) / .55);
    background:
        radial-gradient(360px 180px at 18% 12%, hsl(var(--kt-gold) / .22), transparent 64%),
        linear-gradient(180deg, hsl(var(--kt-surface) / .9), hsl(var(--kt-surface-2) / .76));
}

.kt-wp-news-slot {
    min-height: 74px;
    border-radius: 8px;
    border: 1px dashed hsl(var(--kt-gold) / .34);
    background: rgb(0 0 0 / .14);
}

.kt-wp-discussion-card {
    grid-column: span 2;
}

.kt-wp-maker-comic {
    width: min(1180px, calc(100% - 32px));
    margin: 12px auto 34px;
    color: hsl(var(--kt-text));
}

.kt-wp-maker-comic-inner {
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-border) / .72);
    padding: clamp(22px, 3.5vw, 34px);
    background:
        radial-gradient(620px 260px at 15% 10%, hsl(var(--kt-teal) / .22), transparent 62%),
        radial-gradient(620px 260px at 85% 20%, hsl(var(--kt-gold) / .16), transparent 62%),
        linear-gradient(180deg, hsl(var(--kt-surface) / .86), hsl(var(--kt-surface-2) / .72));
    box-shadow: 0 18px 44px rgb(0 0 0 / .24), inset 0 1px 0 rgb(255 255 255 / .06);
    backdrop-filter: blur(12px);
}

.kt-wp-maker-comic-heading span {
    display: block;
    color: hsl(var(--kt-gold));
    font-size: .8rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.kt-wp-maker-comic-heading h2 {
    margin-top: 6px;
    color: #fff;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
    line-height: 1.05;
}

.kt-wp-maker-bio-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 20px;
}

.kt-wp-maker-bio-grid article {
    min-height: 170px;
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-border) / .68);
    padding: 18px;
    background: rgb(0 0 0 / .2);
}

.kt-wp-maker-bio-grid strong {
    display: block;
    color: hsl(var(--kt-gold));
    font-size: 1.05rem;
}

.kt-wp-maker-bio-grid p {
    margin-top: 10px;
    color: #f1ffff;
    font-size: .94rem;
    line-height: 1.48;
}

@media (max-width: 900px) {
    .kt-wp-discussion-card {
        grid-column: auto;
    }

    .kt-wp-maker-bio-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .kt-wp-maker-bio-grid {
        grid-template-columns: 1fr;
    }
}

/* Directory real-logo header bridge 1.1.19 */
body.kt-wp-makers-page-active #header[role="banner"],
body.kt-wp-makers-page-active #header + hr {
    display: none !important;
}

.kt-wp-real-site-header {
    position: relative;
    z-index: 45;
    width: 100%;
    background: rgb(0 0 0 / .9);
    box-shadow: 0 10px 28px rgb(0 0 0 / .34);
}

.kt-wp-real-site-header-inner {
    display: flex;
    align-items: center;
    width: min(1180px, calc(100% - 32px));
    min-height: 82px;
    margin: 0 auto;
    padding: 10px 0;
}

.kt-wp-real-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 8px;
    background: #000;
    box-shadow: 0 0 0 1px rgb(255 255 255 / .16), 0 12px 24px rgb(0 0 0 / .34);
}

.kt-wp-real-logo img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

/* Directory layout polish pass 1.1.20 */
.kt-wp-directory-shell {
    min-height: 100vh;
}

body.kt-wp-makers-page-active #footer[role="contentinfo"],
body.kt-wp-makers-page-active #footer[role="contentinfo"] + *,
body.kt-wp-makers-page-active #page > hr,
body.kt-wp-makers-page-active #page > p:empty {
    display: none !important;
}

.kt-wp-browse-jump:has(.kt-promoted-browser-controls) {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.kt-promoted-browser-controls {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 8px !important;
}

.kt-wp-landing-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.kt-wp-discussion-card {
    grid-column: span 2;
}

.kt-wp-koasm-card {
    order: 5;
}

.kt-wp-maker-comic {
    width: 100%;
    margin: 18px 0 0;
    color: #151100;
}

.kt-wp-maker-comic-inner {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    border-color: rgb(132 91 0 / .32);
    background:
        radial-gradient(760px 280px at 18% 0%, rgb(255 255 255 / .38), transparent 62%),
        linear-gradient(180deg, #ffe88a, #f7c948);
    box-shadow: 0 18px 44px rgb(0 0 0 / .22), inset 0 1px 0 rgb(255 255 255 / .44);
}

.kt-wp-maker-comic-heading span {
    color: #5f4300;
}

.kt-wp-maker-comic-heading h2 {
    color: #151100;
}

.kt-wp-maker-bio-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.kt-wp-maker-bio-grid article {
    min-height: 0;
    overflow: hidden;
    padding: 0;
    background: rgb(255 255 255 / .52);
    border-color: rgb(90 59 0 / .24);
    box-shadow: 0 10px 24px rgb(96 65 0 / .16);
}

.kt-wp-maker-bio-grid article img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center;
}

.kt-wp-maker-bio-grid article strong {
    display: block;
    padding: 12px 12px 14px;
    color: #151100;
    font-size: .98rem;
    line-height: 1.2;
    text-align: center;
}

.kt-wp-maker-bio-grid article p {
    display: none;
}

.kt-wp-directory-shell > footer {
    margin-top: auto;
}

@media (max-width: 1020px) {
    .kt-wp-landing-grid,
    .kt-wp-maker-bio-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kt-wp-discussion-card {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .kt-wp-landing-grid,
    .kt-wp-maker-bio-grid {
        grid-template-columns: 1fr;
    }
}

/* Directory focused layout pass 1.1.21 */
.kt-wp-real-site-header-inner {
    justify-content: space-between;
    gap: 18px;
    min-height: 74px;
}

.kt-wp-real-logo {
    width: 58px;
    height: 58px;
}

.kt-wp-real-logo img {
    width: 54px;
    height: 54px;
}

.kt-wp-real-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.kt-wp-real-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border-radius: 8px;
    border: 1px solid rgb(255 255 255 / .16);
    padding: 8px 12px;
    color: #fff7d7;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
    background: rgb(255 255 255 / .06);
}

.kt-wp-real-nav a:hover {
    background: rgb(255 232 138 / .18);
    border-color: rgb(255 232 138 / .42);
}

.kt-wp-search-panel {
    display: block;
    margin-top: 18px;
    padding: 18px;
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-gold) / .52);
    background:
        radial-gradient(520px 190px at 16% 0%, hsl(var(--kt-gold) / .24), transparent 62%),
        linear-gradient(180deg, hsl(var(--kt-surface) / .88), hsl(var(--kt-surface-2) / .74));
    box-shadow: 0 16px 38px rgb(0 0 0 / .24), inset 0 1px 0 rgb(255 255 255 / .08);
    backdrop-filter: blur(12px);
}

.kt-wp-search-panel label {
    display: block;
    margin-bottom: 10px;
    color: #fff7d6;
    font-size: .86rem;
    font-weight: 850;
}

.kt-wp-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.kt-wp-search-row input {
    width: 100%;
    min-height: 52px;
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-gold) / .42);
    padding: 0 18px;
    color: #f8ffff;
    font-size: 1.05rem;
    font-weight: 700;
    background: rgb(3 8 18 / .54);
    outline: none;
}

.kt-wp-search-row input::placeholder {
    color: rgb(248 255 255 / .68);
}

.kt-wp-filter-toggle,
.kt-wp-filter-row button,
.kt-wp-chip-row button {
    border-radius: 8px;
    border: 1px solid hsl(var(--kt-gold) / .42);
    color: #111827;
    font-weight: 900;
    background: linear-gradient(180deg, #ffe88a, #f7c948);
}

.kt-wp-filter-toggle {
    min-height: 52px;
    padding: 0 20px;
    font-size: .92rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.kt-wp-filter-row,
.kt-wp-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.kt-wp-filter-row button {
    min-width: 120px;
    min-height: 36px;
    background: rgb(255 255 255 / .86);
}

.kt-wp-filter-row button.is-active,
.kt-wp-filter-row button:first-child {
    background: linear-gradient(180deg, #ffe88a, #f7c948);
}

.kt-wp-chip-row button {
    min-height: 32px;
    padding: 7px 12px;
    color: #fff8db;
    font-size: .82rem;
    background: rgb(9 28 40 / .72);
}

.kt-wp-hidden-directory-remnant {
    display: none !important;
}

.kt-wp-maker-comic-inner {
    border-radius: 8px;
    border-color: hsl(var(--kt-gold) / .62);
    background:
        radial-gradient(620px 180px at 12% 0%, rgb(255 255 255 / .34), transparent 60%),
        radial-gradient(620px 180px at 90% 20%, rgb(255 205 72 / .28), transparent 62%),
        linear-gradient(90deg, rgb(255 232 138 / .94), rgb(247 201 72 / .86));
    box-shadow: 0 16px 44px rgb(0 0 0 / .24), inset 0 1px 0 rgb(255 255 255 / .38);
}

.kt-wp-maker-comic-heading span {
    color: #5f4300;
    letter-spacing: .16em;
}

.kt-wp-maker-comic-heading h2 {
    color: #151100;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 4vw, 3rem);
}

@media (max-width: 620px) {
    .kt-wp-search-row {
        grid-template-columns: 1fr;
    }

    .kt-wp-filter-row button {
        flex: 1 1 120px;
    }

    .kt-wp-real-site-header-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .kt-wp-real-nav {
        justify-content: flex-start;
    }
}

/* KT Crew image/softness fix 1.1.22 */
.kt-wp-maker-comic {
    margin-top: 18px;
    background: transparent !important;
}

.kt-wp-maker-comic-inner {
    border: 1px solid hsl(var(--kt-gold) / .46) !important;
    background:
        radial-gradient(680px 210px at 12% 0%, rgb(255 255 255 / .26), transparent 60%),
        radial-gradient(640px 220px at 92% 12%, rgb(255 232 138 / .22), transparent 62%),
        linear-gradient(90deg, rgb(255 232 138 / .46), rgb(247 201 72 / .28), rgb(46 63 74 / .36)) !important;
    box-shadow: 0 16px 44px rgb(0 0 0 / .22), inset 0 1px 0 rgb(255 255 255 / .18) !important;
    backdrop-filter: blur(14px);
}

.kt-wp-maker-bio-grid article {
    background: rgb(255 255 255 / .34) !important;
    border-color: rgb(90 59 0 / .18) !important;
}

.kt-wp-maker-bio-grid article img {
    background: rgb(0 0 0 / .16);
}

/* Studio mirror + red moon pass 1.1.23 */
body.kt-wp-studio-page-active::before,
html[data-kt-theme="studio"] body::before {
    background-image:
        linear-gradient(180deg, rgb(16 8 13 / .68), rgb(16 8 13 / .72)),
        radial-gradient(760px 520px at 78% 16%, rgb(255 86 51 / .36), transparent 64%),
        url('/wp-content/plugins/kismet-directory-plugin/assets/images/red_moon.png') !important;
    background-size: cover !important;
    background-position: center top !important;
}

body.kt-wp-studio-page-active .kt-wp-search-panel {
    border-color: rgb(255 171 90 / .58);
    background:
        radial-gradient(520px 190px at 16% 0%, rgb(255 94 54 / .24), transparent 62%),
        linear-gradient(180deg, rgb(55 29 39 / .88), rgb(29 22 38 / .76));
}

body.kt-wp-studio-page-active .kt-wp-search-panel label,
body.kt-wp-studio-page-active .kt-wp-chip-row button {
    color: #fff0dc;
}

body.kt-wp-studio-page-active .kt-wp-filter-toggle,
body.kt-wp-studio-page-active .kt-wp-filter-row button,
body.kt-wp-studio-page-active .kt-wp-chip-row button.is-active {
    border-color: rgb(255 197 110 / .52);
    background: linear-gradient(180deg, #ffbd72, #ef5d3f);
    color: #21100b;
}

body.kt-wp-studio-page-active .kt-wp-chip-row button {
    border-color: rgb(255 188 132 / .34);
    background: rgb(55 20 31 / .72);
}

body.kt-wp-studio-page-active .kt-wp-studio-crew .kt-wp-maker-comic-inner {
    border-color: rgb(255 177 103 / .48) !important;
    background:
        radial-gradient(700px 220px at 14% 0%, rgb(255 222 164 / .23), transparent 60%),
        radial-gradient(640px 220px at 92% 12%, rgb(239 93 63 / .24), transparent 62%),
        linear-gradient(90deg, rgb(92 32 42 / .48), rgb(190 69 50 / .34), rgb(35 25 42 / .36)) !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-crew .kt-wp-maker-comic-heading span,
body.kt-wp-studio-page-active .kt-wp-studio-crew .kt-wp-maker-comic-heading h2 {
    color: #ffe2b7;
}

body.kt-wp-studio-page-active .kt-wp-studio-crew .kt-wp-maker-bio-grid article {
    background: rgb(255 240 218 / .22) !important;
    border-color: rgb(255 200 138 / .22) !important;
}

/* Directory/Studio polish pass 1.1.24 */
body.kt-wp-makers-page-active .kt-wp-makers-crew .kt-wp-maker-bio-grid article:nth-child(4) img {
    object-position: center top !important;
}

body.kt-community-studio #header[role="banner"],
body.kt-community-studio #header + hr,
body.kt-wp-studio-page-active #header[role="banner"],
body.kt-wp-studio-page-active #header + hr {
    display: none !important;
}

body.kt-community-studio #page,
body.kt-wp-studio-page-active #page {
    padding-top: 0 !important;
}

body.kt-wp-studio-page-active::before,
html[data-kt-theme="studio"] body::before {
    background-image:
        linear-gradient(180deg, rgb(8 17 34 / .30), rgb(8 17 34 / .34)),
        radial-gradient(760px 520px at 78% 16%, rgb(255 86 51 / .18), transparent 66%),
        url('/wp-content/plugins/kismet-directory-plugin/assets/images/red_moon.png') !important;
    filter: saturate(1.05) contrast(1.05);
}

body.kt-wp-studio-page-active .kt-wp-landing-chrome {
    padding-top: 12px !important;
}

body.kt-wp-studio-page-active .kt-wp-topbar {
    border-color: rgb(119 164 214 / .42) !important;
    background: linear-gradient(90deg, rgb(7 22 48 / .82), rgb(12 33 70 / .66), rgb(7 18 36 / .72)) !important;
    box-shadow: 0 16px 38px rgb(0 0 0 / .26), inset 0 1px 0 rgb(255 255 255 / .10) !important;
    backdrop-filter: blur(5px) !important;
}

body.kt-wp-studio-page-active .kt-wp-title-stack h1,
body.kt-wp-studio-page-active .kt-wp-topbar h1 {
    color: #eef6ff !important;
    text-shadow: 0 2px 12px rgb(0 0 0 / .74) !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-showcase {
    display: block !important;
    margin-top: 16px !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-path {
    min-height: 0 !important;
    border-color: rgb(119 164 214 / .42) !important;
    background: linear-gradient(90deg, rgb(7 22 48 / .78), rgb(14 35 70 / .50)) !important;
    backdrop-filter: blur(5px) !important;
}

body.kt-wp-studio-page-active .kt-wp-path-road {
    grid-template-columns: repeat(7, minmax(118px, 1fr)) !important;
    gap: 12px !important;
    overflow-x: auto;
    padding: 8px 2px 12px;
}

body.kt-wp-studio-page-active .kt-wp-path-road span,
body.kt-wp-studio-page-active .kt-wp-path-road span:nth-child(odd),
body.kt-wp-studio-page-active .kt-wp-path-road span:nth-child(even),
body.kt-wp-studio-page-active .kt-wp-path-road span:nth-child(7) {
    width: auto !important;
    min-height: 76px !important;
    transform: none !important;
    display: grid !important;
    align-content: space-between;
    gap: 10px;
}

body.kt-wp-studio-page-active .kt-wp-path-road span em {
    font-style: normal;
}

body.kt-wp-studio-page-active .kt-wp-path-road span b {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-height: 18px;
}

body.kt-wp-studio-page-active .kt-wp-path-road span b i {
    width: 16px;
    height: 16px;
    clip-path: polygon(50% 0%, 61% 34%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 34%);
    background: #fff7bf;
    box-shadow: 0 0 12px rgb(255 235 142 / .86);
}

body.kt-wp-studio-page-active .kt-wp-path-road span:nth-child(7) {
    grid-column: auto !important;
    justify-self: stretch !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-sites .kt-wp-maker-comic-inner {
    border-color: rgb(119 164 214 / .42) !important;
    background:
        radial-gradient(720px 240px at 12% 0%, rgb(123 170 224 / .18), transparent 60%),
        linear-gradient(90deg, rgb(7 22 48 / .84), rgb(12 33 70 / .68), rgb(7 18 36 / .78)) !important;
    backdrop-filter: blur(5px) !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-sites .kt-wp-maker-comic-heading span,
body.kt-wp-studio-page-active .kt-wp-studio-sites .kt-wp-maker-comic-heading h2 {
    color: #eef6ff !important;
}

.kt-wp-site-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.kt-wp-site-grid a {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgb(119 164 214 / .24);
    background: rgb(255 255 255 / .12) !important;
    text-decoration: none;
}

.kt-wp-site-grid a img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    background: rgb(0 0 0 / .22);
}

.kt-wp-site-grid a:first-child img {
    object-fit: contain;
    padding: 18px;
}

.kt-wp-site-grid a strong {
    display: block;
    padding: 12px 12px 14px;
    color: #eef6ff !important;
    font-size: .98rem;
    line-height: 1.2;
}

@media (max-width: 780px) {
    .kt-wp-site-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Studio TV restore + logged-in Path pass 1.1.25 */
body.kt-wp-studio-legacy-hidden .kt-wp-studio-legacy-hero,
body.kt-community-studio .wp-site-blocks > .wp-block-columns:has(.root-eb-slider-gj8dk),
body.kt-community-studio .wp-site-blocks > .wp-block-columns:has(.eb-slider-gj8dk) {
    display: none !important;
}

body.kt-wp-studio-page-active .kt-wp-landing-chrome {
    padding-top: 0 !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-showcase {
    display: block !important;
    margin-top: 16px !important;
}

.kt-wp-studio-tv {
    display: grid;
    grid-template-columns: minmax(180px, .7fr) minmax(220px, 1fr) auto;
    align-items: center;
    gap: 18px;
    border-radius: 8px;
    border: 1px solid rgb(119 164 214 / .42);
    padding: 18px;
    background: linear-gradient(90deg, rgb(7 22 48 / .80), rgb(12 33 70 / .56), rgb(7 18 36 / .72));
    box-shadow: 0 16px 38px rgb(0 0 0 / .24), inset 0 1px 0 rgb(255 255 255 / .10);
    backdrop-filter: blur(5px);
}

.kt-wp-studio-tv-copy {
    display: grid;
    gap: 10px;
}

.kt-wp-studio-tv-copy span,
.kt-wp-studio-tv-copy strong {
    color: #eef6ff;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.08;
    text-shadow: 0 2px 12px rgb(0 0 0 / .62);
}

.kt-wp-studio-tv-copy span {
    font-size: clamp(1.05rem, 2vw, 1.45rem);
    font-weight: 800;
}

.kt-wp-studio-tv-copy strong {
    font-size: clamp(1.2rem, 2.4vw, 1.8rem);
}

.kt-wp-studio-tv img {
    width: min(100%, 360px);
    justify-self: center;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 999px;
    box-shadow: 0 18px 46px rgb(0 0 0 / .30);
}

.kt-wp-studio-tv-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.kt-wp-studio-tv-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border-radius: 8px;
    border: 1px solid rgb(255 255 255 / .18);
    padding: 10px 14px;
    color: #eef6ff;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
    background: rgb(255 255 255 / .10);
}

.kt-wp-studio-tv-actions a:hover {
    background: rgb(255 255 255 / .18);
}

body.kt-wp-studio-page-active .kt-wp-studio-path {
    margin-top: 16px;
}

@media (max-width: 860px) {
    .kt-wp-studio-tv {
        grid-template-columns: 1fr;
    }

    .kt-wp-studio-tv img,
    .kt-wp-studio-tv-actions {
        justify-self: start;
    }
}

/* Studio width/brightness + TV placement pass 1.1.26 */
body.kt-community-studio .wp-site-blocks > main,
body.kt-wp-studio-page-active .wp-site-blocks > main,
body.kt-community-studio main.wp-block-group,
body.kt-wp-studio-page-active main.wp-block-group {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.kt-community-studio .wp-block-columns:has(#root.kt-variant-studio),
body.kt-wp-studio-page-active .wp-block-columns:has(#root.kt-variant-studio) {
    max-width: none !important;
    width: 100% !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.kt-community-studio .wp-block-column:has(> #root.kt-variant-studio),
body.kt-wp-studio-page-active .wp-block-column:has(> #root.kt-variant-studio) {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: none !important;
}

body.kt-wp-studio-page-active .kt-wp-landing-chrome,
body.kt-wp-studio-page-active .kt-wp-maker-comic-inner,
body.kt-wp-studio-page-active .kt-wp-studio-tv {
    width: min(1520px, calc(100vw - 36px)) !important;
}

body.kt-wp-studio-page-active .kt-wp-landing-chrome {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.kt-wp-studio-page-active::before,
html[data-kt-theme="studio"] body::before {
    background-image:
        linear-gradient(180deg, rgb(8 17 34 / .22), rgb(8 17 34 / .26)),
        radial-gradient(760px 520px at 78% 16%, rgb(255 117 69 / .16), transparent 66%),
        url('/wp-content/plugins/kismet-directory-plugin/assets/images/red_moon.png') !important;
    filter: saturate(1.16) contrast(1.06) brightness(1.08) !important;
}

body.kt-wp-studio-page-active .kt-wp-topbar,
body.kt-wp-studio-page-active .kt-wp-featured-banner,
body.kt-wp-studio-page-active .kt-wp-search-panel,
body.kt-wp-studio-page-active .kt-wp-studio-sites .kt-wp-maker-comic-inner,
body.kt-wp-studio-page-active .kt-wp-studio-tv {
    border-color: rgb(147 190 238 / .48) !important;
    box-shadow: 0 18px 42px rgb(0 0 0 / .22), inset 0 1px 0 rgb(255 255 255 / .14) !important;
}

body.kt-wp-studio-page-active .kt-wp-featured-banner,
body.kt-wp-studio-page-active .kt-wp-search-panel {
    background:
        radial-gradient(620px 210px at 12% 0%, rgb(255 135 82 / .22), transparent 60%),
        linear-gradient(180deg, rgb(18 39 78 / .78), rgb(15 25 50 / .62)) !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-tv {
    margin: 18px auto 16px !important;
    background:
        radial-gradient(520px 180px at 18% 0%, rgb(255 135 82 / .18), transparent 62%),
        linear-gradient(90deg, rgb(10 31 67 / .82), rgb(18 46 92 / .62), rgb(9 25 51 / .72)) !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-showcase:empty {
    display: none !important;
}

/* Kismet Vision restore pass 1.1.27 */
body.kt-wp-studio-page-active .kt-wp-kismet-vision {
    width: min(1520px, calc(100vw - 36px));
    margin: 16px auto 0;
}

body.kt-wp-studio-page-active .kt-wp-kismet-vision .kt-wp-tv-set {
    min-height: 300px;
    border-color: rgb(147 190 238 / .48) !important;
    background:
        radial-gradient(620px 220px at 16% 0%, rgb(255 135 82 / .20), transparent 62%),
        linear-gradient(90deg, rgb(10 31 67 / .84), rgb(18 46 92 / .62), rgb(9 25 51 / .76)) !important;
    box-shadow: 0 18px 42px rgb(0 0 0 / .24), inset 0 1px 0 rgb(255 255 255 / .14) !important;
    backdrop-filter: blur(5px);
}

body.kt-wp-studio-page-active .kt-wp-kismet-vision .kt-wp-tv-screen {
    width: min(100%, 430px);
    background:
        radial-gradient(circle at 35% 30%, rgb(255 135 82 / .34), transparent 34%),
        linear-gradient(135deg, #0f2448, #121827 62%, #050816);
}

body.kt-wp-studio-page-active .kt-wp-kismet-vision .kt-wp-tv-screen strong {
    color: #eef6ff;
}

/* Studio media pairing + brighter sun pass 1.1.28 */
body.kt-wp-studio-page-active::before,
html[data-kt-theme="studio"] body::before {
    background-image:
        linear-gradient(180deg, rgb(8 17 34 / .14), rgb(8 17 34 / .18)),
        radial-gradient(680px 480px at 58% 42%, rgb(255 197 93 / .30), transparent 62%),
        radial-gradient(760px 520px at 78% 16%, rgb(255 117 69 / .18), transparent 66%),
        url('/wp-content/plugins/kismet-directory-plugin/assets/images/red_moon.png') !important;
    filter: saturate(1.24) contrast(1.08) brightness(1.14) !important;
}

body.kt-wp-studio-page-active .kt-wp-topbar,
body.kt-wp-studio-page-active .kt-wp-hero-copy,
body.kt-wp-studio-page-active .kt-wp-join-button,
body.kt-wp-studio-page-active .kt-wp-featured-banner,
body.kt-wp-studio-page-active .kt-wp-search-panel,
body.kt-wp-studio-page-active .kt-wp-landing-grid > a,
body.kt-wp-studio-page-active .kt-wp-studio-path,
body.kt-wp-studio-page-active .kt-wp-studio-sites .kt-wp-maker-comic-inner,
body.kt-wp-studio-page-active .kt-wp-studio-tv,
body.kt-wp-studio-page-active .kt-wp-kismet-vision .kt-wp-tv-set {
    background-color: rgb(8 22 48 / .34) !important;
    backdrop-filter: blur(3px) !important;
}

body.kt-wp-studio-page-active .kt-wp-topbar {
    background: linear-gradient(90deg, rgb(7 22 48 / .62), rgb(12 33 70 / .44), rgb(7 18 36 / .50)) !important;
}

body.kt-wp-studio-page-active .kt-wp-featured-banner,
body.kt-wp-studio-page-active .kt-wp-search-panel,
body.kt-wp-studio-page-active .kt-wp-landing-grid > a {
    background:
        radial-gradient(620px 210px at 12% 0%, rgb(255 169 100 / .16), transparent 62%),
        linear-gradient(180deg, rgb(18 39 78 / .54), rgb(15 25 50 / .42)) !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-sites .kt-wp-maker-comic-inner {
    background:
        radial-gradient(720px 240px at 12% 0%, rgb(153 199 250 / .14), transparent 60%),
        linear-gradient(90deg, rgb(7 22 48 / .58), rgb(12 33 70 / .44), rgb(7 18 36 / .54)) !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-media-row {
    width: min(1520px, calc(100vw - 36px));
    margin: 18px auto 16px;
    display: grid;
    grid-template-columns: minmax(300px, .92fr) minmax(340px, 1.08fr);
    gap: 18px;
    align-items: stretch;
}

body.kt-wp-studio-page-active .kt-wp-studio-media-row .kt-wp-kismet-vision,
body.kt-wp-studio-page-active .kt-wp-studio-media-row .kt-wp-studio-tv {
    width: 100% !important;
    margin: 0 !important;
}

body.kt-wp-studio-page-active .kt-wp-studio-media-row .kt-wp-tv-set,
body.kt-wp-studio-page-active .kt-wp-studio-media-row .kt-wp-studio-tv {
    min-height: 280px;
    height: 100%;
    background:
        radial-gradient(520px 180px at 18% 0%, rgb(255 178 105 / .16), transparent 62%),
        linear-gradient(90deg, rgb(10 31 67 / .58), rgb(18 46 92 / .42), rgb(9 25 51 / .50)) !important;
}

@media (max-width: 920px) {
    body.kt-wp-studio-page-active .kt-wp-studio-media-row {
        grid-template-columns: 1fr;
    }
}

/* Shared featured artist output pass 1.1.29 */
.kt-wp-shared-featured-loading {
    color: rgb(242 255 255 / .82);
    font-size: .95rem;
    font-weight: 750;
}

.kt-wp-shared-featured-card {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    margin-top: 16px;
    border-radius: 8px;
    border: 1px solid rgb(255 255 255 / .16);
    padding: 14px;
    background: linear-gradient(90deg, rgb(10 31 67 / .58), rgb(18 46 92 / .42), rgb(9 25 51 / .38));
}

.kt-wp-shared-featured-card img,
.kt-wp-shared-featured-mark {
    width: 86px;
    height: 86px;
    border-radius: 8px;
    object-fit: cover;
    background: rgb(0 0 0 / .24);
}

.kt-wp-shared-featured-mark {
    display: grid;
    place-items: center;
    color: #ffe88a;
    font-weight: 950;
}

.kt-wp-shared-featured-card span {
    display: block;
    color: #ffe88a;
    font-size: .74rem;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.kt-wp-shared-featured-card strong,
.kt-wp-shared-featured-card em,
.kt-wp-shared-featured-card p {
    display: block;
    color: #f6fbff;
}

.kt-wp-shared-featured-card strong {
    margin-top: 4px;
    font-size: clamp(1.2rem, 2vw, 1.7rem);
    line-height: 1.05;
}

.kt-wp-shared-featured-card em {
    margin-top: 4px;
    font-style: normal;
    opacity: .82;
}

.kt-wp-shared-featured-card p {
    margin-top: 8px;
    max-width: 760px;
    font-size: .92rem;
    line-height: 1.42;
    opacity: .88;
}

.kt-wp-shared-featured-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 8px;
    padding: 10px 14px;
    color: #111827;
    font-size: .82rem;
    font-weight: 900;
    text-decoration: none;
    background: linear-gradient(180deg, #ffe88a, #f7c948);
}

@media (max-width: 720px) {
    .kt-wp-shared-featured-card {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .kt-wp-shared-featured-card a {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .kt-wp-shared-featured-card img,
    .kt-wp-shared-featured-mark {
        width: 72px;
        height: 72px;
    }
}

/* ============================================================
   Hamburger and dropdown menu z-index fixes
   ============================================================ */

/* Ensure hamburger menu button appears above other content */
[aria-label="Menu"],
[aria-label="Toggle menu"] {
    position: relative;
    z-index: 20;
}

/* Ensure dropdown menu appears above everything */
.absolute.right-0.mt-2 {
    z-index: 50 !important;
}

/* Text visibility improvements */
.kt-wp-membership-side article span {
    color: rgb(255 255 255 / 1) !important;
    font-size: 1rem !important;
}




/* Header/menu breathing room after signup button swap */
.kt-wp-topbar {
    position: relative;
    z-index: 1600 !important;
}

.kt-wp-menu,
.kt-wp-menu[open],
.kt-wp-menu-panel {
    z-index: 1700 !important;
}

.kt-wp-hero {
    position: relative;
    z-index: 1;
}