:root{--reside-bg-primary: #0a0a0a;--reside-bg-secondary: #111111;--reside-bg-tertiary: #1a1a1a;--reside-bg-card: #161616;--reside-bg-elevated: #1f1f1f;--reside-text-primary: #ffffff;--reside-text-secondary: #c4c4c4;--reside-text-tertiary: #8e8e8e;--reside-text-muted: #606060;--reside-accent-primary: #8a93a0;--reside-accent-hover: #b8c0cc;--reside-primary: #3B82F6;--reside-primary-hover: #60A5FA;--reside-primary-bg: rgba(59, 130, 246, .15);--reside-primary-bg-hover: rgba(59, 130, 246, .25);--reside-primary-border: rgba(59, 130, 246, .3);--reside-primary-text: #3B82F6;--reside-gain: #10B981;--reside-gain-bg: rgba(16, 185, 129, .1);--reside-gain-border: rgba(16, 185, 129, .3);--reside-loss: #EF4444;--reside-loss-bg: rgba(239, 68, 68, .1);--reside-loss-border: rgba(239, 68, 68, .3);--reside-warn: #F59E0B;--reside-warn-bg: rgba(245, 158, 11, .1);--reside-warn-border: rgba(245, 158, 11, .3);--reside-border-color: rgba(255, 255, 255, .06);--reside-border-hover: rgba(255, 255, 255, .12);--reside-border-strong: rgba(255, 255, 255, .18);--reside-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--reside-shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--reside-shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--reside-font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--reside-font-mono: "JetBrains Mono", "Fira Code", monospace;--reside-text-xs: 11px;--reside-text-sm: 12px;--reside-text-base: 13px;--reside-text-md: 14px;--reside-text-lg: 16px;--reside-text-xl: 18px;--reside-text-2xl: 22px;--reside-text-3xl: 26px;--reside-text-4xl: 32px;--reside-font-light: 300;--reside-font-normal: 400;--reside-font-medium: 500;--reside-font-semibold: 600;--reside-font-bold: 700;--reside-font-black: 900;--reside-space-xs: 4px;--reside-space-sm: 8px;--reside-space-md: 12px;--reside-space-lg: 16px;--reside-space-xl: 24px;--reside-space-2xl: 32px;--reside-space-3xl: 48px;--reside-radius-sm: 6px;--reside-radius-md: 8px;--reside-radius-lg: 12px;--reside-radius-xl: 16px;--reside-easing: cubic-bezier(.4, 0, .2, 1);--reside-duration-fast: .15s;--reside-duration-normal: .3s;--reside-duration-slow: .6s;--reside-transition: all .3s cubic-bezier(.4, 0, .2, 1);--reside-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--reside-scrollbar-width: 5px;--reside-scrollbar-thumb: rgba(255, 255, 255, .1);--reside-scrollbar-thumb-hover: rgba(255, 255, 255, .2);--reside-panel-width: 28vw;--reside-panel-min-width: 420px;--reside-panel-max-width: 550px;--reside-panel-compact-width: 24vw;--reside-panel-compact-min: 360px;--reside-panel-compact-max: 460px}:root[data-theme=garbage],[data-theme=garbage]{--reside-primary: #8FE072;--reside-primary-hover: #A4E889;--reside-primary-bg: rgba(143, 224, 114, .15);--reside-primary-bg-hover: rgba(143, 224, 114, .25);--reside-primary-border: rgba(143, 224, 114, .35);--reside-primary-text: #8FE072}:root[data-theme=postop],[data-theme=postop]{--reside-primary: #F59E0B;--reside-primary-hover: #FBBF24;--reside-primary-bg: rgba(245, 158, 11, .15);--reside-primary-bg-hover: rgba(245, 158, 11, .25);--reside-primary-border: rgba(245, 158, 11, .35);--reside-primary-text: #F59E0B}:root[data-theme=rose],[data-theme=rose]{--reside-primary: #EC4899;--reside-primary-hover: #F472B6;--reside-primary-bg: rgba(236, 72, 153, .15);--reside-primary-bg-hover: rgba(236, 72, 153, .25);--reside-primary-border: rgba(236, 72, 153, .35);--reside-primary-text: #EC4899}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--reside-font-primary);font-size:var(--reside-text-base);color:var(--reside-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:var(--reside-scrollbar-thumb) transparent}*::-webkit-scrollbar{width:var(--reside-scrollbar-width);height:var(--reside-scrollbar-width)}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--reside-scrollbar-thumb);border-radius:calc(var(--reside-scrollbar-width) / 2)}*::-webkit-scrollbar-thumb:hover{background:var(--reside-scrollbar-thumb-hover)}@keyframes reside-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes reside-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes reside-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes reside-slide-in-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes reside-success-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes reside-pulse{0%,to{opacity:1}50%{opacity:.5}}.reside-hidden{display:none!important}.reside-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#app{height:100%;background:#050505;color:var(--reside-text-primary);font-family:var(--reside-font-primary)}.demo-shell{display:flex;flex-direction:column;min-height:100vh}.demo-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--reside-space-xl);padding:14px 28px;background:linear-gradient(180deg,#0d0d0d,#080808);border-bottom:1px solid var(--reside-border-color);position:sticky;top:0;z-index:50}.demo-topbar__brand{display:flex;align-items:center;gap:12px}.demo-topbar__logo{width:40px;height:40px;border-radius:var(--reside-radius-md);background:var(--reside-primary-bg);border:1px solid var(--reside-primary-border);color:var(--reside-primary-text);display:flex;align-items:center;justify-content:center;font-size:18px}.demo-topbar__title{font-size:16px;font-weight:var(--reside-font-black);letter-spacing:-.3px}.demo-topbar__subtitle{font-size:11px;color:var(--reside-text-tertiary);text-transform:uppercase;letter-spacing:1.5px;font-weight:var(--reside-font-semibold)}.demo-topbar__tabs{display:flex;justify-content:center;gap:4px}.demo-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--reside-radius-sm);text-decoration:none;font-size:13px;font-weight:var(--reside-font-semibold);color:var(--reside-text-tertiary);transition:var(--reside-transition-fast)}.demo-tab:hover{background:#ffffff0d;color:var(--reside-text-primary)}.demo-tab.is-active{background:var(--reside-primary-bg);color:var(--reside-primary-text);border:1px solid var(--reside-primary-border);padding:9px 15px}.demo-topbar__themes{display:flex;align-items:center;gap:6px}.demo-topbar__themes-label{font-size:11px;color:var(--reside-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:var(--reside-font-semibold);margin-right:6px}.demo-theme{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--reside-radius-sm);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--reside-text-secondary);font-size:12px;font-weight:var(--reside-font-semibold);cursor:pointer;transition:var(--reside-transition-fast)}.demo-theme:hover{background:#ffffff0f;border-color:var(--reside-border-hover)}.demo-theme.is-active{background:#ffffff14;border-color:var(--swatch);color:var(--reside-text-primary)}.demo-theme__swatch{width:12px;height:12px;border-radius:50%;background:var(--swatch);box-shadow:0 0 6px var(--swatch)}.demo-main{flex:1;min-height:0}.showcase{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 70px)}.showcase__nav{background:#0a0a0a;border-right:1px solid var(--reside-border-color);padding:24px 16px;position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto}.showcase__nav-title{font-size:11px;color:var(--reside-text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:var(--reside-font-bold);margin-bottom:12px;padding:0 8px}.showcase__nav a{display:block;padding:8px 12px;border-radius:var(--reside-radius-sm);font-size:13px;font-weight:var(--reside-font-medium);color:var(--reside-text-tertiary);text-decoration:none;transition:var(--reside-transition-fast);margin-bottom:2px}.showcase__nav a:hover{background:#ffffff0a;color:var(--reside-text-primary)}.showcase__content{padding:32px 40px 80px;max-width:1400px;width:100%}.showcase-section{margin-bottom:64px;scroll-margin-top:100px}.showcase-section__head{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--reside-border-color)}.showcase-section__title{margin:0 0 4px;font-size:22px;font-weight:var(--reside-font-bold);letter-spacing:-.3px}.showcase-section__desc{margin:0;font-size:13px;color:var(--reside-text-tertiary)}.showcase-variant{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;align-items:stretch}.showcase-variant__preview{padding:24px;background:linear-gradient(135deg,#111,#0b0b0b);border:1px solid var(--reside-border-color);border-radius:var(--reside-radius-lg);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:120px}.showcase-variant__preview--center{align-items:center;justify-content:center;text-align:center}.showcase-variant__preview--row{flex-direction:row;flex-wrap:wrap;align-items:center}.showcase-variant__code{margin:0;border-radius:var(--reside-radius-lg);font-size:12px!important;max-height:360px;overflow:auto}.showcase-variant__code pre{margin:0;padding:18px;background:#0a0a0a!important;border:1px solid var(--reside-border-color);border-radius:var(--reside-radius-lg);font-family:var(--reside-font-mono)!important;font-size:12px!important;line-height:1.6}.showcase-variant__label{font-size:11px;font-weight:var(--reside-font-bold);text-transform:uppercase;letter-spacing:1.5px;color:var(--reside-text-muted);margin-bottom:12px}.showcase-panel-wrap{position:relative;width:100%;height:540px;border-radius:var(--reside-radius-lg);background:linear-gradient(135deg,#141e3266,#0009),radial-gradient(circle at 30% 20%,rgba(59,130,246,.15),transparent 60%);border:1px solid var(--reside-border-color);overflow:hidden;--reside-panel-position: absolute;--reside-panel-width: 380px;--reside-panel-min-width: 320px;--reside-panel-max-width: 100%;--reside-panel-compact-width: 340px;--reside-panel-compact-min: 280px;--reside-panel-compact-max: 100%}.gamemock{position:relative;height:calc(100vh - 70px);overflow:hidden;background:#04060a;--reside-panel-position: absolute}.gamemock__bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 90%,rgba(255,130,60,.25),transparent 60%),radial-gradient(circle 2px at 18% 78%,rgba(255,220,120,.9),transparent 70%),radial-gradient(circle 2px at 22% 80%,rgba(255,220,120,.7),transparent 70%),radial-gradient(circle 2px at 28% 76%,rgba(255,200,100,.8),transparent 70%),radial-gradient(circle 2px at 32% 82%,rgba(255,220,120,.6),transparent 70%),radial-gradient(circle 2px at 40% 78%,rgba(255,200,100,.7),transparent 70%),radial-gradient(circle 3px at 48% 80%,rgba(255,230,140,.85),transparent 70%),radial-gradient(circle 2px at 55% 76%,rgba(255,210,110,.7),transparent 70%),radial-gradient(circle 2px at 62% 81%,rgba(255,220,120,.8),transparent 70%),radial-gradient(circle 2px at 70% 78%,rgba(255,200,100,.65),transparent 70%),radial-gradient(circle 3px at 78% 80%,rgba(255,230,140,.85),transparent 70%),radial-gradient(circle 2px at 85% 77%,rgba(255,220,120,.7),transparent 70%),radial-gradient(circle 1px at 10% 20%,rgba(255,255,255,.7),transparent),radial-gradient(circle 1px at 30% 15%,rgba(255,255,255,.6),transparent),radial-gradient(circle 1px at 55% 22%,rgba(255,255,255,.5),transparent),radial-gradient(circle 1px at 70% 12%,rgba(255,255,255,.7),transparent),radial-gradient(circle 1px at 88% 18%,rgba(255,255,255,.6),transparent),linear-gradient(180deg,#0a1430,#1a2a4a 25%,#3d2f4f 55%,#6b3a4a 75%,#2a1820 92%,#0a0510)}.gamemock__bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5) 100%);pointer-events:none}.gamemock__menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 48px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--reside-border-color);border-radius:var(--reside-radius-xl);box-shadow:var(--reside-shadow-lg)}.gamemock__menu-title{font-size:11px;font-weight:var(--reside-font-bold);letter-spacing:2px;color:var(--reside-text-tertiary);text-transform:uppercase;margin-bottom:4px}.gamemock__menu-name{font-size:28px;font-weight:var(--reside-font-black);letter-spacing:-.5px;margin-bottom:12px;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;color:transparent}.gamemock__menu-flows{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.gamemock__flow{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--reside-radius-md);cursor:pointer;transition:var(--reside-transition-fast);color:var(--reside-text-primary);font-family:inherit}.gamemock__flow:hover{background:var(--reside-primary-bg);border-color:var(--reside-primary-border);color:var(--reside-primary-text);transform:translateY(-2px)}.gamemock__flow-icon{font-size:24px}.gamemock__flow-label{font-size:13px;font-weight:var(--reside-font-bold);text-transform:uppercase;letter-spacing:.5px}.gamemock__flow-desc{font-size:11px;color:var(--reside-text-tertiary);text-align:center;font-weight:var(--reside-font-medium)}.gamemock__esc-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--reside-text-muted);font-weight:var(--reside-font-semibold);z-index:5}.gamemock__esc-hint kbd{display:inline-block;padding:2px 8px;margin-right:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:var(--reside-font-mono);font-size:11px;color:var(--reside-text-primary)}.gamemock--flow-active .gamemock__menu{display:none}@media (max-width: 1080px){.demo-topbar{grid-template-columns:auto 1fr}.demo-topbar__themes{grid-column:1 / -1;justify-self:end;flex-wrap:wrap}.showcase-variant,.showcase{grid-template-columns:1fr}.showcase__nav{position:static;height:auto;display:flex;flex-wrap:wrap;gap:4px;padding:12px 16px}.showcase__nav-title{width:100%;margin-bottom:6px}.showcase__nav a{padding:6px 10px;font-size:12px}}@media (max-width: 768px){.demo-topbar{grid-template-columns:1fr auto;padding:10px 14px;gap:10px}.demo-topbar__brand{gap:8px;min-width:0}.demo-topbar__logo{width:32px;height:32px;font-size:14px}.demo-topbar__title{font-size:13px}.demo-topbar__subtitle{font-size:9px;letter-spacing:1px}.demo-topbar__tabs{grid-column:1 / -1;gap:2px}.demo-tab{padding:8px 10px;font-size:11px}.demo-tab.is-active{padding:7px 9px}.demo-tab i{font-size:11px}.demo-topbar__themes-label,.demo-theme__label{display:none}.demo-theme{padding:6px 8px}.showcase__content{padding:24px 18px 60px}.showcase-section{margin-bottom:40px}.showcase-section__title{font-size:18px}.showcase-variant__preview{padding:16px;min-height:96px}.showcase-panel-wrap{height:560px;--reside-panel-width: 100%;--reside-panel-min-width: 0;--reside-panel-compact-width: 100%;--reside-panel-compact-min: 0}.gamemock__menu{padding:22px 20px;width:calc(100% - 32px);max-width:360px}.gamemock__menu-name{font-size:22px}.gamemock__menu-flows{grid-template-columns:1fr}.gamemock__flow{flex-direction:row;gap:12px;padding:12px 14px;text-align:left}.gamemock__flow-icon{font-size:18px}.gamemock__flow-label{font-size:12px}.gamemock__flow-desc{display:none}.gamemock--flow-active{overflow-y:auto;--reside-panel-position: static;--reside-panel-width: 100%;--reside-panel-min-width: 0;--reside-panel-max-width: 100%;--reside-panel-compact-width: 100%;--reside-panel-compact-min: 0;--reside-panel-compact-max: 100%}.gamemock--flow-active>reside-panel{display:block;position:static;width:100%;margin-bottom:1px}}@media (max-width: 420px){.demo-topbar__subtitle{display:none}.demo-tab span,.demo-tab{font-size:10px}.showcase-section__head{padding-bottom:8px}.showcase-variant__preview--row{gap:6px}.showcase-variant__code pre{font-size:11px!important;padding:12px}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}