:root{--font-family-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";--type-display-size: clamp(32px, 3.4vw, 48px);--type-heading-size: clamp(20px, 2vw, 32px);--type-control-size: 15px;--type-body-size: 15px;--type-meta-size: 13px;--type-weight-display: 600;--type-weight-heading: 600;--type-weight-control: 500;--type-weight-body: 400;--type-weight-meta: 400;--surface-light: #f6f3ec;--surface-dark: #1d1f22;--surface-luxdark: #141416;--ink-primary-light: rgba(0, 0, 0, .9);--ink-secondary-light: rgba(0, 0, 0, .6);--ink-meta-light: rgba(0, 0, 0, .4);--ink-primary-dark: rgba(255, 255, 255, .9);--ink-secondary-dark: rgba(255, 255, 255, .6);--ink-meta-dark: rgba(255, 255, 255, .35);--ink-primary-luxdark: rgba(255, 240, 228, .92);--ink-secondary-luxdark: rgba(255, 240, 228, .65);--ink-meta-luxdark: rgba(255, 240, 228, .4);--radius-sm: 4px;--radius-md: 8px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--surface-bg: var(--surface-dark);--surface-card: rgba(255, 255, 255, .06);--surface-cta: rgba(255, 255, 255, .12)}:root[data-theme=light]{--surface-bg: var(--surface-light);--surface-card: rgba(0, 0, 0, .04);--surface-cta: rgba(0, 0, 0, .1);--surface-current: var(--surface-bg);--ink-primary-current: var(--ink-primary-light);--ink-secondary-current: var(--ink-secondary-light);--ink-meta-current: var(--ink-meta-light)}:root[data-theme=dark]{--surface-bg: var(--surface-dark);--surface-card: rgba(255, 255, 255, .18);--surface-cta: rgba(255, 255, 255, .32);--surface-current: var(--surface-bg);--ink-primary-current: var(--ink-primary-dark);--ink-secondary-current: var(--ink-secondary-dark);--ink-meta-current: var(--ink-meta-dark)}:root[data-theme=luxdark],:root:not([data-theme]){--surface-bg: var(--surface-luxdark);--surface-card: rgba(255, 240, 228, .2);--surface-cta: rgba(255, 240, 228, .36);--surface-current: var(--surface-bg);--ink-primary-current: var(--ink-primary-luxdark);--ink-secondary-current: var(--ink-secondary-luxdark);--ink-meta-current: var(--ink-meta-luxdark)}:root[data-theme=silvermelt]{--surface-bg: #f5f2eb;--surface-card: #faf8f4;--surface-cta: #e8e4da;--surface-panel-primary: #faf8f4;--surface-panel-secondary: #f0ede5;--surface-panel-nested: #fcfbf8;--border-default: #d4cfc3;--border-subtle: #e5e1d8;--ink-primary-silvermelt: #3d3a35;--ink-secondary-silvermelt: #7a756b;--ink-meta-silvermelt: #a9a49a;--accent-primary: #b8a068;--accent-primary-hover: #a08a52;--accent-primary-text: #fdfcfa;--accent-focus: rgba(184, 160, 104, .35);--chip-bg: #f0ede5;--chip-active-bg: var(--accent-primary);--chip-active-text: var(--accent-primary-text);--input-bg: #faf8f4;--input-border: #d4cfc3;--input-focus-border: var(--accent-primary);--surface-current: var(--surface-bg);--ink-primary-current: var(--ink-primary-silvermelt);--ink-secondary-current: var(--ink-secondary-silvermelt);--ink-meta-current: var(--ink-meta-silvermelt)}:root[data-theme=silvermelt] .card{background:var(--surface-panel-primary);border:1px solid var(--border-default);box-shadow:none}:root[data-theme=silvermelt] .button{background:var(--surface-cta);color:var(--ink-primary-silvermelt);border:1px solid var(--border-default);box-shadow:none}:root[data-theme=silvermelt] .button:hover{background:#ddd9cd;box-shadow:none;transform:none}:root[data-theme=silvermelt] .button:active{background:#d4d0c4;box-shadow:none;transform:none}:root[data-theme=silvermelt] .button.secondary,:root[data-theme=silvermelt] .button-secondary{background:transparent;color:var(--ink-secondary-silvermelt);border:1px solid var(--border-subtle);box-shadow:none}:root[data-theme=silvermelt] .button.secondary:hover,:root[data-theme=silvermelt] .button-secondary:hover{background:#00000008;border-color:var(--border-default)}:root[data-theme=silvermelt] .button.accent,:root[data-theme=silvermelt] .button-accent{background:var(--accent-primary);color:var(--accent-primary-text);border:none}:root[data-theme=silvermelt] .button.accent:hover,:root[data-theme=silvermelt] .button-accent:hover{background:var(--accent-primary-hover)}:root[data-theme=silvermelt] .badge{background:var(--chip-bg);color:var(--ink-secondary-silvermelt);border:1px solid var(--border-subtle)}:root[data-theme=silvermeltdark]{--surface-bg: #1f1e1b;--surface-card: #2a2926;--surface-cta: #3a3835;--surface-panel-primary: #2a2926;--surface-panel-secondary: #242320;--surface-panel-nested: #32302c;--border-default: #4a4742;--border-subtle: #3d3a36;--ink-primary-silvermeltdark: #f0ebe3;--ink-secondary-silvermeltdark: #a8a29a;--ink-meta-silvermeltdark: #7a756d;--accent-primary: #b8a068;--accent-primary-hover: #a08a52;--accent-primary-text: #1f1e1b;--accent-focus: rgba(184, 160, 104, .25);--chip-bg: #242320;--chip-active-bg: var(--accent-primary);--chip-active-text: var(--accent-primary-text);--input-bg: #2a2926;--input-border: #4a4742;--input-focus-border: var(--accent-primary);--surface-current: var(--surface-bg);--ink-primary-current: var(--ink-primary-silvermeltdark);--ink-secondary-current: var(--ink-secondary-silvermeltdark);--ink-meta-current: var(--ink-meta-silvermeltdark)}:root[data-theme=silvermeltdark] .card{background:var(--surface-panel-primary);border:1px solid var(--border-default);box-shadow:none}:root[data-theme=silvermeltdark] .button{background:var(--surface-cta);color:var(--ink-primary-silvermeltdark);border:1px solid var(--border-default);box-shadow:none}:root[data-theme=silvermeltdark] .button:hover{background:#454340;box-shadow:none;transform:none}:root[data-theme=silvermeltdark] .button:active{background:#3a3835;box-shadow:none;transform:none}:root[data-theme=silvermeltdark] .button.secondary,:root[data-theme=silvermeltdark] .button-secondary{background:transparent;color:var(--ink-secondary-silvermeltdark);border:1px solid var(--border-subtle);box-shadow:none}:root[data-theme=silvermeltdark] .button.secondary:hover,:root[data-theme=silvermeltdark] .button-secondary:hover{background:#ffffff0a;border-color:var(--border-default)}:root[data-theme=silvermeltdark] .button.accent,:root[data-theme=silvermeltdark] .button-accent{background:var(--accent-primary);color:var(--accent-primary-text);border:none}:root[data-theme=silvermeltdark] .button.accent:hover,:root[data-theme=silvermeltdark] .button-accent:hover{background:var(--accent-primary-hover)}:root[data-theme=silvermeltdark] .badge{background:var(--chip-bg);color:var(--ink-secondary-silvermeltdark);border:1px solid var(--border-subtle)}:root[data-theme=codeneon]{--surface-bg: #0d0f12;--surface-card: #161a1f;--surface-cta: #1e2329;--surface-panel-primary: #161a1f;--surface-panel-secondary: #12151a;--surface-panel-nested: #1c2127;--border-default: #3a4250;--border-subtle: #252a32;--ink-primary-codeneon: #ffffff;--ink-secondary-codeneon: #b8c0cc;--ink-meta-codeneon: #6b7a8f;--accent-primary: #3b9eff;--accent-primary-hover: #2d8ae8;--accent-primary-text: #ffffff;--accent-focus: #3b9eff;--accent-syntax: hsl(338, 88%, 62%);--accent-syntax-light: hsl(338, 88%, 68%);--accent-syntax-hover: hsl(338, 88%, 55%);--accent-syntax-bg: hsla(338, 88%, 62%, .12);--accent-destructive: #dc3545;--accent-destructive-hover: #c82333;--accent-destructive-bg: rgba(220, 53, 69, .12);--chip-bg: #12151a;--chip-active-bg: var(--accent-primary);--chip-active-text: #ffffff;--chip-active-border: var(--accent-syntax-light);--badge-important-bg: var(--accent-syntax-bg);--badge-important-text: var(--accent-syntax-light);--badge-important-border: var(--accent-syntax);--status-critical-text: var(--accent-syntax-light);--status-warning-text: var(--accent-syntax-light);--inline-highlight-text: var(--accent-syntax-light);--inline-highlight-bg: var(--accent-syntax-bg);--key-metric-accent: var(--accent-syntax-light);--input-bg: #161a1f;--input-border: #3a4250;--input-focus-border: var(--accent-primary);--surface-current: var(--surface-bg);--ink-primary-current: var(--ink-primary-codeneon);--ink-secondary-current: var(--ink-secondary-codeneon);--ink-meta-current: var(--ink-meta-codeneon)}:root[data-theme=codeneon] .card{background:var(--surface-panel-primary);border:1px solid var(--border-subtle);box-shadow:none}:root[data-theme=codeneon] .button{background:var(--accent-primary);color:var(--accent-primary-text);border:none;box-shadow:none}:root[data-theme=codeneon] .button:hover{background:var(--accent-primary-hover);box-shadow:none;transform:none}:root[data-theme=codeneon] .button:active{background:#2678c2;box-shadow:none;transform:none}:root[data-theme=codeneon] .button.secondary,:root[data-theme=codeneon] .button-secondary{background:var(--surface-panel-primary);color:var(--accent-primary);border:1px solid var(--accent-primary);box-shadow:none}:root[data-theme=codeneon] .button.secondary:hover,:root[data-theme=codeneon] .button-secondary:hover{background:#3b9eff1a;border-color:var(--accent-primary)}:root[data-theme=codeneon] .button.destructive{background:transparent;color:var(--accent-destructive);border:1px solid var(--accent-destructive)}:root[data-theme=codeneon] .button.destructive:hover{background:var(--accent-destructive-bg)}:root[data-theme=codeneon] .badge{background:var(--chip-bg);color:var(--ink-secondary-codeneon);border:1px solid var(--border-subtle)}:root[data-theme=codeneon] .badge.important,:root[data-theme=codeneon] .badge-important{background:var(--badge-important-bg);color:var(--badge-important-text);border:1px solid var(--badge-important-border)}:root[data-theme=codeneon] .chip.active,:root[data-theme=codeneon] .chip-active{background:var(--chip-active-bg);color:var(--chip-active-text);border:1px solid var(--chip-active-border)}:root[data-theme=codeneon] .highlight,:root[data-theme=codeneon] .inline-highlight{color:var(--inline-highlight-text);background:var(--inline-highlight-bg);padding:1px 4px;border-radius:3px}:root[data-theme=codeneon] .metric-value,:root[data-theme=codeneon] .key-metric{color:var(--key-metric-accent)}:root[data-theme=codeneon] .status-critical{color:var(--status-critical-text)}:root[data-theme=codeneon] .status-warning{color:var(--status-warning-text)}:root[data-theme=codeneon] .guest-cta{color:var(--accent-primary)}:root[data-theme=codeneon] .guest-cta:hover{color:var(--accent-primary-hover);background:#3b9eff14}:root[data-theme=lavarift]{--surface-bg: #141210;--surface-card: #1e1b18;--surface-cta: #2a2622;--surface-panel-primary: #1e1b18;--surface-panel-secondary: #181614;--surface-panel-nested: #26221e;--border-default: #3d3630;--border-subtle: #1a1816;--ink-primary-lavarift: #f2ebe4;--ink-secondary-lavarift: #9a928a;--ink-meta-lavarift: #6b635c;--accent-primary: #ff6b35;--accent-primary-hover: #e85a28;--accent-primary-text: #141210;--accent-secondary: #c41e3a;--accent-secondary-hover: #a8182f;--accent-focus: #ff6b35;--chip-bg: #181614;--chip-active-bg: var(--accent-primary);--chip-active-text: #141210;--input-bg: #1e1b18;--input-border: #3d3630;--input-focus-border: var(--accent-primary);--surface-current: var(--surface-bg);--ink-primary-current: var(--ink-primary-lavarift);--ink-secondary-current: var(--ink-secondary-lavarift);--ink-meta-current: var(--ink-meta-lavarift)}:root[data-theme=lavarift] .card{background:var(--surface-panel-primary);border:1px solid var(--border-subtle);box-shadow:none}:root[data-theme=lavarift] .button{background:var(--accent-primary);color:var(--accent-primary-text);border:none;box-shadow:none}:root[data-theme=lavarift] .button:hover{background:var(--accent-primary-hover);box-shadow:none;transform:none}:root[data-theme=lavarift] .button:active{background:#d04d1f;box-shadow:none;transform:none}:root[data-theme=lavarift] .button.secondary,:root[data-theme=lavarift] .button-secondary{background:var(--surface-panel-primary);color:var(--ink-primary-lavarift);border:1px solid var(--accent-secondary);box-shadow:none}:root[data-theme=lavarift] .button.secondary:hover,:root[data-theme=lavarift] .button-secondary:hover{background:#c41e3a1f;border-color:var(--accent-secondary)}:root[data-theme=lavarift] .button.destructive{background:transparent;color:var(--accent-secondary);border:1px solid var(--accent-secondary)}:root[data-theme=lavarift] .button.destructive:hover{background:#c41e3a26}:root[data-theme=lavarift] .badge{background:var(--chip-bg);color:var(--ink-secondary-lavarift);border:1px solid var(--border-subtle)}:root[data-theme=lavarift] .guest-cta{color:var(--accent-primary)}:root[data-theme=lavarift] .guest-cta:hover{color:var(--accent-primary-hover);background:#ff6b351a}:root[data-theme=happybeige]{--surface-bg: #e8dfd2;--surface-card: #f7f3ec;--surface-cta: #ebe4d8;--surface-panel-primary: #f7f3ec;--surface-panel-secondary: #e2d9cc;--surface-panel-nested: #faf8f4;--border-default: #c9b89e;--border-subtle: #ddd4c5;--ink-primary-happybeige: #4a4238;--ink-secondary-happybeige: #7d7367;--ink-meta-happybeige: #a69d90;--accent-primary: #3a9d9a;--accent-primary-hover: #2d8583;--accent-primary-text: #faf8f4;--accent-focus: #3a9d9a;--chip-bg: #e2d9cc;--chip-active-bg: var(--accent-primary);--chip-active-text: var(--accent-primary-text);--input-bg: #f7f3ec;--input-border: #c9b89e;--input-focus-border: var(--accent-primary);--surface-current: var(--surface-bg);--ink-primary-current: var(--ink-primary-happybeige);--ink-secondary-current: var(--ink-secondary-happybeige);--ink-meta-current: var(--ink-meta-happybeige)}:root[data-theme=happybeige] .card{background:var(--surface-panel-primary);border:1px solid var(--border-default);box-shadow:none}:root[data-theme=happybeige] .button{background:var(--accent-primary);color:var(--accent-primary-text);border:none;box-shadow:none}:root[data-theme=happybeige] .button:hover{background:var(--accent-primary-hover);box-shadow:none;transform:none}:root[data-theme=happybeige] .button:active{background:#267170;box-shadow:none;transform:none}:root[data-theme=happybeige] .button.secondary,:root[data-theme=happybeige] .button-secondary{background:var(--surface-panel-primary);color:var(--ink-primary-happybeige);border:1px solid var(--border-default);box-shadow:none}:root[data-theme=happybeige] .button.secondary:hover,:root[data-theme=happybeige] .button-secondary:hover{background:#f0ebe2;border-color:#b8a88f}:root[data-theme=happybeige] .button.destructive{background:transparent;color:#c45c4a;border:1px solid #c45c4a}:root[data-theme=happybeige] .button.destructive:hover{background:#c45c4a14}:root[data-theme=happybeige] .badge{background:var(--chip-bg);color:var(--ink-secondary-happybeige);border:1px solid var(--border-subtle)}:root[data-theme=happybeige] .guest-cta{color:var(--accent-primary)}:root[data-theme=happybeige] .guest-cta:hover{color:var(--accent-primary-hover);background:#3a9d9a14}:root[data-theme=royalmeltlux]{--surface-bg: #0b1220;--surface-card: #131d2e;--surface-cta: #1a2840;--surface-panel-primary: #131d2e;--surface-panel-secondary: #0f1826;--surface-panel-nested: #1a2840;--border-default: #2a3a52;--border-subtle: #1e2d42;--ink-primary-royalmeltlux: rgba(255, 255, 255, .92);--ink-secondary-royalmeltlux: rgba(160, 212, 255, .7);--ink-meta-royalmeltlux: rgba(100, 180, 255, .4);--accent-primary: #64b4ff;--accent-primary-hover: #4da0ef;--accent-primary-text: #0b1220;--accent-focus: #64b4ff;--accent-secondary: #a0d4ff;--accent-secondary-hover: #80c0f0;--chip-bg: #0f1826;--chip-active-bg: var(--accent-primary);--chip-active-text: #0b1220;--input-bg: #131d2e;--input-border: #2a3a52;--input-focus-border: var(--accent-primary);--surface-current: var(--surface-bg);--ink-primary-current: var(--ink-primary-royalmeltlux);--ink-secondary-current: var(--ink-secondary-royalmeltlux);--ink-meta-current: var(--ink-meta-royalmeltlux)}:root[data-theme=royalmeltlux] .card{background:var(--surface-panel-primary);border:1px solid var(--border-subtle);box-shadow:none}:root[data-theme=royalmeltlux] .button{background:var(--surface-cta);color:var(--ink-primary-royalmeltlux);border:1px solid var(--border-default);box-shadow:none}:root[data-theme=royalmeltlux] .button:hover{background:#223550;box-shadow:none;transform:none}:root[data-theme=royalmeltlux] .button:active{background:#1a2840;box-shadow:none;transform:none}:root[data-theme=royalmeltlux] .button.secondary,:root[data-theme=royalmeltlux] .button-secondary{background:transparent;color:var(--accent-primary);border:1px solid var(--border-default);box-shadow:none}:root[data-theme=royalmeltlux] .button.secondary:hover,:root[data-theme=royalmeltlux] .button-secondary:hover{background:#64b4ff0f;border-color:var(--accent-primary)}:root[data-theme=royalmeltlux] .button.accent,:root[data-theme=royalmeltlux] .button-accent{background:var(--accent-primary);color:var(--accent-primary-text);border:none}:root[data-theme=royalmeltlux] .button.accent:hover,:root[data-theme=royalmeltlux] .button-accent:hover{background:var(--accent-primary-hover)}:root[data-theme=royalmeltlux] .button.destructive{background:transparent;color:#ff6b6b;border:1px solid rgba(255,107,107,.25)}:root[data-theme=royalmeltlux] .button.destructive:hover{background:#ff6b6b14}:root[data-theme=royalmeltlux] .badge{background:var(--chip-bg);color:var(--ink-secondary-royalmeltlux);border:1px solid var(--border-subtle)}:root[data-theme=royalmeltlux] .guest-cta{color:var(--accent-primary)}:root[data-theme=royalmeltlux] .guest-cta:hover{color:var(--accent-secondary);background:#64b4ff14}.button::placeholder,input.button::placeholder,select.button option:disabled{color:var(--ink-secondary-current);opacity:1}input.button,select.button{color:var(--ink-primary-current)}body{margin:0;background:var(--surface-current);color:var(--ink-primary-current);font-family:var(--font-family-sans);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.app-header{position:sticky;top:0;z-index:50;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:color-mix(in srgb,var(--surface-current) 82%,transparent);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid color-mix(in srgb,var(--ink-primary-current) 8%,transparent)}.app-header__brand{font-size:18px;font-weight:700;letter-spacing:-.04em}.app-header__right{display:flex;align-items:center;gap:10px}.app-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;height:60px;display:flex;align-items:stretch;justify-content:space-around;background:color-mix(in srgb,var(--surface-current) 88%,transparent);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-top:1px solid color-mix(in srgb,var(--ink-primary-current) 8%,transparent);padding-bottom:env(safe-area-inset-bottom,0px)}.app-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;cursor:pointer;color:var(--ink-meta-current);font-size:10px;font-weight:500;letter-spacing:.02em;transition:color .12s ease;padding:0}.app-bottom-nav__item.is-active{color:var(--ink-primary-current)}.app-bottom-nav__item.is-active .nav-icon{opacity:1}.nav-icon{opacity:.5;transition:opacity .12s ease}.app-content{max-width:600px;margin:0 auto;padding:16px 16px 80px;min-height:calc(100vh - 116px)}@media(min-width:768px){.app-content{max-width:680px;padding:24px 24px 40px}.app-bottom-nav{display:none}.app-desktop-nav{display:flex}}.app-desktop-nav{display:none;align-items:center;gap:2px}.app-desktop-nav__item{padding:6px 14px;border-radius:4px;border:none;background:transparent;cursor:pointer;color:var(--ink-secondary-current);font-size:13px;font-weight:500;letter-spacing:-.01em;transition:background .12s ease,color .12s ease}.app-desktop-nav__item:hover{background:color-mix(in srgb,var(--ink-primary-current) 6%,transparent)}.app-desktop-nav__item.is-active{color:var(--ink-primary-current);font-weight:600;background:color-mix(in srgb,var(--ink-primary-current) 8%,transparent)}.container{max-width:980px;margin:0 auto;padding:24px}.card{background:var(--surface-card);border-radius:6px;padding:16px;border:1px solid color-mix(in srgb,var(--ink-primary-current) 8%,transparent)}.row{display:flex;gap:12px;flex-wrap:wrap}.button{appearance:none;border:1px solid color-mix(in srgb,var(--ink-primary-current) 12%,transparent);border-radius:4px;padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.01em;background:var(--surface-cta);color:var(--ink-primary-current);transition:background-color .1s ease,border-color .1s ease}.button:hover{background:color-mix(in srgb,var(--surface-cta) 85%,var(--ink-primary-current) 15%);border-color:color-mix(in srgb,var(--ink-primary-current) 20%,transparent)}.button:active{background:color-mix(in srgb,var(--surface-cta) 80%,var(--ink-primary-current) 20%)}.segmented-control,.option-pill,.toggle-pill{appearance:none;border:1px solid color-mix(in srgb,var(--ink-primary-current) 10%,transparent);border-radius:4px;padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:13px;font-weight:500;background:var(--surface-card);color:var(--ink-primary-current);transition:background-color .1s ease,border-color .1s ease}.segmented-control:hover,.option-pill:hover,.toggle-pill:hover{background:var(--surface-cta)}.segmented-control:active,.option-pill:active,.toggle-pill:active{background:color-mix(in srgb,var(--surface-card) 90%,var(--ink-primary-current) 10%)}.segmented-control.active,.option-pill.active,.toggle-pill.active{background:var(--surface-cta);border-color:color-mix(in srgb,var(--ink-primary-current) 20%,transparent);font-weight:600}.segmented-control.active:active,.option-pill.active:active,.toggle-pill.active:active{background:color-mix(in srgb,var(--surface-cta) 90%,var(--ink-primary-current) 10%)}.mode-segment{flex:1;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--ink-secondary-current);transition:background-color .1s ease,border-color .1s ease,color .1s ease}.mode-segment:hover{background:color-mix(in srgb,var(--ink-primary-current) 5%,transparent)}.mode-segment.is-selected{background:var(--surface-cta);color:var(--ink-primary-current);font-weight:600;border-color:color-mix(in srgb,var(--ink-primary-current) 15%,transparent)}.mode-segment.is-selected:active{background:color-mix(in srgb,var(--surface-cta) 90%,var(--ink-primary-current) 10%)}.button.secondary,.button-secondary{background:transparent;color:var(--ink-secondary-current);border:1px solid color-mix(in srgb,var(--ink-primary-current) 10%,transparent)}.button.secondary:hover,.button-secondary:hover{background:color-mix(in srgb,var(--ink-primary-current) 5%,transparent)}.button.secondary:active,.button-secondary:active{background:color-mix(in srgb,var(--ink-primary-current) 8%,transparent)}.button.quiet{background:transparent;color:var(--ink-meta-current);padding-inline:0;border:none}.button.quiet:hover{text-decoration:underline}.guest-cta{appearance:none;background:color-mix(in srgb,var(--ink-primary-current, white) 8%,transparent);border:1px solid color-mix(in srgb,var(--ink-primary-current, white) 20%,transparent);border-radius:6px;padding:14px 24px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ink-primary-current, rgba(255, 255, 255, .96));text-decoration:none;transition:color .12s ease,background-color .12s ease,border-color .12s ease;width:100%;max-width:320px;text-align:center}.guest-cta:hover{color:var(--ink-primary-current, rgba(255, 255, 255, .96));background:color-mix(in srgb,var(--ink-primary-current, white) 14%,transparent);border-color:color-mix(in srgb,var(--ink-primary-current, white) 30%,transparent)}.guest-cta:active{background:color-mix(in srgb,var(--ink-primary-current, white) 3%,transparent)}.guest-cta.pulse{animation:guest-cta-pulse 1.2s ease-out 1}@keyframes guest-cta-pulse{0%{background:#ffffff2e}55%{background:#ffffff1a}to{background:transparent}}.button.destructive{background:transparent;color:#ff6b6b;border:1px solid rgba(255,107,107,.2)}.button.destructive:hover{background:#ff6b6b14}.badge{display:inline-flex;align-items:center;padding-inline:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--type-meta-size);background:transparent}.app-icon{width:42px;height:42px;fill:currentColor;color:#1a1a1a;transition:transform .16s ease,filter .16s ease,opacity .12s ease}.app-icon.idle{opacity:.45;transform:scale(.96)}.app-icon:hover{opacity:.85;transform:scale(1.3)}.app-icon.active{opacity:1;transform:scale(1.2) translateY(-1px)}.app-icon:active{transform:scale(1.12)}.app-icon.disabled{opacity:.25;transform:none;pointer-events:none}.app-icon.result{color:#0f4c81}.app-icon.urgent{color:#8a1f11}.feedback-button{animation:feedbackFlash 1.5s ease-out .5s 1}@keyframes feedbackFlash{0%{box-shadow:none;border-color:#ffffff40}30%{box-shadow:0 0 12px #b4c88c80,inset 0 0 8px #b4c88c26;border-color:#b4c88c99}to{box-shadow:none;border-color:#ffffff40}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes coinFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}