:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-navy-0:#fff;--color-navy-50:#f8fbfa;--color-navy-100:#eef3f2;--color-navy-150:#e4eeed;--color-navy-200:#e2ebea;--color-navy-250:#cfdcdb;--color-navy-300:#c3d3d5;--color-navy-400:#8fa5b1;--color-navy-500:#566b79;--color-navy-600:#2b4556;--color-navy-650:#1f3a4a;--color-navy-700:#1d3342;--color-navy-750:#102a39;--color-navy-800:#0c2231;--color-navy-850:#0f2533;--color-navy-900:#081821;--color-navy-950:#04121a;--color-teal-100:#ddf1ee;--color-teal-200:#bfe6e1;--color-teal-300:#8fd3cb;--color-teal-400:#4fb3ac;--color-teal-500:#2e8b87;--color-teal-600:#267c78;--color-teal-700:#1f6b67;--color-teal-900:#0e4a47;--color-teal-a15:#2e8b8726;--color-teal-a25:#4fb3ac40;--color-coral-100:#fbe4de;--color-coral-300:#efa595;--color-coral-400:#e68670;--color-coral-500:#d8674f;--color-coral-600:#c45841;--color-coral-700:#b04a35;--color-coral-a20:#d8674f33;--color-amber-100:#fbf0d9;--color-amber-300:#ebc77e;--color-amber-500:#d9a23a;--color-amber-600:#8f6414;--color-amber-a20:#d9a23a33;--color-red-100:#f9dedb;--color-red-400:#e26a5d;--color-red-600:#c0392b;--color-red-a20:#e26a5d33;--color-green-100:#ddf1e5;--color-green-400:#5bbe88;--color-green-600:#257a4b;--color-green-a20:#5bbe8833;--color-blue-100:#ddeaf6;--color-blue-400:#6aa5d8;--color-blue-600:#2f6fa8;--color-blue-a20:#6aa5d833;--color-scrim-dark:#04121ab3;--color-scrim-light:#0c223166;--font-family-display:Fraunces, Georgia, serif;--font-family-body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono:"DM Mono", ui-monospace, SFMono-Regular, monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--font-size-4xl:48px;--font-size-5xl:64px;--font-line-height-tight:1.1;--font-line-height-snug:1.3;--font-line-height-normal:1.5;--font-line-height-relaxed:1.7;--font-tracking-tight:-.02em;--font-tracking-normal:0em;--font-tracking-wide:.08em;--font-tracking-caps:.18em;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--size-touch:44px;--size-icon-sm:16px;--size-icon-md:20px;--size-icon-lg:24px;--size-avatar-sm:32px;--size-avatar-md:44px;--size-avatar-lg:64px;--size-avatar-xl:96px;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.36s;--color-bg-canvas:#eef3f2;--color-bg-surface:#f8fbfa;--color-bg-raised:#fff;--color-bg-sunken:#e2ebea;--color-bg-inverse:#0c2231;--color-bg-scrim:#0c223166;--color-text-primary:#0c2231;--color-text-secondary:#1d3342;--color-text-muted:#566b79;--color-text-inverse:#eef3f2;--color-text-on-accent:#fff;--color-text-link:#1f6b67;--color-border-subtle:#e2ebea;--color-border-default:#cfdcdb;--color-border-strong:#8fa5b1;--color-border-focus:#2e8b87;--color-accent-default:#2e8b87;--color-accent-hover:#267c78;--color-accent-strong:#1f6b67;--color-accent-subtle:#ddf1ee;--color-accent-soft:#8fd3cb;--color-highlight-default:#d8674f;--color-highlight-hover:#c45841;--color-highlight-strong:#b04a35;--color-highlight-subtle:#fbe4de;--color-status-success:#257a4b;--color-status-success-subtle:#ddf1e5;--color-status-warning:#8f6414;--color-status-warning-subtle:#fbf0d9;--color-status-danger:#c0392b;--color-status-danger-subtle:#f9dedb;--color-status-info:#2f6fa8;--color-status-info-subtle:#ddeaf6;--color-verified:#2e8b87;--color-live:#d8674f;--color-brand-wave-top:#8fd3cb;--color-brand-wave-bottom:#d8674f;--color-brand-hero:#0c2231;--color-brand-on-hero:#eef3f2;--shadow-sm:0px 1px 2px 0px #0c22310f;--shadow-md:0px 6px 20px -4px #0c223114;--shadow-lg:0px 16px 40px -8px #0c22311f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-canvas:#081821;--color-bg-surface:#0f2533;--color-bg-raised:#102a39;--color-bg-sunken:#04121a;--color-bg-inverse:#e4eeed;--color-bg-scrim:#04121ab3;--color-text-primary:#e4eeed;--color-text-secondary:#c3d3d5;--color-text-muted:#8fa5b1;--color-text-inverse:#0c2231;--color-text-on-accent:#04121a;--color-text-link:#8fd3cb;--color-border-subtle:#102a39;--color-border-default:#1f3a4a;--color-border-strong:#2b4556;--color-border-focus:#4fb3ac;--color-accent-default:#4fb3ac;--color-accent-hover:#8fd3cb;--color-accent-strong:#8fd3cb;--color-accent-subtle:#2e8b8726;--color-accent-soft:#4fb3ac40;--color-highlight-default:#e68670;--color-highlight-hover:#efa595;--color-highlight-strong:#efa595;--color-highlight-subtle:#d8674f33;--color-status-success:#5bbe88;--color-status-success-subtle:#5bbe8833;--color-status-warning:#ebc77e;--color-status-warning-subtle:#d9a23a33;--color-status-danger:#e26a5d;--color-status-danger-subtle:#e26a5d33;--color-status-info:#6aa5d8;--color-status-info-subtle:#6aa5d833;--color-verified:#4fb3ac;--color-live:#e68670;--color-brand-wave-top:#8fd3cb;--color-brand-wave-bottom:#d8674f;--color-brand-hero:#04121a;--color-brand-on-hero:#e4eeed;--shadow-sm:0px 1px 2px 0px #00000040;--shadow-md:0px 6px 20px -4px #00000059;--shadow-lg:0px 16px 40px -8px #00000073}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-canvas:#081821;--color-bg-surface:#0f2533;--color-bg-raised:#102a39;--color-bg-sunken:#04121a;--color-bg-inverse:#e4eeed;--color-bg-scrim:#04121ab3;--color-text-primary:#e4eeed;--color-text-secondary:#c3d3d5;--color-text-muted:#8fa5b1;--color-text-inverse:#0c2231;--color-text-on-accent:#04121a;--color-text-link:#8fd3cb;--color-border-subtle:#102a39;--color-border-default:#1f3a4a;--color-border-strong:#2b4556;--color-border-focus:#4fb3ac;--color-accent-default:#4fb3ac;--color-accent-hover:#8fd3cb;--color-accent-strong:#8fd3cb;--color-accent-subtle:#2e8b8726;--color-accent-soft:#4fb3ac40;--color-highlight-default:#e68670;--color-highlight-hover:#efa595;--color-highlight-strong:#efa595;--color-highlight-subtle:#d8674f33;--color-status-success:#5bbe88;--color-status-success-subtle:#5bbe8833;--color-status-warning:#ebc77e;--color-status-warning-subtle:#d9a23a33;--color-status-danger:#e26a5d;--color-status-danger-subtle:#e26a5d33;--color-status-info:#6aa5d8;--color-status-info-subtle:#6aa5d833;--color-verified:#4fb3ac;--color-live:#e68670;--color-brand-wave-top:#8fd3cb;--color-brand-wave-bottom:#d8674f;--color-brand-hero:#04121a;--color-brand-on-hero:#e4eeed;--shadow-sm:0px 1px 2px 0px #00000040;--shadow-md:0px 6px 20px -4px #00000059;--shadow-lg:0px 16px 40px -8px #00000073}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:var(--font-line-height-normal);color:var(--color-text-primary);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased}img,svg{display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-text-link);text-decoration:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.icon{width:var(--size-icon-md);height:var(--size-icon-md);fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-sm{width:var(--size-icon-sm);height:var(--size-icon-sm)}.icon-lg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.icon-fill{fill:currentColor;stroke:none}.frame-mobile{background:var(--color-bg-canvas);flex-direction:column;width:390px;height:844px;display:flex;position:relative;overflow:hidden}.frame-desktop{background:var(--color-bg-canvas);width:1440px;min-height:900px}.frame-desktop.frame-fixed{height:900px;display:flex;overflow:hidden}.status-bar{height:47px;font-size:15px;font-weight:var(--font-weight-semibold);flex:none;justify-content:space-between;align-items:flex-end;padding:0 28px 8px 32px;display:flex}.status-bar .status-icons{align-items:center;gap:6px;display:flex}.status-bar.on-dark{color:var(--color-navy-100)}.app-bar{align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-4);flex:none;display:flex}.app-bar .app-bar-title{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--font-tracking-tight);flex:1}.app-bar .app-bar-title.center{text-align:center;font-size:var(--font-size-lg)}.app-bar.bordered{border-bottom:1px solid var(--color-border-subtle)}.content{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:hidden}.content.flush{padding:0}.content.scroll{overflow-y:auto}.footer-bar{padding:var(--space-3) var(--space-4) var(--space-2);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-surface);gap:var(--space-2);flex-direction:column;flex:none;display:flex}.tab-bar{background:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle);flex:none;grid-template-columns:repeat(5,1fr);height:56px;padding:8px 8px 0;display:grid}.tab{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);flex-direction:column;align-items:center;gap:3px;display:flex}.tab .icon{width:24px;height:24px}.tab.is-active{color:var(--color-accent-strong)}.tab .tab-dot{position:relative}.tab .tab-dot:after{content:"";background:var(--color-highlight-default);border:2px solid var(--color-bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:-1px;right:-3px}.home-indicator{flex:none;justify-content:center;align-items:flex-end;height:34px;padding-bottom:8px;display:flex}.home-indicator:before{content:"";background:var(--color-text-primary);opacity:.85;border-radius:3px;width:134px;height:5px}.home-indicator.on-dark:before{background:var(--color-navy-100)}.display-1,.display-2,.display-3,.title,.headline{font-family:var(--font-family-display);letter-spacing:var(--font-tracking-tight);line-height:var(--font-line-height-tight)}.display-1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-light)}.display-2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold)}.display-3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}.title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.headline{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-snug)}.subhead{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-snug)}.body{font-size:var(--font-size-md)}.body-sm{font-size:var(--font-size-sm)}.caption{font-size:var(--font-size-xs);color:var(--color-text-muted)}.overline{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);letter-spacing:var(--font-tracking-caps);text-transform:uppercase;color:var(--color-accent-strong)}.mono{font-family:var(--font-family-mono)}.italic{font-style:italic}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent-strong)}.text-highlight{color:var(--color-highlight-strong)}.text-danger{color:var(--color-status-danger)}.text-success{color:var(--color-status-success)}.text-center{text-align:center}.medium{font-weight:var(--font-weight-medium)}.semibold{font-weight:var(--font-weight-semibold)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.grow{flex:1;min-width:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-auto{margin-top:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.divider{background:var(--color-border-subtle);border:0;height:1px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-touch);padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast);border:1px solid #0000;display:inline-flex}.btn-primary{background:var(--color-accent-strong);color:var(--color-text-on-accent)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-highlight{background:var(--color-highlight-strong);color:var(--color-text-on-accent)}.btn-secondary{background:var(--color-bg-raised);border-color:var(--color-border-default);color:var(--color-text-primary)}.btn-ghost{color:var(--color-accent-strong);background:0 0}.btn-danger{background:var(--color-status-danger);color:var(--color-text-on-accent)}.btn-inverse{background:var(--color-navy-100);color:var(--color-navy-800)}.btn[disabled],.btn.is-disabled{opacity:.45;cursor:not-allowed}.btn-sm{min-height:34px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.btn-lg{min-height:52px;padding:0 var(--space-6);font-size:var(--font-size-lg)}.btn-block{width:100%}.btn-icon{width:var(--size-touch);height:var(--size-touch);color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon.filled{background:var(--color-bg-raised);border:1px solid var(--color-border-subtle)}.btn-icon.on-media{background:var(--color-bg-scrim);color:var(--color-navy-50);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input,.select,.textarea{width:100%;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-raised);font-size:var(--font-size-md)}.textarea{min-height:96px;padding:var(--space-3) var(--space-4);resize:none}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input.is-focused{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}.input.is-error{border-color:var(--color-status-danger)}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.field-error{font-size:var(--font-size-xs);color:var(--color-status-danger)}.otp{gap:var(--space-2);display:flex}.otp span{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-raised);width:48px;height:56px;font-family:var(--font-family-mono);font-size:var(--font-size-xl);justify-content:center;align-items:center;display:flex}.otp span.is-active{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}.check{gap:var(--space-3);font-size:var(--font-size-sm);align-items:flex-start;display:flex}.check-box{border:1.5px solid var(--color-border-strong);border-radius:5px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.check-box.is-checked{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:var(--color-text-on-accent)}.radio{border:1.5px solid var(--color-border-strong);border-radius:50%;flex:none;width:20px;height:20px}.radio.is-checked{border:6px solid var(--color-accent-strong)}.toggle{border-radius:var(--radius-pill);background:var(--color-border-default);flex:none;width:46px;height:28px;position:relative}.toggle:after{content:"";background:var(--color-navy-0);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:left var(--duration-base);border-radius:50%;position:absolute;top:3px;left:3px}.toggle.is-on{background:var(--color-accent-strong)}.toggle.is-on:after{left:21px}.segmented{border-radius:var(--radius-pill);background:var(--color-bg-sunken);padding:3px;display:flex}.segmented>*{text-align:center;padding:7px var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);flex:1}.segmented>.is-active{background:var(--color-bg-raised);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.card-raised{background:var(--color-bg-raised);box-shadow:var(--shadow-md);border-color:#0000}.card-accent{border-left:3px solid var(--color-accent-default)}.card-inverse{background:var(--color-brand-hero);color:var(--color-brand-on-hero);border-color:#0000}.card-inverse .text-muted,.card-inverse .caption{color:var(--color-navy-400)}.card-selected{border:2px solid var(--color-accent-default);background:var(--color-accent-subtle)}.sheet{z-index:10;background:var(--color-bg-raised);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-3) var(--space-4) var(--space-4);box-shadow:var(--shadow-lg);gap:var(--space-4);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.sheet:before{content:"";background:var(--color-border-default);border-radius:3px;align-self:center;width:36px;height:5px}.scrim{z-index:9;background:var(--color-bg-scrim);position:absolute;inset:0}.badge{border-radius:var(--radius-pill);height:22px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;background:var(--color-bg-sunken);color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.badge .icon{stroke-width:2.25px;width:12px;height:12px}.badge-verified{background:var(--color-accent-subtle);color:var(--color-accent-strong)}.badge-live{background:var(--color-live);color:var(--color-navy-0);text-transform:uppercase;letter-spacing:.08em}.badge-live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-highlight{background:var(--color-highlight-subtle);color:var(--color-highlight-strong)}.badge-success{background:var(--color-status-success-subtle);color:var(--color-status-success)}.badge-warning{background:var(--color-status-warning-subtle);color:var(--color-status-warning)}.badge-danger{background:var(--color-status-danger-subtle);color:var(--color-status-danger)}.badge-info{background:var(--color-status-info-subtle);color:var(--color-status-info)}.badge-tier{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.12em;background:var(--color-brand-hero);color:var(--color-teal-300)}.badge-count{background:var(--color-highlight-strong);min-width:20px;height:20px;color:var(--color-text-on-accent);justify-content:center;padding:0 6px}.chip{height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border-default);background:var(--color-bg-raised);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.chip.is-selected{background:var(--color-accent-subtle);border-color:var(--color-accent-default);color:var(--color-accent-strong)}.tag{border-radius:var(--radius-pill);background:var(--color-bg-sunken);height:26px;font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;padding:0 10px;display:inline-flex}.avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);color:var(--color-navy-0);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative;overflow:visible}.avatar-sm{width:var(--size-avatar-sm);height:var(--size-avatar-sm);font-size:12px}.avatar-lg{width:var(--size-avatar-lg);height:var(--size-avatar-lg);font-size:22px}.avatar-xl{width:var(--size-avatar-xl);height:var(--size-avatar-xl);font-size:32px}.avatar.is-online:after{content:"";background:var(--color-status-success);border:2px solid var(--color-bg-surface);border-radius:50%;width:28%;height:28%;position:absolute;bottom:0;right:0}.avatar.is-live{box-shadow:0 0 0 2px var(--color-bg-canvas), 0 0 0 4px var(--color-live)}.tone-1{background:linear-gradient(135deg,#2e8b87,#0e4a47)}.tone-2{background:linear-gradient(135deg,#d8674f,#8c3a2a)}.tone-3{background:linear-gradient(135deg,#6aa5d8,#2b4556)}.tone-4{background:linear-gradient(135deg,#d9a23a,#b04a35)}.tone-5{background:linear-gradient(135deg,#8fd3cb,#2f6fa8)}.tone-6{background:linear-gradient(135deg,#5e7482,#0c2231)}.photo{border-radius:var(--radius-lg);background-size:cover;position:relative;overflow:hidden}.photo:after{content:"";opacity:.22;background:radial-gradient(120% 60% at 20% 110%,#fff 0 20%,#0000 21%),radial-gradient(90% 50% at 90% 105%,#fff 0 18%,#0000 19%);position:absolute;inset:0}.photo-shade{z-index:1;background:linear-gradient(#0000 45%,#04121ad9 100%);position:absolute;inset:0}.verified-dot{background:var(--color-verified);width:18px;height:18px;color:var(--color-navy-0);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.verified-dot .icon{stroke-width:3px;width:12px;height:12px}.list{flex-direction:column;display:flex}.list-row{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);display:flex}.list-row+.list-row{border-top:1px solid var(--color-border-subtle)}.list-row .list-title{font-weight:var(--font-weight-semibold)}.list-row .list-sub{font-size:var(--font-size-sm);color:var(--color-text-muted)}.list-row .chevron{color:var(--color-text-muted)}.list-grouped{background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);overflow:hidden}.section-title{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);letter-spacing:var(--font-tracking-caps);text-transform:uppercase;color:var(--color-text-muted);padding:0 var(--space-1)}.banner{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--font-line-height-snug);background:var(--color-status-info-subtle);color:var(--color-text-primary);align-items:flex-start;display:flex}.banner .icon{color:var(--color-status-info);margin-top:1px}.banner-success{background:var(--color-status-success-subtle)}.banner-success .icon{color:var(--color-status-success)}.banner-warning{background:var(--color-status-warning-subtle)}.banner-warning .icon{color:var(--color-status-warning)}.banner-danger{background:var(--color-status-danger-subtle)}.banner-danger .icon{color:var(--color-status-danger)}.banner-accent{background:var(--color-accent-subtle)}.banner-accent .icon{color:var(--color-accent-strong)}.banner strong{font-weight:var(--font-weight-semibold)}.progress{background:var(--color-border-default);border-radius:2px;height:4px;overflow:hidden}.progress>span{background:var(--color-accent-default);border-radius:2px;height:100%;display:block}.steps-dots{gap:6px;display:flex}.steps-dots span{background:var(--color-border-default);border-radius:2px;flex:1;height:4px}.steps-dots span.is-done{background:var(--color-accent-default)}.steps-dots span.is-current{background:var(--color-highlight-default)}.bubble{max-width:78%;font-size:var(--font-size-md);line-height:var(--font-line-height-snug);border-radius:18px;padding:10px 14px}.bubble-in{background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-bottom-left-radius:6px;align-self:flex-start}.bubble-out{background:var(--color-accent-strong);color:var(--color-text-on-accent);border-bottom-right-radius:6px;align-self:flex-end}.bubble-meta{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.bubble-meta.out{align-self:flex-end}.system-note{text-align:center;max-width:90%;font-size:var(--font-size-xs);color:var(--color-text-muted);border-radius:var(--radius-pill);background:var(--color-bg-sunken);align-self:center;padding:6px 12px}.composer{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-surface);flex:none;display:flex}.composer .input{border-radius:var(--radius-pill);min-height:42px}.media{background:var(--color-navy-950);color:var(--color-navy-50);position:relative;overflow:hidden}.media-overlay-text{text-shadow:0 1px 3px #04121a99}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-navy-50);border-radius:var(--radius-lg);background:#04121a80;border:1px solid #ffffff1a}.timer-ring{font-family:var(--font-family-mono);font-size:var(--font-size-sm);border-radius:var(--radius-pill);padding:4px 10px}.stat{flex-direction:column;gap:2px;display:flex}.stat-value{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.1}.stat-label{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.console{grid-template-columns:248px 1fr;width:100%;height:100%;display:grid}.sidebar{background:var(--color-brand-hero);color:var(--color-brand-on-hero);padding:var(--space-5) var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.sidebar .nav-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-navy-400);font-weight:var(--font-weight-medium);display:flex}.sidebar .nav-item.is-active{color:var(--color-navy-50);background:#ffffff12}.sidebar .nav-item .badge{margin-left:auto}.sidebar .nav-section{font-family:var(--font-family-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-navy-500);padding:var(--space-4) var(--space-3) var(--space-1);font-size:10px}.console-main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.console-top{align-items:center;gap:var(--space-4);height:64px;padding:0 var(--space-6);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface);flex:none;display:flex}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th{text-align:left;font-family:var(--font-family-mono);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:var(--font-weight-regular);color:var(--color-text-muted);padding:10px var(--space-4);border-bottom:1px solid var(--color-border-default);background:var(--color-bg-sunken)}.table td{padding:12px var(--space-4);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.table tr.is-selected td{background:var(--color-accent-subtle)}.container{width:100%;max-width:1200px;padding:0 var(--space-8);margin:0 auto}.web-nav{align-items:center;gap:var(--space-8);height:76px;display:flex}.web-nav a{color:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.logo{font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;align-items:center;gap:0;font-size:22px;display:inline-flex}.logo b{font-weight:var(--font-weight-light);color:var(--color-accent-default)}.logo svg{width:32px;height:32px;margin-right:10px}.hero-surface{background:var(--color-brand-hero);color:var(--color-brand-on-hero)}.hero-surface .logo b{color:var(--color-teal-300)}.tab-bar+.home-indicator,.footer-bar+.home-indicator,.composer+.home-indicator{background:var(--color-bg-surface)}
html,body{min-height:100%}body{background:var(--color-bg-canvas)}.app-shell{background:var(--color-bg-canvas);flex-direction:column;width:100%;max-width:440px;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (min-width:480px){.app-shell{border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle)}}.app-shell.hero-surface{background:var(--color-brand-hero)}.app-shell>.content{flex:1 0 auto;overflow:visible}.app-shell>.footer-bar{z-index:5;padding-bottom:max(var(--space-3), env(safe-area-inset-bottom));position:sticky;bottom:0}.app-bar{padding-top:env(safe-area-inset-top)}.app-bar-spacer{width:var(--size-touch);flex:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes tt-spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite tt-spin}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.4s}}.loading-state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) 0;color:var(--color-text-muted);flex:1;display:flex}.alert-slot:empty{display:none}.test-mode a{color:var(--color-text-link);font-weight:var(--font-weight-semibold);text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.test-mode .mono{font-size:var(--font-size-md);letter-spacing:.12em}[aria-disabled=true]{opacity:.6;cursor:not-allowed}.onb-progress{padding:0 var(--space-2);gap:6px}.onb-progress .caption{line-height:1}.onb-progress .steps-dots span:not(.is-done):not(.is-current){background:var(--color-border-default)}input.input{outline:none}input.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}input.input[aria-invalid=true]{border-color:var(--color-status-danger)}.field-error:empty{display:none}fieldset.field{border:0;min-width:0}fieldset.field legend{margin-bottom:6px}.chip{cursor:pointer;position:relative}.chip input,.segmented input,.pay-opt input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.chip:has(input:focus-visible){outline:2px solid var(--color-border-focus);outline-offset:2px}.segmented>label:has(input:focus-visible){outline:2px solid var(--color-border-focus);outline-offset:2px}.pay-opt:has(input:focus-visible){outline:2px solid var(--color-border-focus);outline-offset:2px}.chip:has(input:checked){background:var(--color-accent-subtle);border-color:var(--color-accent-default);color:var(--color-accent-strong)}.segmented>label{cursor:pointer;position:relative}.segmented>label:has(input:checked){background:var(--color-bg-raised);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.welcome{padding:var(--space-6) var(--space-6) var(--space-2);gap:0;overflow:hidden}.welcome .logo{color:var(--color-brand-on-hero)}.waves{margin:var(--space-4) calc(-1 * var(--space-6)) 0;height:120px;width:calc(100% + 2 * var(--space-6));flex:none}.waves path{fill:none;stroke-linecap:round}.members{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.members .avatar{border:2px solid var(--color-brand-hero);margin-left:-10px}.members .avatar:first-child{margin-left:0}.members .verified-dot{border:2px solid var(--color-brand-hero);width:14px;height:14px;position:absolute;bottom:-3px;right:-3px}.members .verified-dot .icon{width:8px;height:8px}.promise-title{color:var(--color-brand-on-hero);margin-top:var(--space-4)}.promise-title em{font-style:italic;font-weight:var(--font-weight-light);color:var(--color-teal-300)}.on-hero-muted{color:var(--color-navy-400)}.pillars{margin-top:var(--space-5);gap:var(--space-3)}.pillars .row{gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-navy-300)}.pillars .icon{color:var(--color-teal-300)}.welcome-actions{padding:var(--space-3) var(--space-6) max(var(--space-4), env(safe-area-inset-bottom));gap:var(--space-3);flex-direction:column;flex:none;display:flex}.btn-outline-hero{border-color:var(--color-navy-600);color:var(--color-brand-on-hero);background:0 0}.legal{text-align:center;font-size:var(--font-size-2xs);color:var(--color-navy-400);line-height:var(--font-line-height-snug)}.legal u{-webkit-text-decoration-color:var(--color-navy-500);text-decoration-color:var(--color-navy-500);text-underline-offset:2px}.form{gap:14px}.dob{gap:var(--space-2);grid-template-columns:1fr 1fr 1.4fr;display:grid}.dob-part{position:relative}.dob-part .input{padding-right:44px}.dob-part small{right:var(--space-3);font-size:var(--font-size-2xs);color:var(--color-text-muted);font-family:var(--font-family-mono);letter-spacing:.08em;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-row{align-items:center;gap:var(--space-2);display:flex}.input-row .icon{color:var(--color-text-muted)}.input-row input{background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:46px}.input-row:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}.input-row.is-error{border-color:var(--color-status-danger)}.input-row .prefix{font-family:var(--font-family-mono);color:var(--color-text-secondary);padding-right:var(--space-2);border-right:1px solid var(--color-border-default)}.check input{width:20px;height:20px;accent-color:var(--color-accent-strong);flex:none;margin-top:1px}.check a{text-underline-offset:2px;text-decoration:underline}.otp{justify-content:space-between}.otp input{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-raised);text-align:center;width:100%;min-width:0;max-width:50px;height:56px;font-family:var(--font-family-mono);font-size:var(--font-size-xl);caret-color:var(--color-accent-default);outline:none}.otp input.is-filled{border-color:var(--color-border-strong)}.otp input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}.otp input[aria-invalid=true]{border-color:var(--color-status-danger)}.status-ico{background:var(--color-bg-sunken);width:36px;height:36px;color:var(--color-text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.status-ico.ok{background:var(--color-status-success-subtle);color:var(--color-status-success)}.status-ico.wait{background:var(--color-status-warning-subtle);color:var(--color-status-warning)}.link-btn{color:var(--color-text-link);font-weight:var(--font-weight-semibold);cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0}.link-btn[disabled]{color:var(--color-text-muted);cursor:default;font-weight:var(--font-weight-regular)}.price-card{justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex}.price-card .display-2{line-height:1}.covers .row{gap:var(--space-3);align-items:flex-start}.covers .ico{border-radius:var(--radius-md);background:var(--color-accent-subtle);width:32px;height:32px;color:var(--color-accent-strong);flex:none;justify-content:center;align-items:center;display:flex}.pay-opt{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;display:flex;position:relative}.pay-opt.card-selected{padding:calc(var(--space-3) - 1px) calc(var(--space-4) - 1px)}.wallet-mark{font-weight:var(--font-weight-semibold)}.viewfinder{border-radius:var(--radius-xl);border:1px solid var(--color-border-default);background:var(--color-navy-850);flex:none;height:264px}.viewfinder .bg{background:radial-gradient(80% 70% at 50% 45%, var(--color-navy-650), var(--color-navy-950));position:absolute;inset:0}.viewfinder video,.cam video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cam video{transform:scaleX(-1)}.id-frame{aspect-ratio:288/182;width:min(288px,80%);box-shadow:0 0 0 400px var(--color-scrim-dark);border-radius:14px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.id-frame svg.frame-corners{width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px}.id-doc{background:linear-gradient(135deg, var(--color-navy-300), var(--color-navy-400));opacity:.55;border-radius:10px;gap:12px;padding:14px;display:flex;position:absolute;inset:14px 18px}.id-doc .pic{background:var(--color-navy-500);border-radius:6px;flex:none;width:64px;height:80px}.id-doc .lines{flex-direction:column;flex:1;gap:8px;padding-top:4px;display:flex}.id-doc .lines i{background:var(--color-navy-500);border-radius:4px;height:7px;display:block}.scanline{background:var(--color-teal-300);height:2px;box-shadow:0 0 12px var(--color-teal-300);border-radius:1px;animation:2.4s ease-in-out infinite alternate tt-scan;position:absolute;top:46%;left:10px;right:10px}@keyframes tt-scan{0%{top:12%}to{top:86%}}@media (prefers-reduced-motion:reduce){.scanline{animation:none}}.vf-top{top:var(--space-3);z-index:2;justify-content:center;display:flex;position:absolute;left:0;right:0}.vf-bottom{bottom:var(--space-3);z-index:2;justify-content:center;display:flex;position:absolute;left:0;right:0}.glass.pill{border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.glass.pill .icon{width:14px;height:14px;color:var(--color-teal-300)}.id-segmented>*{white-space:nowrap;padding-left:4px;padding-right:4px}.tips{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.tip{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--space-2) 0;border-radius:var(--radius-md);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);flex-direction:column;align-items:center;gap:4px;display:flex}.tip .icon{color:var(--color-accent-strong)}.cam{border-radius:var(--radius-xl);border:1px solid var(--color-border-default);flex:none;height:392px}.cam>.photo{border-radius:0;position:absolute;inset:0}.oval{width:196px;height:256px;box-shadow:0 0 0 600px var(--color-scrim-dark);z-index:1;border-radius:50%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.oval-ring{z-index:2;width:216px;height:276px;position:absolute;top:44%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.oval-ring .track{fill:none;stroke-width:4px;stroke:color-mix(in srgb, var(--color-navy-0) 20%, transparent)}.oval-ring .bar{fill:none;stroke-width:4px;stroke:var(--color-teal-300);stroke-linecap:round}.cam-top{top:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:3;justify-content:space-between;display:flex;position:absolute}.instruction{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);z-index:3;padding:var(--space-3) var(--space-4);flex-direction:column;gap:10px;display:flex;position:absolute}.instruction .say{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-snug)}.moves{gap:var(--space-2);display:flex}.move{min-width:0;font-size:var(--font-size-xs);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-navy-0) 8%, transparent);color:var(--color-navy-300);flex:1;align-items:center;gap:6px;padding:6px 8px;display:flex}.move span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.move .icon{width:14px;height:14px}.move.done{color:var(--color-teal-300)}.move.now{background:var(--color-navy-50);color:var(--color-navy-900);font-weight:var(--font-weight-semibold)}.rec{background:var(--color-live);color:var(--color-navy-0)}.cam .glass.pill{font-family:var(--font-family-mono);padding:4px 10px}.sil{width:196px;height:256px;fill:var(--color-navy-800);opacity:.35;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.checks{gap:var(--space-2);flex-wrap:wrap;display:flex}.cam-message{inset:auto var(--space-3) var(--space-3);z-index:3;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);line-height:var(--font-line-height-snug);position:absolute}.preview{align-items:center;gap:var(--space-3);display:flex}.net{border-radius:var(--radius-md);background:var(--color-bg-sunken);width:40px;height:40px;color:var(--color-text-primary);flex:none;justify-content:center;align-items:center;display:flex}.reads{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.reads ul{flex-direction:column;gap:6px;list-style:none;display:flex}.reads li{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--font-line-height-snug);align-items:flex-start;gap:6px;display:flex}.reads li .icon{width:14px;height:14px;margin-top:1px}.reads .yes .icon{color:var(--color-status-success)}.reads .no .icon{color:var(--color-status-danger)}.eta{border:1px solid var(--color-border-default);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);display:flex}.eta .ring{flex:none;width:48px;height:48px}.eta .ring circle{fill:none;stroke-width:4px}.layers .list-row{min-height:0;padding:6px var(--space-4)}.lyr{background:var(--color-bg-sunken);width:28px;height:28px;color:var(--color-text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.lyr.ok{background:var(--color-status-success-subtle);color:var(--color-status-success)}.lyr.run{background:var(--color-status-info-subtle);color:var(--color-status-info)}.lyr.warn{background:var(--color-status-warning-subtle);color:var(--color-status-warning)}.lyr.bad{background:var(--color-status-danger-subtle);color:var(--color-status-danger)}