@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--chrome-bg:#0a0b10;--chrome-border:#ffffff14;--tab-active:#fff;--tab-inactive:#f4f7fb8c;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}body{color:#f4f7fb;-webkit-font-smoothing:antialiased;background:#05060a;margin:0;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gallery-hero{background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;height:100vh;min-height:700px;display:flex;position:relative}.gallery-hero:after{content:"";background:linear-gradient(#05060a99 0%,#05060a4d 50%,#05060ab3 100%);position:absolute;inset:0}.gallery-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05060a99;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:fixed;top:0;left:0;right:0}.gallery-section{max-width:1400px;margin:0 auto;padding:120px 48px}.theme-exhibit{aspect-ratio:16/10;cursor:pointer;background-position:50%;background-size:cover;border-radius:12px;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.theme-exhibit:hover{filter:saturate(1.1);transform:scale(1.015);box-shadow:0 40px 100px #000000a6}.theme-exhibit:after{content:"";background:linear-gradient(#0000,#000000b3);transition:opacity .4s;position:absolute;inset:0}.theme-exhibit:hover:after{opacity:.9}.theme-label{color:#fff;letter-spacing:-.01em;z-index:2;font-size:1.1rem;font-weight:600;position:absolute;bottom:24px;left:24px}.exhibit-overlay{z-index:2;opacity:.8;font-size:.8rem;position:absolute;bottom:24px;right:24px}#root{flex-direction:column;min-height:100svh;display:flex}.preview-root{background:#05060a;flex-direction:column;min-height:100svh;display:flex}.gallery-root{color:#f4f7fb;background:#05060a;font-family:Outfit,system-ui,sans-serif}.gallery-root .preview-chrome{display:none}.preview-chrome{z-index:200;border-bottom:1px solid var(--chrome-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0f0af5;justify-content:space-between;align-items:center;gap:24px;padding:10px 20px;display:flex;position:sticky;top:0}[data-bg=light] .preview-chrome{color:#111;background:#faf7f2f5}.chrome-left{flex-shrink:0;align-items:center;gap:14px;display:flex}.brand{letter-spacing:-.3px;align-items:center;gap:9px;font-size:13.5px;font-weight:600;display:flex}.brand-dot{background:linear-gradient(135deg,#22c55e,#4ade80);border-radius:5px;width:15px;height:15px;box-shadow:0 0 14px #22c55e59}.brand-sub{letter-spacing:.6px;opacity:.45;text-transform:uppercase;font-size:10px;font-weight:500}.theme-swatches{background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:6px;padding:2px 4px;display:flex}[data-bg=light] .theme-swatches{background:#0000000d;border-color:#00000014}.swatch-btn{cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;padding:1px;transition:transform .1s,border-color .1s;display:flex}.swatch-btn:hover{border-color:#ffffff59;transform:scale(1.1)}.swatch-btn.active{border-color:#fff;box-shadow:0 0 0 1px #ffffff26}.swatch-btn .swatch{border:1px solid #0003;border-radius:999px;width:14px;height:14px;display:block}.theme-label{color:#f4f7fbbf;margin-left:4px;padding-right:6px;font-size:11.5px;font-weight:500}.tabs{border:1px solid var(--chrome-border);background:#ffffff0d;border-radius:999px;gap:2px;padding:3px;display:flex}.tab{color:var(--tab-inactive);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.tab:hover{color:#fff}.tab.active{color:#04050a;background:#fff}.chrome-right{flex-shrink:0;align-items:center;gap:16px;font-size:12px;display:flex}.info-link{color:var(--tab-inactive);font-weight:500;text-decoration:none}.info-link:hover{color:#fff}.mono{font-family:var(--mono);opacity:.5;letter-spacing:.5px}.preview-viewport{flex:1;min-height:0;position:relative;overflow:auto}.preview-viewport.full-demo{height:calc(100svh - 49px)}.ms-glass,.ms-glass-card{border-radius:14px}.preview-footer{border-top:1px solid var(--chrome-border);color:#f4f7fb59;background:#0a0b10;justify-content:center;align-items:center;gap:8px;padding:7px 16px;font-size:10.5px;display:flex}.view-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:3px;display:flex}.vtab{color:#f4f7fbb3;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 15px;font-size:12px;font-weight:600;transition:all .1s}.vtab:hover{color:#fff}.vtab.active{color:#05060a;background:#fff}.display-control{position:relative}.display-btn{color:#f4f7fbcc;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:6px 13px;font-size:11.5px;font-weight:500}.display-btn:hover{color:#fff;background:#ffffff14}.display-btn.open{background:#ffffff17}.display-panel{z-index:300;background:#0a0f0a;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:14px;width:310px;padding:14px 16px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #0009}[data-bg=light] .display-panel{color:#111;background:#f8f5f0;border-color:#0000001f;box-shadow:0 12px 40px #0000001f}.panel-section{flex-direction:column;gap:6px;display:flex}.panel-label{letter-spacing:.5px;text-transform:uppercase;opacity:.5;padding-left:2px;font-size:10px}.panel-pills{flex-wrap:wrap;gap:4px;display:flex}.mini-pill{color:#f4f7fbb3;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .1s}.mini-pill:hover{color:#fff;background:#ffffff14}.mini-pill.active{color:#05060a;background:#fff;font-weight:700}.mono.subtle{opacity:.35;font-size:10.5px}.preview-frame{background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;min-height:132px;padding:12px;display:flex;position:relative;overflow:hidden}@media (width<=640px){.preview-chrome{flex-wrap:wrap;gap:6px;padding:6px 10px}.theme-swatches{order:3;justify-content:center;gap:4px;width:100%}.chrome-right{order:2;margin-left:auto;font-size:11px}.mini-pill{padding:4px 7px;font-size:10px}.swatch-btn{width:24px;height:24px}.asset-card{font-size:13px}.display-btn{padding:4px 8px;font-size:10px}}.swatch-btn,.mini-pill,.vtab,button[style*=padding]{min-width:44px;min-height:44px}@media (hover:none){.swatch-btn,.mini-pill,.vtab{min-height:44px}}.preview-chrome{padding-top:calc(10px + env(safe-area-inset-top));padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}.preview-footer{padding-bottom:calc(7px + env(safe-area-inset-bottom))}.vertical-site{width:100%;overflow-x:hidden}.vertical-site h1{word-break:break-word}@media (width<=480px){.vertical-site .ms-glass-card,.vertical-site .LiquidGlassCard{padding:14px!important}.preview-frame{min-height:100px;padding:8px}}.preview-frame>*{max-width:100%;max-height:100%}.preview-placeholder{opacity:.45;font-size:12px}[data-style=flat] .preview-frame,[data-style=brutalist] .preview-frame{background:#ffffff08;border-color:#ffffff1a}[data-bg=light] .preview-frame{background:#00000009;border-color:#00000017}.asset-card{transition:transform .15s,box-shadow .15s}.asset-card:hover{transform:translateY(-1px);box-shadow:0 10px 30px -12px #00000059}.asset-card .asset-preview{background:#0000002e}[data-bg=light] .asset-card .asset-preview{background:#00000006}.asset-card .ms-glass{box-shadow:none}.ms-glass-card[style*="maxWidth: 820"]{box-shadow:0 25px 70px -15px #000000a6}.ms-mono-label{letter-spacing:.18em;text-transform:uppercase;opacity:.65;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem}.ms-segment-btn{color:#f4f7fbbf;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 13px;font-size:.78rem}.ms-segment-btn[data-active=true]{color:#05060a;background:#fff;font-weight:600}.ms-glass-chip{border:1px solid var(--glass-border,#fff3);background:#ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:.76rem;display:inline-flex}.preview-viewport>div{height:100%}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void-950:#04050a;--void-900:#05060a;--void-850:#080a12;--void-800:#0b0e18;--void-700:#111524;--void-600:#1a2034;--cyan:#00d4ff;--cyan-soft:#5ce6ff;--cyan-deep:#0398bd;--green:#3ecf8e;--green-soft:#74e3b1;--green-deep:#2a9d6a;--purple:#8b5cf6;--purple-soft:#b294fa;--purple-deep:#6d3fe0;--grad-aurora:linear-gradient(120deg, var(--cyan) 0%, var(--green) 50%, var(--purple) 100%);--grad-cyan-purple:linear-gradient(135deg, var(--cyan), var(--purple));--grad-green-cyan:linear-gradient(135deg, var(--green), var(--cyan));--grad-purple-pink:linear-gradient(135deg, var(--purple), #f472b6);--text:#f4f7fb;--text-dim:#f4f7fba8;--text-mute:#f4f7fb6b;--text-faint:#f4f7fb33;--text-on-accent:#04050a;--glass-bg:#ffffff0e;--glass-bg-strong:#ffffff1a;--glass-border:#ffffff24;--glass-border-strong:#ffffff3d;--glass-highlight:#fff6;--glass-shadow:#0000008c;--glass-tint-cyan:#00d4ff1a;--glass-tint-purple:#8b5cf61a;--blur-chip:16px;--blur-glass:24px;--blur-card:34px;--blur-bar:40px;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:30px;--r-2xl:40px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--shadow-glass:0 12px 40px var(--glass-shadow), inset 0 1px 0 var(--glass-highlight), inset 0 -1px 0 #ffffff0d;--shadow-glass-lg:0 28px 70px -10px #000000a6, inset 0 1.5px 0 #ffffff6b, inset 0 -1px 0 #ffffff0f;--shadow-float:0 24px 60px -12px #0009;--glow-cyan:0 0 50px #00d4ff38;--glow-green:0 0 50px #3ecf8e38;--glow-purple:0 0 50px #8b5cf63d;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--ease-spatial:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.18s;--dur-base:.32s;--dur-slow:.6s;--font-display:"Outfit", system-ui, sans-serif;--font-sans:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--fs-display:clamp(2.6rem, 9vw, 5.5rem);--fs-h1:clamp(2rem, 6.5vw, 3.75rem);--fs-h2:clamp(1.6rem, 5vw, 2.6rem);--fs-h3:clamp(1.25rem, 3.6vw, 1.75rem);--fs-body:clamp(.95rem, 2.4vw, 1.05rem);--fs-sm:.875rem;--fs-xs:.75rem;--fs-label:.7rem;--ring:#00d4ff8c;--ring-soft:#00d4ff24;--selection:#00d4ff4d;--primary:var(--cyan);--grad-primary:var(--grad-cyan-purple);--glow-primary:var(--glow-cyan);--orb-1:var(--cyan);--orb-2:var(--green);--orb-3:var(--purple);--z-orbs:0;--z-base:1;--z-sticky:50;--z-overlay:80;--z-modal:100}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100%;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text);background-color:var(--void-900);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0;line-height:1.6}::selection{background:var(--selection);color:#fff}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.08}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}.ms-display{font-size:var(--fs-display);letter-spacing:-.035em;font-weight:800;line-height:1}.ms-mono-label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute)}.text-balance{text-wrap:balance}.ms-void{background:radial-gradient(1200px 800px at 50% -10%, #8b5cf61a, transparent 60%), radial-gradient(900px 700px at 100% 0%, #00d4ff14, transparent 55%), var(--void-900);min-height:100svh;position:relative;overflow-x:hidden}.ms-orb{filter:blur(70px);opacity:.5;pointer-events:none;z-index:var(--z-orbs);will-change:transform;border-radius:50%;position:absolute}.ms-orb-cyan{background:radial-gradient(circle, var(--cyan) 0%, transparent 70%)}.ms-orb-green{background:radial-gradient(circle, var(--green) 0%, transparent 70%)}.ms-orb-purple{background:radial-gradient(circle, var(--purple) 0%, transparent 70%)}.ms-orb-float{animation:ms-orb-drift 14s var(--ease-spatial) infinite alternate}@keyframes ms-orb-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(24px,-32px)scale(1.12)}}.ms-grain:after{content:"";z-index:var(--z-base);pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.ms-glass{isolation:isolate;-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-glass);background:linear-gradient(145deg,#ffffff1f 0%,#ffffff09 42%,#ffffff14 100%);position:relative;overflow:hidden}.ms-glass-card{isolation:isolate;-webkit-backdrop-filter:blur(var(--blur-card)) saturate(200%);border:1px solid var(--glass-border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-glass-lg);background:linear-gradient(160deg,#ffffff29 0%,#ffffff0d 38%,#ffffff1c 100%);position:relative;overflow:hidden}.ms-glass-chip{-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(180%);border:1px solid var(--glass-border-strong);border-radius:var(--r-pill);background:linear-gradient(135deg,#ffffff2e 0%,#ffffff0d 100%);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff52}.ms-glass-bar{-webkit-backdrop-filter:blur(var(--blur-bar)) saturate(200%);border-bottom:1px solid var(--glass-border);background:linear-gradient(#0b0e18b8 0%,#0b0e188c 100%)}.ms-glass-mica{background:linear-gradient(160deg, var(--void-700), var(--void-800));border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--shadow-float)}.ms-glass-inset{-webkit-backdrop-filter:blur(14px);border-radius:var(--r-md);background:#ffffff09;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff14}.ms-glass-shine{z-index:0;pointer-events:none;opacity:.7;transition:opacity var(--dur-slow) ease, transform var(--dur-slow) var(--ease-spatial);background:linear-gradient(115deg,#0000 28%,#ffffff1a 47%,#0000 64%);position:absolute;inset:0}.ms-glass>:not(.ms-glass-shine),.ms-glass-card>:not(.ms-glass-shine){z-index:1;position:relative}.ms-edge-cyan{box-shadow:var(--shadow-glass), inset 0 0 0 1px #00d4ff4d, var(--glow-cyan)}.ms-edge-green{box-shadow:var(--shadow-glass), inset 0 0 0 1px #3ecf8e4d, var(--glow-green)}.ms-edge-purple{box-shadow:var(--shadow-glass), inset 0 0 0 1px #8b5cf652, var(--glow-purple)}.ms-brand-mark{background:var(--grad-aurora);border-radius:var(--r-md)}.ms-gradient-text{background:var(--grad-aurora);color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite ms-shimmer}@keyframes ms-shimmer{0%{background-position:0%}to{background-position:220%}}.ms-hairline{background:linear-gradient(90deg, transparent, var(--glass-border-strong), transparent);height:1px}.ms-accent-line{background:var(--grad-aurora);border-radius:var(--r-pill);height:2px}.ms-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-6);border-radius:var(--r-pill);font-family:var(--font-sans);font-size:var(--fs-sm);letter-spacing:.01em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-base) ease, filter var(--dur-base) ease;border:0;font-weight:600;display:inline-flex}.ms-btn:active{transform:scale(.96)}.ms-btn-primary{background:var(--grad-primary);color:var(--text-on-accent);box-shadow:var(--glow-primary)}.ms-btn-primary:hover{filter:brightness(1.08);box-shadow:var(--glow-purple)}.ms-btn-ghost{background:var(--glass-bg-strong);color:var(--text);border:1px solid var(--glass-border-strong);-webkit-backdrop-filter:blur(var(--blur-chip))}.ms-btn-ghost:hover{background:#ffffff24}.ms-input{width:100%;min-height:44px;padding:0 var(--sp-4);color:var(--text);border:1px solid var(--glass-border);border-radius:var(--r-pill);font-family:var(--font-sans);font-size:var(--fs-body);transition:border-color var(--dur-base) ease, box-shadow var(--dur-base) ease;background:#ffffff0a;outline:none}.ms-input::placeholder{color:var(--text-mute)}.ms-input:focus{border-color:var(--ring);box-shadow:0 0 0 4px var(--ring-soft)}.ms-section{padding:var(--sp-16) var(--sp-4)}@media (width>=768px){.ms-section{padding:var(--sp-24) var(--sp-8)}}.ms-container{width:100%;max-width:1200px;margin-inline:auto}.ms-touch{min-width:44px;min-height:44px}.ms-scroll-x{gap:var(--sp-3);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.ms-scroll-x::-webkit-scrollbar{display:none}.ms-scroll-item{scroll-snap-align:center;flex:none;width:min(82vw,320px)}.ms-scroll-item-lg{width:min(90vw,380px)}@media (width>=900px){.ms-scroll-item,.ms-scroll-item-lg{width:auto}}.ms-code{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text);background:var(--void-800);border:1px solid var(--glass-border);border-radius:var(--r-md);padding:var(--sp-4);white-space:pre;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-width:100%;max-height:60vh;line-height:1.6;overflow:auto}.ms-fade-up{opacity:0;animation:ms-fade-up var(--dur-slow) var(--ease-spatial) forwards;transform:translateY(22px)}@keyframes ms-fade-up{to{opacity:1;transform:translateY(0)}}.ms-float{animation:ms-float 6s var(--ease-spatial) infinite}@keyframes ms-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ms-lift{transition:transform var(--dur-base) var(--ease-spatial), box-shadow var(--dur-base) ease}@media (width<=767px){.ms-glass,.ms-glass-card,.ms-glass-bar{-webkit-backdrop-filter:blur(16px)saturate(160%)}}@media (hover:hover) and (pointer:fine){.ms-lift:hover{box-shadow:var(--shadow-glass-lg);transform:translateY(-6px)}.ms-glass:hover .ms-glass-shine,.ms-glass-card:hover .ms-glass-shine{opacity:1;transform:translate(10%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ms-glass,.ms-glass-card,.ms-glass-chip,.ms-glass-bar{background:var(--void-700)}}.ms-scrim{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(6px);animation:ms-fade-in var(--dur-base) var(--ease-standard);background:#04050a9e;position:fixed;inset:0}@keyframes ms-fade-in{0%{opacity:0}to{opacity:1}}.ms-modal{z-index:var(--z-modal);-webkit-overflow-scrolling:touch;width:min(92vw,480px);max-height:86vh;animation:ms-modal-in var(--dur-base) var(--ease-spring);padding:24px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}@keyframes ms-modal-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.ms-sheet{z-index:var(--z-modal);-webkit-overflow-scrolling:touch;width:100%;max-width:560px;max-height:90vh;padding:10px 20px calc(28px + env(safe-area-inset-bottom));border-radius:var(--r-2xl) var(--r-2xl) 0 0;animation:ms-sheet-in var(--dur-base) var(--ease-spatial);margin-inline:auto;position:fixed;bottom:0;left:0;right:0;overflow:auto}@keyframes ms-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ms-sheet-handle{border-radius:var(--r-pill);background:var(--glass-border-strong);width:40px;height:4px;margin:0 auto 14px}.ms-tabbar{z-index:var(--z-sticky);padding:8px 10px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.ms-tab{min-height:44px;color:var(--text-mute);font-family:var(--font-sans);cursor:pointer;transition:color var(--dur-base) var(--ease-standard);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;font-size:.66rem;font-weight:500;display:flex}.ms-tab[data-active=true]{color:var(--text)}.ms-tab-ind{border-radius:var(--r-pill);background:var(--grad-aurora);opacity:0;width:22px;height:3px;transition:opacity var(--dur-base) var(--ease-standard)}.ms-tab[data-active=true] .ms-tab-ind{opacity:1}.ms-segment{border-radius:var(--r-pill);gap:4px;padding:4px;display:inline-flex}.ms-segment-btn{min-height:38px;color:var(--text-dim);font-family:var(--font-sans);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:color var(--dur-base) var(--ease-standard), background var(--dur-base) var(--ease-standard);background:0 0;border:0;flex:1;padding:0 16px;font-size:.85rem;font-weight:600}.ms-segment-btn[data-active=true]{color:var(--text-on-accent);background:var(--grad-primary)}.ms-switch{border-radius:var(--r-pill);border:1px solid var(--glass-border);cursor:pointer;width:50px;height:30px;transition:background var(--dur-base) var(--ease-standard), border-color var(--dur-base);background:#ffffff0f;flex:none;position:relative}.ms-switch[data-on=true]{background:var(--grad-primary);border-color:#0000}.ms-switch-knob{width:24px;height:24px;transition:transform var(--dur-base) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0006}.ms-switch[data-on=true] .ms-switch-knob{transform:translate(20px)}.ms-check{border:1px solid var(--glass-border-strong);cursor:pointer;width:22px;height:22px;color:var(--text-on-accent);transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast);background:#ffffff0d;border-radius:7px;flex:none;place-items:center;display:grid}.ms-check[data-on=true]{background:var(--grad-primary);border-color:#0000}.ms-check.ms-radio{border-radius:50%}.ms-field{flex-direction:column;gap:6px;display:flex}.ms-label{font-size:var(--fs-sm);color:var(--text-dim);font-weight:600}.ms-hint{font-size:var(--fs-xs);color:var(--text-mute)}.ms-error{font-size:var(--fs-xs);color:#ff8a8a}.ms-field-input,.ms-textarea,.ms-select{width:100%;color:var(--text);border:1px solid var(--glass-border);font-family:var(--font-sans);font-size:var(--fs-body);transition:border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base);background:#ffffff0a;outline:none}.ms-field-input{border-radius:var(--r-md);min-height:48px;padding:0 16px}.ms-textarea{border-radius:var(--r-md);resize:vertical;min-height:100px;padding:12px 16px}.ms-select{border-radius:var(--r-md);appearance:none;cursor:pointer;min-height:48px;padding:0 40px 0 16px}.ms-field-input:focus,.ms-textarea:focus,.ms-select:focus{border-color:var(--ring);box-shadow:0 0 0 4px var(--ring-soft)}.ms-field-input::placeholder,.ms-textarea::placeholder{color:var(--text-mute)}.ms-field-input[aria-invalid=true],.ms-textarea[aria-invalid=true]{border-color:#ff8a8a99}.ms-select-wrap{position:relative}.ms-select-wrap>svg{pointer-events:none;color:var(--text-mute);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ms-toast-wrap{z-index:var(--z-modal);left:50%;bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:10px;width:min(92vw,420px);display:flex;position:fixed;transform:translate(-50%)}.ms-toast{pointer-events:auto;border-radius:var(--r-md);animation:ms-toast-in var(--dur-base) var(--ease-spring);align-items:center;gap:12px;padding:14px 16px;display:flex}@keyframes ms-toast-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.ms-toast-accent{border-radius:var(--r-pill);flex:none;align-self:stretch;width:4px}[data-theme=kaya]{--void-950:#060504;--void-900:#0c0b0a;--void-850:#141210;--void-800:#1a1816;--void-700:#2a2724;--void-600:#3a352f;--cyan:#c9a962;--cyan-soft:#dfc98a;--cyan-deep:#a88b3d;--green:#6b8f62;--green-soft:#8fae86;--green-deep:#4a6741;--purple:#b86b3f;--purple-soft:#d08a5f;--purple-deep:#8f4f2a;--text:#f7f3ed;--text-dim:#f7f3eda8;--text-mute:#f7f3ed73;--text-faint:#f7f3ed33;--text-on-accent:#0c0b0a;--glass-border:#fff3;--glass-border-strong:#ffffff4d;--glass-highlight:#ffffff6b;--glass-bg:#ffffff0f;--glow-cyan:0 0 50px #c9a96238;--glow-green:0 0 50px #6b8f622e;--glow-purple:0 0 50px #b86b3f33;--ring:#c9a9628c;--selection:#c9a96259;--font-display:"Cormorant Garamond", Georgia, serif;--font-sans:"DM Sans", system-ui, sans-serif;--primary-grad:linear-gradient(135deg, #c9a962, #b86b3f)}[data-theme=kaya] .ms-void,[data-theme=kaya] .theme-viewport{background:radial-gradient(1200px 800px at 50% -10%,#c9a9621a,#0000 62%),radial-gradient(900px 700px at 100% 0,#b86b3f14,#0000 56%),#0c0b0a}[data-theme=kaya] .ms-btn-primary,[data-theme=kaya] .ms-btn.ms-btn-primary{color:#0c0b0a;background:linear-gradient(135deg,#c9a962,#b86b3f)}[data-theme=motion]{--void-950:#04050a;--void-900:#05060a;--void-850:#080a12;--void-800:#0b0e18;--void-700:#111524;--void-600:#1a2034;--cyan:#00d4ff;--cyan-soft:#5ce6ff;--cyan-deep:#0398bd;--green:#3ecf8e;--green-soft:#74e3b1;--green-deep:#2a9d6a;--purple:#8b5cf6;--purple-soft:#b294fa;--purple-deep:#6d3fe0;--text:#f4f7fb;--text-dim:#f4f7fba8;--text-mute:#f4f7fb6b;--text-faint:#f4f7fb33;--text-on-accent:#04050a;--glass-border:#ffffff24;--glass-border-strong:#ffffff3d;--glass-highlight:#fff6;--glow-cyan:0 0 50px #00d4ff38;--glow-green:0 0 50px #3ecf8e2e;--glow-purple:0 0 50px #8b5cf638;--ring:#00d4ff8c;--font-display:"Outfit", system-ui, sans-serif;--font-sans:"Outfit", system-ui, sans-serif;--primary-grad:linear-gradient(135deg, #00d4ff, #8b5cf6)}[data-theme=obsidian]{--void-950:#020203;--void-900:#050506;--void-850:#0a0a0c;--void-800:#101113;--void-700:#1a1c20;--void-600:#25282e;--cyan:#c5c9d1;--cyan-soft:#d9dce3;--cyan-deep:#8f949e;--green:#9aa2ad;--green-soft:#b3bac5;--green-deep:#707a88;--purple:#a3a9b5;--purple-soft:#bcc2cc;--purple-deep:#7c8391;--text:#f1f3f7;--text-dim:#f1f3f7b8;--text-mute:#f1f3f77a;--text-faint:#f1f3f738;--text-on-accent:#050506;--glass-border:#ffffff1a;--glass-border-strong:#ffffff2e;--glass-highlight:#ffffff85;--glow-cyan:0 0 40px #c5c9d129;--glow-green:0 0 40px #9aa2ad1f;--glow-purple:0 0 40px #a3a9b524;--ring:#c5c9d180;--font-display:"Outfit", system-ui, sans-serif;--font-sans:"Outfit", system-ui, sans-serif;--primary-grad:linear-gradient(135deg, #c5c9d1, #9aa2ad)}[data-theme=emerald]{--void-950:#03140f;--void-900:#041a14;--void-850:#06241c;--void-800:#092d25;--void-700:#0f3a31;--void-600:#18483d;--cyan:#4ade80;--cyan-soft:#6ee7a3;--cyan-deep:#15803d;--green:#22c55e;--green-soft:#4ade80;--green-deep:#166534;--purple:#16a34a;--purple-soft:#4ade80;--purple-deep:#14532d;--text:#e6f5ed;--text-dim:#e6f5edb3;--text-mute:#e6f5ed7a;--text-faint:#e6f5ed38;--text-on-accent:#03140f;--glass-border:#ffffff29;--glass-border-strong:#ffffff42;--glass-highlight:#ffffff70;--glow-cyan:0 0 48px #4ade803d;--glow-green:0 0 48px #22c55e38;--glow-purple:0 0 48px #16a34a2e;--ring:#4ade8099;--font-display:"Outfit", system-ui, sans-serif;--font-sans:"Outfit", system-ui, sans-serif;--primary-grad:linear-gradient(135deg, #4ade80, #22c55e)}[data-theme=emerald] .ms-void,[data-theme=emerald] .theme-viewport{background:radial-gradient(1200px 800px at 50% -10%,#4ade801c,#0000 62%),radial-gradient(900px 700px at 100% 0,#22c55e17,#0000 58%),#041a14}[data-theme=frost]{--void-950:#04080f;--void-900:#050b14;--void-850:#07121f;--void-800:#0a1828;--void-700:#10243a;--void-600:#1b334f;--cyan:#60a5fa;--cyan-soft:#93c5fd;--cyan-deep:#1d4ed8;--green:#38bdf8;--green-soft:#7dd3fc;--green-deep:#0369a1;--purple:#3b82f6;--purple-soft:#60a5fa;--purple-deep:#1e40af;--text:#e8f1fc;--text-dim:#e8f1fcb3;--text-mute:#e8f1fc7a;--text-faint:#e8f1fc33;--text-on-accent:#04080f;--glass-border:#ffffff26;--glass-border-strong:#ffffff42;--glass-highlight:#ffffff7a;--glow-cyan:0 0 50px #60a5fa38;--glow-green:0 0 46px #38bdf82e;--glow-purple:0 0 46px #3b82f633;--ring:#60a5fa8c;--font-display:"Outfit", system-ui, sans-serif;--font-sans:"Outfit", system-ui, sans-serif;--primary-grad:linear-gradient(135deg, #60a5fa, #3b82f6)}[data-theme=frost] .ms-void,[data-theme=frost] .theme-viewport{background:radial-gradient(1200px 800px at 50% -10%,#60a5fa17,#0000 62%),radial-gradient(900px 700px at 100% 0,#3b82f612,#0000 58%),#050b14}[data-theme] h1,[data-theme] h2,[data-theme] .ms-display,[data-theme] .kv-display{font-family:var(--font-display,"Outfit", system-ui, sans-serif)}[data-theme]{font-family:var(--font-sans,"Outfit", system-ui, sans-serif)}[data-theme] .ms-btn-primary{background:var(--primary-grad,var(--cp,linear-gradient(135deg, var(--cyan), var(--purple))));color:var(--text-on-accent,#04050a)}[data-theme] .ms-glass,[data-theme] .liquid-glass{border:1px solid var(--glass-border);background:linear-gradient(145deg,#ffffff1f,#ffffff09 42%,#ffffff14)}[data-theme] .ms-glass-card,[data-theme] .liquid-glass-card{border:1px solid var(--glass-border-strong);background:linear-gradient(160deg,#ffffff29,#ffffff0d 38%,#ffffff1c)}@media (width<=767px){[data-theme] .ms-glass,[data-theme] .ms-glass-card{-webkit-backdrop-filter:blur(16px)saturate(160%)}}[data-theme=goldblack]{--void-950:#000;--void-900:#0a0a0a;--void-850:#111;--void-800:#1a1a1a;--void-700:#242424;--void-600:#2f2f2f;--cyan:#d4af37;--cyan-soft:#e8c96a;--cyan-deep:#b8972e;--green:#c5a46e;--green-soft:#d9b98a;--green-deep:#8c6f3e;--purple:#c9a962;--purple-soft:#e2d2a8;--purple-deep:#8f7a4a;--text:#f5f2e9;--text-dim:#f5f2e9b8;--text-mute:#f5f2e980;--text-faint:#f5f2e947;--text-on-accent:#0a0a0a;--glass-border:#d4af372e;--glass-border-strong:#d4af3752;--glass-highlight:#f5f2e98c;--glass-bg:#ffffff09;--glow-cyan:0 0 60px #d4af3740;--glow-green:0 0 50px #c5a46e2e;--glow-purple:0 0 50px #c9a96238;--ring:#d4af3799;--selection:#d4af374d;--font-display:"Cormorant Garamond", Georgia, "Playfair Display", serif;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--primary-grad:linear-gradient(135deg, #d4af37, #e8c96a)}[data-theme=goldblack] h1,[data-theme=goldblack] h2,[data-theme=goldblack] .ms-display,[data-theme=goldblack] .kv-display,[data-theme=goldblack] .premium-italic{font-family:var(--font-display);letter-spacing:-.015em;font-style:italic;font-weight:500}[data-theme=goldblack] .ms-btn-primary,[data-theme=goldblack] .ms-btn.ms-btn-primary{color:#0a0a0a;background:linear-gradient(135deg,#d4af37,#b8972e);font-weight:600}[data-theme=goldblack] .ms-void,[data-theme=goldblack] .theme-viewport{background:radial-gradient(1400px 900px at 40% -15%,#d4af3712,#0000 70%),#0a0a0a}[data-theme=goldblack] .ms-glass,[data-theme=goldblack] .liquid-glass{border:1px solid var(--glass-border);background:linear-gradient(145deg,#d4af370f,#ffffff04 50%,#d4af3706)}[data-theme=goldblack] .ms-glass-card,[data-theme=goldblack] .liquid-glass-card{border:1px solid var(--glass-border-strong);background:linear-gradient(160deg,#d4af3717,#ffffff05 45%,#d4af370a)}[data-theme=fresh]{--void-950:#050906;--void-900:#0a0f0a;--void-850:#0f1510;--void-800:#141a15;--void-700:#1f2821;--void-600:#2a362c;--cyan:#22c55e;--cyan-soft:#4ade80;--cyan-deep:#15803d;--green:#22c55e;--green-soft:#4ade80;--green-deep:#166534;--purple:#34d399;--purple-soft:#6ee7b7;--purple-deep:#0f766e;--text:#ecfdf5;--text-dim:#ecfdf5b8;--text-mute:#ecfdf57a;--text-faint:#ecfdf538;--text-on-accent:#0a0f0a;--glass-border:#ffffff24;--glass-border-strong:#ffffff42;--glass-highlight:#ffffff75;--glow-cyan:0 0 48px #22c55e47;--glow-green:0 0 52px #4ade8042;--glow-purple:0 0 42px #34d39938;--ring:#22c55e99;--selection:#22c55e52;--font-display:"Space Grotesk", "Outfit", system-ui, sans-serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--primary-grad:linear-gradient(135deg, #22c55e, #4ade80)}[data-theme=fresh] .ms-void,[data-theme=fresh] .theme-viewport,.preview-viewport[data-theme=fresh]{background:radial-gradient(1100px 720px at 30% -12%,#22c55e21,#0000 62%),radial-gradient(820px 620px at 88% 6%,#4ade801a,#0000 55%),#0a0f0a}[data-theme=fresh] .ms-btn-primary,[data-theme=fresh] .ms-btn.ms-btn-primary{color:#0a0f0a;background:linear-gradient(135deg,#22c55e,#4ade80);font-weight:600}[data-theme=fresh] .ms-glass,[data-theme=fresh] .liquid-glass{border:1px solid var(--glass-border);background:linear-gradient(145deg,#ffffff1c,#ffffff09 44%,#22c55e0f)}[data-theme=fresh] .ms-glass-card,[data-theme=fresh] .liquid-glass-card{border:1px solid var(--glass-border-strong);background:linear-gradient(158deg,#ffffff2b,#ffffff0d 36%,#22c55e14)}[data-theme=fresh] .ms-orb-cyan{background:#22c55e8c}[data-theme=fresh] .ms-orb-green{background:#4ade8080}[data-theme=fresh] .ms-orb-purple{background:#34d39970}[data-bg=dark] .theme-viewport,.preview-viewport[data-bg=dark]{background:var(--void-900,#05060a)}[data-bg=light] .theme-viewport,.preview-viewport[data-bg=light]{color:#111;--text:#111;--text-dim:#111111b8;--text-mute:#1111118c;--glass-border:#0000001f;--glass-highlight:#fff9;background:#f8f5f0}[data-bg=gradient-aurora] .theme-viewport,.preview-viewport[data-bg=gradient-aurora]{background:linear-gradient(135deg,#0f0c29 0%,#302b63 40%,#24243e 70%,#1a1a2e 100%)}[data-bg=gradient-sunset] .theme-viewport,.preview-viewport[data-bg=gradient-sunset]{background:linear-gradient(145deg,#2c1810 0%,#5c2e1f 30%,#8b4513 55%,#3d2314 100%)}[data-bg=gradient-neon] .theme-viewport,.preview-viewport[data-bg=gradient-neon]{background:linear-gradient(130deg,#0d0221 0%,#1a0533 25%,#2d0a4e 50%,#0a001f 75%,#1f0033 100%)}[data-bg=gradient-earth] .theme-viewport,.preview-viewport[data-bg=gradient-earth]{background:linear-gradient(160deg,#1a140f 0%,#3a2a1f 35%,#5c4735 60%,#2f241c 100%)}[data-bg=light][data-style] .theme-viewport{background:linear-gradient(#f8f5f0 0%,#f0e9df 100%)}.preview-viewport[data-style] .theme-viewport{transition:background .6s,color .4s}[data-style=retro] .theme-viewport,.preview-viewport[data-style=retro]{--font-sans:"VT323", "Press Start 2P", ui-monospace, monospace;--font-display:"VT323", "Press Start 2P", monospace;font-family:var(--font-sans);image-rendering:pixelated;--glass-border:silver;--glass-highlight:#fff;--text:#e0e0e0}[data-style=retro] .ms-glass,[data-style=retro] .ms-glass-card,[data-style=retro] .liquid-glass,[data-style=retro] .kv-glass,[data-style=retro] .kv-card{border:4px solid silver;border-image:;box-shadow:4px 4px #000;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#141414eb!important;border-radius:0!important}[data-style=retro] .ms-btn,[data-style=retro] .kv-btn,[data-style=retro] button{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;border:4px solid #fff;border-radius:0;box-shadow:3px 3px #000}[data-style=retro] .ms-glass-chip,[data-style=retro] .kv-chip{background:#222;border:2px solid silver;border-radius:0}[data-style=retro] img,[data-style=retro] .thumb{image-rendering:pixelated;filter:contrast(1.1)saturate(1.3)}[data-style=retro] .theme-viewport:after{content:"";pointer-events:none;z-index:999;mix-blend-mode:screen;background:repeating-linear-gradient(#0000,#0000 3px,#00ff000a 3px 4px);position:absolute;inset:0}[data-style=flat] .theme-viewport,.preview-viewport[data-style=flat]{--glass-border:#fff3}[data-style=flat] .ms-glass,[data-style=flat] .ms-glass-card,[data-style=flat] .liquid-glass,[data-style=flat] .kv-glass,[data-style=flat] .kv-card{border:1px solid var(--glass-border);border-radius:4px;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:#ffffff0f!important}[data-style=flat] *{transition:none!important}[data-style=flat] .ms-lift:hover,[data-style=flat] .kv-card:hover{transform:none}[data-style=fluid] .theme-viewport,.preview-viewport[data-style=fluid]{--ease:cubic-bezier(.23, 1, .32, 1)}[data-style=fluid] .ms-glass,[data-style=fluid] .ms-glass-card,[data-style=fluid] .kv-card{transition:transform .5s var(--ease), box-shadow .4s var(--ease), background .4s var(--ease)}[data-style=fluid] .ms-glass:hover,[data-style=fluid] .kv-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 30px 70px -15px #00000080}[data-style=fluid] .ms-btn,[data-style=fluid] .kv-btn{transition:transform .2s var(--ease), filter .2s}[data-style=fluid] .ms-btn:hover{transform:scale(1.04)translateY(-1px)}[data-style=fluid] .theme-viewport .ms-orb{animation:18s ease-in-out infinite fluid-float}@keyframes fluid-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(1deg)}}[data-style=spatial] .theme-viewport,.preview-viewport[data-style=spatial]{perspective:1400px}[data-style=spatial] .ms-glass-card,[data-style=spatial] .kv-card,[data-style=spatial] .ms-glass{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .5s;box-shadow:0 10px 30px #00000073,0 30px 80px -10px #0000008c,inset 0 1px #ffffff4d}[data-style=spatial] .ms-glass{transform:translateZ(6px)}[data-style=spatial] .spatial-layer{transform:translateZ(var(--z,0px));position:relative}[data-style=spatial] .spatial-layer:nth-child(2){--z:20px}[data-style=spatial] .spatial-layer:nth-child(3){--z:45px}[data-style=brutalist] .theme-viewport,.preview-viewport[data-style=brutalist]{--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;letter-spacing:-.5px;font-weight:700}[data-style=brutalist] .ms-glass,[data-style=brutalist] .ms-glass-card,[data-style=brutalist] .kv-card,[data-style=brutalist] .kv-glass{box-shadow:none;border:5px solid;border-radius:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--void-800,#111)!important}[data-style=brutalist] .ms-btn,[data-style=brutalist] .kv-btn{color:inherit;box-shadow:none;border:5px solid;border-radius:0;background:0 0!important}[data-style=brutalist] h1,[data-style=brutalist] h2{text-transform:uppercase;letter-spacing:-2px;font-weight:900}[data-bg=light] [data-style=glass] .ms-glass,[data-bg=light] [data-style=glass] .kv-glass{color:#111;border:1px solid #0000001f;background:#ffffffd9!important}[data-bg=light] [data-style=retro] .theme-viewport{color:#111;background:#f4f0e6}[data-bg^=gradient] .theme-viewport{color:#f4f7fb}.preview-viewport[data-style] .ms-glass-shine{opacity:.35}[data-style=flat] .ms-glass-shine,[data-style=brutalist] .ms-glass-shine{display:none}[data-style=retro] .ms-glass,[data-style=retro] .ms-glass-card{color:#e0e0e0;background:#111!important}[data-bg=light] .theme-viewport .ms-glass,[data-bg=light] .theme-viewport .ms-glass-card{color:#111;background:#ffffffe6!important}.preview-viewport[data-bg^=gradient]{background-attachment:fixed}[data-style=spatial] .ms-glass-card,[data-style=spatial] .kv-card{transform:perspective(900px)rotateX(4deg)rotateY(3deg)translateZ(6px)}[data-style=spatial] .ms-glass-card:hover,[data-style=spatial] .kv-card:hover{transform:perspective(900px)rotateX(12deg)rotateY(18deg)translateZ(30px)scale(1.03)}.spatial-demo{perspective:900px;justify-content:center;align-items:center;gap:24px;width:100%;height:220px;display:flex}.spatial-cube{width:110px;height:110px;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.23,1,.32,1);position:relative}.spatial-cube:hover{transform:rotateX(18deg)rotateY(36deg)}.spatial-face{backface-visibility:hidden;background:#ffffff1f;border:1px solid #ffffff4d;place-items:center;width:110px;height:110px;font-size:13px;font-weight:600;display:grid;position:absolute}.spatial-face.front{transform:translateZ(55px)}.spatial-face.back{transform:rotateY(180deg)translateZ(55px)}.spatial-face.right{transform:rotateY(90deg)translateZ(55px)}.spatial-face.left{transform:rotateY(-90deg)translateZ(55px)}.spatial-face.top{transform:rotateX(90deg)translateZ(55px)}.spatial-face.bottom{transform:rotateX(-90deg)translateZ(55px)}.retro-hud{color:#0f0;letter-spacing:1px;text-transform:uppercase;background:#001400b3;border:3px solid #0f0;padding:8px 14px;font-family:VT323,monospace}[data-style=spatial] .spatial-tilt-card,[data-style=spatial] .signature-spatial-stack{transition:transform .12s cubic-bezier(.23,1,.32,1)}[data-style=spatial] .spatial-tilt-card:hover,[data-style=spatial] .signature-spatial-stack:hover{box-shadow:0 25px 70px -15px #0000008c,0 40px 90px -20px #0006}[data-style=spatial] .ms-glass-card,[data-style=spatial] .signature-energetic-glass{transition:transform .42s var(--ease-spatial,cubic-bezier(.23,1,.32,1)), box-shadow .42s ease;transform:perspective(900px)rotateX(4deg)rotateY(3deg)translateZ(4px)}[data-style=spatial] .ms-glass-card:hover,[data-style=spatial] .signature-energetic-glass:hover{transform:perspective(900px)rotateX(12deg)rotateY(18deg)translateZ(22px)scale(1.01)}[data-bg=light]{--glass-bg:#ffffffd1;--glass-border:#00000017;--glass-border-strong:#00000029;--glass-highlight:#fffffff2;--text:#0f120f;--text-dim:#0f120fb8;--text-mute:#0f120f8c}[data-bg=light] .ms-glass,[data-bg=light] .liquid-glass,[data-bg=light] .ms-glass-card,[data-bg=light] .liquid-glass-card{-webkit-backdrop-filter:blur(22px)saturate(160%);box-shadow:0 8px 28px #0000000f,inset 0 1px #ffffffe6,inset 0 -1px #0000000a}[data-bg=light] .signature-energetic-glass{border-color:#22c55e2e;box-shadow:0 18px 50px -10px #0000001a,inset 0 1px #fffffff2;background:linear-gradient(145deg,#ffffffeb,#f0f5f0db)!important}[data-bg=light] .signature-energetic-glass .sig-specular{background:linear-gradient(115deg,#0000 22%,#ffffffbf 38%,#fffffff2 50%,#ffffffb3 62%,#0000 78%)!important}[data-bg=light] .signature-energetic-glass .sig-energy{background:radial-gradient(circle at 35% 30%,#22c55e14,#0000 60%)!important}[data-bg=light] [data-style=spatial] .ms-glass-card,[data-bg=light] [data-style=spatial] .signature-spatial-stack,[data-bg=light] .spatial-tilt-card{box-shadow:0 10px 32px #00000012,0 24px 60px -12px #0000000d,inset 0 1px #ffffffe6}[data-bg=light] [data-style=spatial] .ms-glass-card:hover,[data-bg=light] [data-style=spatial] .signature-spatial-stack:hover,[data-bg=light] .spatial-tilt-card:hover{box-shadow:0 22px 55px #0000001a,0 40px 85px -15px #00000012}[data-bg=light] .ms-orb-cyan{background:#22c55e59}[data-bg=light] .ms-orb-green{background:#4ade8052}[data-bg=light] .ms-orb-purple{background:#34d39947}[data-bg=light] .signature-spatial-stack .ms-glass-card,[data-bg=light] .spatial-tilt-card{color:#111;background:#ffffffe6!important;border:1px solid #00000014!important}