:root{--ubongo-white: #FFFFFF;--ubongo-asphalt: #1C1C1C;--ubongo-neon: #39FF14;--ubongo-mint: #B8E8D0;--ubongo-mint-soft: #DDF3E8;--ubongo-canvas: #F7F9F8;--ubongo-surface-subtle: #F1F4F2;--ubongo-surface-muted: #E9EEEB;--ubongo-border: #DCE3DF;--ubongo-border-strong: #C7D0CB;--ubongo-text-primary: #1C1C1C;--ubongo-text-secondary: #454B47;--ubongo-text-muted: #6C746F;--ubongo-text-disabled: #9CA39F;--ubongo-green-readable: #1C6B48;--ubongo-green-readable-dark: #16553A;--ubongo-dark-900: #121312;--ubongo-dark-800: #1C1C1C;--ubongo-dark-700: #252825;--ubongo-dark-600: #303430;--ubongo-error: #C93838;--ubongo-error-soft: #FBEAEA;--ubongo-warning: #8A6415;--ubongo-warning-soft: #FFF5D8;--ubongo-info: #315E78;--ubongo-info-soft: #EAF4F8;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--container-sm: 720px;--container-md: 960px;--container-lg: 1200px;--container-xl: 1360px}.container{width:min(calc(100% - 32px),var(--container-xl));margin-inline:auto}@media (min-width: 768px){.container{width:min(calc(100% - 64px),var(--container-xl))}}:root{--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(28, 28, 28, .05);--shadow-sm: 0 4px 14px rgba(28, 28, 28, .07);--shadow-md: 0 12px 32px rgba(28, 28, 28, .1);--shadow-lg: 0 24px 64px rgba(28, 28, 28, .14);--shadow-neon: 0 0 24px rgba(57, 255, 20, .22);--shadow-mint: 0 18px 50px rgba(184, 232, 208, .25);--duration-fast: .14s;--duration-base: .22s;--duration-slow: .36s;--duration-button-effect: .8s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.19, 1, .22, 1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--font-display: "Tenor Sans", sans-serif;--font-heading: "Jost", sans-serif;--font-body: "Inter", sans-serif;--text-display: clamp(4rem, 7vw, 6.5rem);--text-h1: clamp(3rem, 5vw, 5rem);--text-h2: clamp(2.25rem, 4vw, 3.75rem);--text-h3: clamp(1.75rem, 3vw, 2.5rem);--text-h4: clamp(1.25rem, 2vw, 1.75rem);--text-body-lg: 1.25rem;--text-body: 1rem;--text-body-sm: .875rem;--text-caption: .75rem}.type-display{font-family:var(--font-display);font-size:var(--text-display);line-height:.96;letter-spacing:.01em;font-weight:400}.type-h1{font-family:var(--font-display);font-size:var(--text-h1);line-height:1;letter-spacing:.012em;font-weight:400}.type-h2{font-family:var(--font-heading);font-size:var(--text-h2);line-height:1.08;letter-spacing:.025em;font-weight:300}.type-h3{font-family:var(--font-heading);font-size:var(--text-h3);line-height:1.15;letter-spacing:.02em;font-weight:300}.type-h4{font-family:var(--font-heading);font-size:var(--text-h4);line-height:1.2;letter-spacing:.018em;font-weight:400}.type-body-lg{font-family:var(--font-body);font-size:var(--text-body-lg);line-height:1.65;letter-spacing:-.01em}.type-body{font-family:var(--font-body);font-size:var(--text-body);line-height:1.65;letter-spacing:-.006em}.type-small{font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.5}.type-caption{font-family:var(--font-body);font-size:var(--text-caption);line-height:1.4;letter-spacing:.04em}.type-eyebrow{font-family:var(--font-body);font-size:.75rem;line-height:1.2;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.text-readable{max-width:68ch}.glass-dark{background:linear-gradient(135deg,#ffffff1f,#ffffff0a,#ffffff14);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.18);border-radius:20px;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff40,inset 0 0 0 .5px #ffffff1a;transition:box-shadow var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.glass-dark:hover{box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff59,inset 0 0 0 .5px #ffffff26}.glass-light{background:linear-gradient(135deg,#1c1c1c66,#1c1c1c47,#1c1c1c59);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgba(255,255,255,.22);border-radius:20px;box-shadow:0 8px 32px #0000002e,inset 0 1px #ffffff4d,inset 0 0 0 .5px #ffffff1f;transition:box-shadow var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.glass-light:hover{box-shadow:0 12px 40px #00000038,inset 0 1px #fff6,inset 0 0 0 .5px #ffffff2e}.glass-strong{background:var(--glass-background-strong, rgba(247, 245, 240, .82));backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);border:1px solid var(--glass-border, rgba(0, 0, 0, .06));border-radius:20px;box-shadow:0 12px 36px -8px #0000000f,inset 0 1px #ffffffb3;transition:box-shadow var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.glass-strong:hover{box-shadow:0 16px 44px -6px #0000001a,inset 0 1px #ffffffd9}.glass-cta{background:linear-gradient(135deg,#39ff1429,#39ff1414,#39ff141f);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(57,255,20,.4);border-radius:14px;color:#1c1c1c;box-shadow:0 0 24px #39ff1433,inset 0 1px #fff6,inset 0 0 0 .5px #39ff1426;transition:box-shadow var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.glass-cta:hover{box-shadow:0 0 32px #39ff1447,inset 0 1px #ffffff80,inset 0 0 0 .5px #39ff1438}.glass-detail-light{background:linear-gradient(135deg,#b8e8d03d,#b8e8d01a,#b8e8d02e);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(184,232,208,.38);border-radius:10px;color:#1c6b48;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 .5px #b8e8d033}.glass-badge{background:linear-gradient(135deg,#b8e8d033,#b8e8d014);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(184,232,208,.32);border-radius:20px;padding:4px 12px;font-size:12px;box-shadow:inset 0 1px #ffffff59}.glow-backdrop{background:radial-gradient(circle at 30% 30%,rgba(57,255,20,.2) 0%,transparent 60%),#fff}.glass-surface{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#ffffff1a,#ffffff08,#ffffff0f);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px #fff3,inset 0 0 0 .5px #ffffff14}.glass-content{position:relative;z-index:2}.glass-mint-premium{background:linear-gradient(135deg,#ddf3e899,#b8e8d038 40%,#ddf3e859);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgba(184,232,208,.5);border-radius:20px;box-shadow:0 16px 50px #1c1c1c14,0 4px 16px #b8e8d01f,inset 0 1px #fff9,inset 0 0 0 .5px #ffffff40;transition:box-shadow var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.glass-mint-premium:hover{box-shadow:0 20px 60px #1c1c1c1a,0 6px 20px #b8e8d02e,inset 0 1px #ffffffb3,inset 0 0 0 .5px #ffffff52}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-dark,.glass-light,.glass-cta,.glass-detail-light,.glass-badge,.glass-mint-premium,.glass-surface{backdrop-filter:none;-webkit-backdrop-filter:none}.glass-dark{background:#1c1c1ceb}.glass-light{background:#1c1c1ce0}.glass-cta,.glass-detail-light,.glass-badge,.glass-mint-premium{background:#ddf3e8f5}.glass-surface{background:#fffffff2}}@media (max-width: 767px){.glass-dark,.glass-light,.glass-mint-premium,.glass-surface{backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}}@media (prefers-reduced-motion: reduce){.glass-dark,.glass-light,.glass-cta,.glass-mint-premium,.glass-surface{transition:none!important}}:root{--color-bg-page: var(--ubongo-white);--color-bg-subtle: var(--ubongo-canvas);--color-bg-surface: var(--ubongo-white);--color-bg-inverse: var(--ubongo-asphalt);--color-text-primary: var(--ubongo-text-primary);--color-text-secondary: var(--ubongo-text-secondary);--color-text-muted: var(--ubongo-text-muted);--color-text-inverse: var(--ubongo-white);--color-action-primary: var(--ubongo-neon);--color-action-primary-hover: #2EEA0F;--color-action-primary-active: #27D20D;--color-action-text: var(--ubongo-asphalt);--color-accent-soft: var(--ubongo-mint-soft);--color-accent: var(--ubongo-mint);--color-accent-readable: var(--ubongo-green-readable);--color-border-default: var(--ubongo-border);--color-border-strong: var(--ubongo-border-strong);--color-focus: var(--ubongo-neon)}[data-theme=dark]{--color-bg-page: var(--ubongo-dark-900);--color-bg-subtle: var(--ubongo-dark-800);--color-bg-surface: var(--ubongo-dark-700);--color-bg-inverse: var(--ubongo-white);--color-text-primary: var(--ubongo-white);--color-text-secondary: #D6DBD8;--color-text-muted: #AAB2AD;--color-text-inverse: var(--ubongo-asphalt);--color-border-default: rgba(255, 255, 255, .12);--color-border-strong: rgba(255, 255, 255, .22);--color-action-primary: var(--ubongo-neon);--color-action-text: var(--ubongo-asphalt);--color-accent-soft: rgba(184, 232, 208, .1);--color-accent: var(--ubongo-mint);--color-accent-readable: var(--ubongo-mint)}*,: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}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.left-1\/2{left:50%}.top-0{top:0}.top-1\/2{top:50%}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-36{height:9rem}.h-48{height:12rem}.h-60{height:15rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-32{width:8rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-auto{width:auto}.max-w-5xl{max-width:64rem}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--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-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.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-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))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.break-all{word-break:break-all}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.bg-\[\#121312\]{--tw-bg-opacity: 1;background-color:rgb(18 19 18 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-zinc-900\/30{background-color:#18181b4d}.bg-zinc-900\/50{background-color:#18181b80}.bg-zinc-950{--tw-bg-opacity: 1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-\[\#FAF7F2\]{--tw-text-opacity: 1;color:rgb(250 247 242 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,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-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}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-primary: var(--ubongo-dark-900, #121312);--bg-secondary: var(--ubongo-dark-800, #1C1C1C);--bg-tertiary: var(--ubongo-dark-700, #252825);--bg-glass: rgba(28, 28, 28, .75);--border-color: rgba(255, 255, 255, .12);--border-active: var(--ubongo-neon, #39FF14);--border-glow: rgba(57, 255, 20, .35);--text-primary: #FFFFFF;--text-secondary: #D6DBD8;--text-muted: #AAB2AD;--color-primary: var(--ubongo-neon, #39FF14);--color-secondary: var(--ubongo-mint, #B8E8D0);--color-success: #39FF14;--color-warning: #fbbf24;--color-danger: #ef4444;--shadow-neon: 0 0 15px rgba(57, 255, 20, .35);--shadow-card: 0 4px 20px rgba(0, 0, 0, .6);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body, "Inter", sans-serif);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.avatar-studio{display:flex;height:100%;min-height:0;overflow:hidden}.avatar-camarim{width:350px;flex:0 0 350px;background:#09090b;border-right:1px solid #27272a;display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto}.avatar-palco{flex:1;min-width:0;display:flex;flex-direction:column;background:#000;padding:2rem;overflow-y:auto}@media (max-width: 980px){.avatar-studio{display:block;overflow-y:auto}.avatar-camarim{width:100%;max-height:none;border-right:0;border-bottom:1px solid #27272a}.avatar-palco{padding:1.25rem;overflow:visible}}.voice-direction-panel{background:linear-gradient(145deg,#161816,#1c1c1c);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;display:grid;gap:14px}.voice-context-input{width:100%;background:#121312;color:#fafafa;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px;font-size:12px}.voice-control-label{display:block;color:#d4d4d8;font-size:11px;font-weight:700;margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em}.voice-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.voice-preset-grid button,.voice-pace-grid button{background:#121312;color:#a1a1aa;border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:8px 6px;cursor:pointer;text-transform:capitalize;transition:all .2s ease}.voice-preset-grid button.active,.voice-pace-grid button.active{color:#1c1c1c;background:var(--ubongo-neon, #39FF14);border-color:var(--ubongo-neon, #39FF14);font-weight:700;box-shadow:0 0 12px #39ff1459}.voice-pace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.voice-pace-grid small{display:block;color:#71717a;margin-top:3px}.voice-stability{background:#121312;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px}.voice-stability>div{display:flex;justify-content:space-between;color:#71717a;font-size:10px}.voice-stability input{width:100%;margin:8px 0;accent-color:var(--ubongo-neon, #39FF14)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.app-container{display:flex;min-height:100vh}.sidebar{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.25rem;z-index:10}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.brand-icon{color:var(--color-primary);filter:drop-shadow(0 0 5px var(--color-primary))}.brand-name{font-size:1.15rem;font-weight:800;letter-spacing:.5px;color:#fff;text-transform:uppercase}.nav-menu{list-style:none;display:flex;flex-direction:column;gap:.35rem;flex-grow:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:var(--transition);border:1px solid transparent}.nav-item:hover,.nav-item.active{color:#fff;background:#9d7cff0a;border-color:#9d7cff33}.nav-item.active{background:#9d7cff14;border-left:2px solid var(--color-primary);border-color:#9d7cff4d}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.system-mode-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem}.mode-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 5px currentColor}.mode-dot.server{color:var(--color-success)}.mode-dot.desktop{color:var(--color-secondary)}.main-content{flex-grow:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;background-color:var(--bg-primary)}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.header-title h1{font-size:1.35rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff}.header-title p{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.5rem;position:relative;transition:var(--transition)}.metric-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-card),var(--shadow-neon)}.metric-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase}.metric-value{font-size:1.5rem;font-weight:700;color:#fff}.metric-footer{font-size:.75rem;color:var(--text-muted)}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card)}.glass-card:hover{border-color:#9d7cff26}.card-title{font-size:.95rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;text-transform:uppercase;color:#fff}.tabs-container{display:flex;gap:.25rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.tab-btn{background:none;border:1px solid transparent;border-bottom:none;color:var(--text-secondary);padding:.5rem 1rem;font-family:inherit;font-weight:700;font-size:.8rem;cursor:pointer;text-transform:uppercase;transition:var(--transition);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab-btn:hover{color:#fff;background:#ffffff05}.tab-btn.active{color:var(--color-primary);border-color:var(--border-color);background-color:var(--bg-secondary);position:relative}.tab-btn.active:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-family:inherit;font-weight:700;font-size:.8rem;cursor:pointer;transition:var(--transition);border:1px solid var(--border-color);text-transform:uppercase}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-neon)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:#ffffff08;border-color:var(--text-secondary)}.btn-icon{padding:.4rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.btn-icon:hover{color:var(--color-primary);border-color:var(--color-primary)}.btn:disabled,.btn-icon:disabled{opacity:.4;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.input-control{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--text-primary);font-family:inherit;font-size:.85rem;transition:var(--transition)}.input-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 5px #9d7cff33}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid transparent}.status-badge.running{background:#10b9810d;color:var(--color-success);border-color:#10b98133}.status-badge.stopped{background:#ef44440d;color:var(--color-danger);border-color:#ef444433}.status-badge.restarting{background:#fbbf240d;color:var(--color-warning);border-color:#fbbf2433}.table-container{overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:.75rem;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;border-bottom:1px solid var(--border-color);font-weight:700}.custom-table td{padding:.85rem .75rem;border-bottom:1px solid var(--border-color);font-size:.8rem;color:var(--text-primary)}.custom-table tbody tr:hover{background:#ffffff03}.terminal-console{background-color:#030304;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#38bdf8;height:250px;overflow-y:auto;white-space:pre-wrap;margin-top:.5rem}.env-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;align-items:center;margin-bottom:.5rem}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.2s;border-radius:22px;border:1px solid var(--border-color)}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.2s;border-radius:50%}input:checked+.slider{background-color:#9d7cff26;border-color:var(--color-primary)}input:checked+.slider:before{transform:translate(22px);background-color:var(--color-primary)}.markdown-prose h1,.markdown-prose h2,.markdown-prose h3{color:#f3f4f6;margin-top:1em;margin-bottom:.5em;font-family:JetBrains Mono,monospace}.markdown-prose p{margin-bottom:1em;font-family:Inter,sans-serif}.markdown-prose code{background:#111;padding:.2em .4em;border-radius:3px;font-family:JetBrains Mono,monospace;color:#39ff14}.markdown-prose pre{background:#000;padding:1em;border:1px solid #1a1a1a;border-radius:6px;overflow-x:auto}.markdown-prose pre code{background:none;padding:0;color:#e5e7eb}.markdown-prose ul,.markdown-prose ol{padding-left:2em;margin-bottom:1em}.markdown-prose li{margin-bottom:.25em}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes soundBounce{0%,to{height:4px}50%{height:14px}}.hover\:border-zinc-700:hover{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.hover\:text-zinc-100:hover{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.hover\:text-zinc-200:hover{--tw-text-opacity: 1;color:rgb(228 228 231 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:h-16{height:4rem}.sm\:h-20{height:5rem}.sm\:h-24{height:6rem}.sm\:h-28{height:7rem}.sm\:h-32{height:8rem}.sm\:h-36{height:9rem}.sm\:h-40{height:10rem}.sm\:h-52{height:13rem}.sm\:h-64{height:16rem}.sm\:w-20{width:5rem}.sm\:w-28{width:7rem}.sm\:w-36{width:9rem}}@media (min-width: 768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}