.splash-mobiglas,html.mobiglas-app{--background:#060b12;--foreground:#e2f0f8;--surface:#0f1824;--border:#2d4458;--muted:#8aa4b8;--muted-surface:#0a121c;--primary:#4dbce0;--primary-hover:#7ad4ef;--primary-foreground:#031018;--primary-soft:#122a38;--accent:#f0a04b;--accent-hover:#ffc06a;--accent-foreground:#1a1006;--accent-soft:#2a1e10;--success:#6ee7a8;--success-soft:#102820;--warning:#f5b84a;--warning-soft:#2a2010;--danger:#ff7b7b;--danger-soft:#2a1212;--color-background:var(--background);--color-foreground:var(--foreground);--color-surface:var(--surface);--color-border:var(--border);--color-muted:var(--muted);--color-muted-surface:var(--muted-surface);--color-primary:var(--primary);--color-primary-hover:var(--primary-hover);--color-primary-foreground:var(--primary-foreground);--color-primary-soft:var(--primary-soft);--color-accent:var(--accent);--color-accent-hover:var(--accent-hover);--color-accent-foreground:var(--accent-foreground);--color-accent-soft:var(--accent-soft);--color-success:var(--success);--color-success-soft:var(--success-soft);--color-warning:var(--warning);--color-warning-soft:var(--warning-soft);--color-danger:var(--danger);--color-danger-soft:var(--danger-soft);--splash-radius:.875rem;--splash-radius-lg:1.125rem}html.mobiglas-app,html.mobiglas-app body{min-height:100dvh;color:var(--foreground);background-color:var(--background);background-image:linear-gradient(#4dbce009 1px,#0000 1px),linear-gradient(90deg,#4dbce009 1px,#0000 1px),radial-gradient(90% 55% at 50% -8%,#4dbce01f,#0000 52%),radial-gradient(40% 30% at 100% 0,#f0a04b0f,#0000 45%);background-size:32px 32px,32px 32px,auto,auto;background-attachment:fixed}.splash-mobiglas{min-height:100dvh}.splash-mobiglas main{overflow-x:clip}.splash-mobiglas .mg-preview-footer,.splash-mobiglas .mg-preview-well,.splash-mobiglas .mg-copy-rail,.splash-mobiglas [role=tablist]{overflow:visible}.mg-shell-width{width:min(100%,88rem);margin-inline:auto;padding-inline:clamp(1rem,2.5vw,2rem)}.mg-frame{border-radius:var(--splash-radius-lg);border:1px solid color-mix(in srgb, var(--primary) 32%, transparent);background-color:color-mix(in srgb, var(--background) 16%, transparent);background-image:linear-gradient(155deg, color-mix(in srgb, var(--primary-soft) 22%, transparent), color-mix(in srgb, var(--background) 14%, transparent));-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 6%, transparent), 0 16px 48px #0000006b, inset 0 1px 0 color-mix(in srgb, var(--primary) 12%, transparent);position:relative;overflow:hidden}.mg-header{border-bottom:1px solid color-mix(in srgb, var(--primary) 20%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--primary-soft) 32%, transparent), transparent)}.mg-sys-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:.6rem;font-weight:600}.mg-divider{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 35%, var(--primary) 25%), transparent);height:1px}.mg-tab{border-radius:var(--splash-radius);border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:color-mix(in srgb, var(--muted-surface) 72%, transparent);color:var(--muted);transition:border-color .2s,color .2s,background-color .2s,box-shadow .2s}.mg-tab:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));color:var(--foreground)}.mg-tab[data-active=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--primary) 35%);background:linear-gradient(180deg, color-mix(in srgb, var(--primary-soft) 75%, transparent), color-mix(in srgb, var(--accent-soft) 35%, transparent));color:var(--primary);box-shadow:0 0 14px color-mix(in srgb, var(--accent) 14%, transparent), inset 0 -2px 0 var(--accent)}.mg-command-advantage{border-left:3px solid color-mix(in srgb, var(--accent) 70%, var(--primary));background:linear-gradient(100deg, color-mix(in srgb, var(--accent-soft) 42%, transparent), color-mix(in srgb, var(--primary-soft) 22%, transparent) 55%, color-mix(in srgb, var(--muted-surface) 24%, transparent));-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--border) 60%, transparent)}.mg-preview-well{border-left:1px solid color-mix(in srgb, var(--primary) 18%, transparent);background:linear-gradient(105deg, color-mix(in srgb, var(--primary-soft) 22%, transparent), transparent 45%), linear-gradient(180deg, color-mix(in srgb, var(--muted-surface) 38%, transparent), transparent);-webkit-backdrop-filter:blur(6px)}.mg-btn-primary{border-radius:var(--splash-radius);border:1px solid color-mix(in srgb, var(--accent) 45%, var(--primary) 40%);background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 82%, #fff 10%), color-mix(in srgb, var(--primary) 62%, #000 10%));color:var(--primary-foreground);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 18%, transparent)}.mg-btn-primary:hover{border-color:var(--accent-hover);background:linear-gradient(180deg, color-mix(in srgb, var(--primary-hover) 88%, #fff 8%), color-mix(in srgb, var(--primary) 68%, #000 8%))}.mg-btn-ghost{border-radius:var(--splash-radius);border:1px solid color-mix(in srgb, var(--border) 92%, transparent);background:color-mix(in srgb, var(--surface) 55%, transparent);color:var(--foreground)}.mg-btn-ghost:hover{border-color:color-mix(in srgb, var(--primary) 50%, var(--border));background:color-mix(in srgb, var(--primary-soft) 45%, transparent)}.mg-copy-panel{border-radius:var(--splash-radius);border:1px solid color-mix(in srgb, var(--border) 65%, transparent);background:color-mix(in srgb, var(--muted-surface) 30%, transparent);-webkit-backdrop-filter:blur(8px)}.mg-glass-surface{border:1px solid color-mix(in srgb, var(--border) 65%, transparent);background:color-mix(in srgb, var(--surface) 55%, transparent);-webkit-backdrop-filter:blur(10px)}.app-menu-panel{border-radius:var(--splash-radius);border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));background:var(--surface);box-shadow:0 16px 40px #00000059}.mg-safe-ride-trigger{border-radius:var(--splash-radius-lg);border:1px solid color-mix(in srgb, var(--danger) 42%, var(--accent) 18%);background-color:color-mix(in srgb, var(--danger-soft) 88%, var(--surface));background-image:linear-gradient(155deg, color-mix(in srgb, var(--danger-soft) 94%, var(--surface)), color-mix(in srgb, var(--surface) 86%, var(--danger-soft)) 48%, color-mix(in srgb, var(--danger-soft) 78%, var(--surface)));width:100%;max-width:22rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--danger) 10%, transparent), 0 0 28px color-mix(in srgb, var(--danger) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--foreground) 6%, transparent);transition:border-color .2s,box-shadow .2s,transform .15s;position:relative;overflow:hidden}.mg-safe-ride-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--danger) 58%, var(--accent) 22%);background-color:color-mix(in srgb, var(--danger-soft) 94%, var(--surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--danger) 16%, transparent), 0 0 36px color-mix(in srgb, var(--danger) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--foreground) 8%, transparent)}.mg-safe-ride-trigger:active:not(:disabled){transform:scale(.985)}.mg-safe-ride-trigger:disabled{opacity:.72;cursor:not-allowed}.mg-safe-ride-trigger__icon{border-radius:var(--splash-radius);border:1px solid color-mix(in srgb, var(--danger) 38%, transparent);background:color-mix(in srgb, var(--danger-soft) 90%, var(--surface));width:3.5rem;height:3.5rem;box-shadow:0 0 18px color-mix(in srgb, var(--danger) 12%, transparent);justify-content:center;align-items:center;display:flex}.mg-copy-panel--accent{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--accent-soft) 18%, transparent), color-mix(in srgb, var(--primary-soft) 14%, transparent))}.mg-copy-rail{background:color-mix(in srgb, var(--muted-surface) 18%, transparent);-webkit-backdrop-filter:blur(6px);font-size:.875rem;line-height:1.5}.mg-preview-footer{background:color-mix(in srgb, var(--muted-surface) 22%, transparent);-webkit-backdrop-filter:blur(6px)}.mg-preview-narrative{border-left:3px solid color-mix(in srgb, var(--accent) 65%, var(--primary));background:linear-gradient(100deg, color-mix(in srgb, var(--accent-soft) 38%, transparent), color-mix(in srgb, var(--primary-soft) 18%, transparent) 55%, color-mix(in srgb, var(--muted-surface) 22%, transparent))}.mg-preview-highlight{background:linear-gradient(160deg, color-mix(in srgb, var(--primary-soft) 28%, transparent), color-mix(in srgb, var(--muted-surface) 18%, transparent))}.mg-scanline{pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff03 2px 4px)}.splash-mobiglas .mg-field{border-radius:var(--splash-radius);border:1px solid color-mix(in srgb, var(--border) 92%, transparent);background:color-mix(in srgb, var(--surface) 72%, transparent);width:100%;min-height:2.75rem;color:var(--foreground);padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.splash-mobiglas .mg-field::placeholder{color:color-mix(in srgb, var(--muted) 85%, transparent)}.splash-mobiglas .mg-field:focus{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 22%, transparent);background:color-mix(in srgb, var(--primary-soft) 18%, var(--surface));outline:none}.splash-mobiglas .mg-form-note{border-radius:var(--splash-radius);border:1px solid color-mix(in srgb, var(--border) 65%, transparent);background:color-mix(in srgb, var(--muted-surface) 35%, transparent);color:var(--muted);padding:.75rem 1rem;font-size:.875rem}.splash-mobiglas .mg-form-success{border-radius:var(--splash-radius);border:1px solid color-mix(in srgb, var(--success) 35%, transparent);background:color-mix(in srgb, var(--success-soft) 55%, transparent);text-align:center;color:var(--foreground);padding:1.25rem;font-size:.875rem}