:root{--color-bg-base: #050816;--color-bg-canvas: #0B1020;--color-bg-surface: #101827;--color-bg-glass: rgba(255, 255, 255, .04);--color-text-primary: #FFFFFF;--color-text-secondary: #A1A1AA;--color-text-muted: #71717A;--color-accent-blue: #00C2FF;--color-accent-cyan: #00E5FF;--color-accent-blue-dim: #4DA3FF;--color-accent-orange: #FF7A00;--color-accent-magenta: #D946EF;--color-accent-purple: #8B5CF6;--color-status-success: #10B981;--color-status-warning: #F59E0B;--color-status-danger: #EF4444;--color-border-subtle: rgba(255, 255, 255, .08);--color-border-interactive: rgba(0, 194, 255, .4);--color-border-focus: #00C2FF;--font-display: "Bebas Neue", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .7), 0 2px 4px -1px rgba(0, 0, 0, .5);--shadow-glow-blue: 0 0 12px rgba(0, 194, 255, .35), 0 0 40px rgba(0, 194, 255, .12);--shadow-glow-orange: 0 0 16px rgba(255, 122, 0, .28), 0 0 48px rgba(255, 122, 0, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{background-color:#000;color:var(--color-text-primary);font-family:var(--font-body);overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.device-mock{position:relative;width:832px;height:1312px;background:#1c1c1e;border-radius:40px;padding:16px;box-shadow:0 25px 60px -15px #000000e6,0 0 0 1px #ffffff0d;transform-origin:center center;display:flex;justify-content:center;align-items:center}.device-mock:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:#2c2c2e;border:1px solid rgba(255,255,255,.08);z-index:101}.kiosk-wrapper{position:relative;width:800px;height:1280px;background-color:var(--color-bg-base);overflow:hidden;border-radius:24px;-webkit-mask-image:-webkit-radial-gradient(white,black);isolation:isolate;touch-action:none;scrollbar-width:none}.kiosk-wrapper::-webkit-scrollbar{display:none}.blueprint-grid{position:absolute;top:0;left:0;width:800px;height:1280px;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px;z-index:1}.page{position:relative;width:800px;height:1280px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-2xl);z-index:2}*:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}