@layer reset{*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}}@layer base{:root{--neutral-canvas:#f4f5f8;--neutral-surface:#fff;--neutral-text:#17181c;--neutral-muted:#6e717a;--neutral-subtle:#92959d;--neutral-line:#e7e8ec;--neutral-line-strong:#dbdce2;--neutral-success:#18875d;--neutral-warning:#9a6200;--neutral-danger:#bd3640;--neutral-info:#3766c8;--radius-small:12px;--radius-medium:18px;--radius-large:26px;--shadow-card:0 1px 2px #1418230a, 0 12px 36px #1418230d;--tap-size:44px;--content-width:720px;--sidebar-width:248px}body{background:var(--neutral-canvas);color:var(--neutral-text);text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.45}button{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-primary,#111) 38%, transparent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--brand-primary,#111) 20%, transparent)}}@layer components{.bootstrap-state{min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) calc(22px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(22px + env(safe-area-inset-left));background:radial-gradient(circle at 18% 16%, #ffffffeb, transparent 38%), var(--neutral-canvas);place-items:center;display:grid}.bootstrap-state__card,.bootstrap-state>.error-state{width:min(100%,410px)}.bootstrap-state__card{border:1px solid var(--neutral-line);border-radius:var(--radius-large);background:var(--neutral-surface);box-shadow:var(--shadow-card);text-align:center;padding:30px}.bootstrap-state__mark{background:var(--neutral-text);color:#fff;border-radius:18px;place-items:center;width:54px;height:54px;margin:0 auto 20px;display:grid}.bootstrap-state__mark--loading{animation:1.35s ease-in-out infinite breathe}.bootstrap-state h1{letter-spacing:-.025em;margin:0;font-size:21px}.bootstrap-state p{color:var(--neutral-muted);margin:9px 0 0}.public-launch .brand-lockup{text-align:left;margin-bottom:28px}.public-launch .button{width:100%;margin-top:22px}.public-launch .public-launch__privacy{margin-top:18px;font-size:12px}.app-frame{--neutral-canvas:var(--client-background,var(--brand-background));--neutral-surface:var(--client-secondary-background,#fff);--canvas-text:var(--client-text,var(--brand-text));--canvas-muted:var(--client-canvas-hint,var(--canvas-text));--canvas-accent:var(--client-canvas-accent,var(--canvas-text));--surface-text:var(--client-surface-text,var(--brand-text));--surface-muted:var(--client-hint,var(--surface-text));--surface-accent:var(--client-surface-accent,var(--surface-text));--surface-success:var(--client-success-text,var(--surface-text));--surface-warning:var(--client-warning-text,var(--surface-text));--surface-danger:var(--client-danger-text,var(--surface-text));--surface-info:var(--client-info-text,var(--surface-text));--neutral-text:var(--surface-text);--neutral-muted:var(--surface-muted);--neutral-subtle:color-mix(in srgb, var(--neutral-text) 52%, var(--neutral-surface));--neutral-line:color-mix(in srgb, var(--neutral-text) 13%, transparent);--neutral-line-strong:color-mix(in srgb, var(--neutral-text) 21%, transparent);--shadow-card:0 1px 2px color-mix(in srgb, var(--neutral-text) 5%, transparent), 0 12px 36px color-mix(in srgb, var(--neutral-text) 7%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 7%, transparent), transparent 260px), var(--client-background,var(--brand-background));min-height:100dvh;color:var(--canvas-text)}.app-layout{grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.app-layout>*{min-width:0}.sidebar{display:none}.mobile-header{z-index:10;min-height:68px;padding:calc(12px + max(env(safe-area-inset-top), var(--tg-content-safe-area-inset-top,0px))) calc(18px + max(env(safe-area-inset-right), var(--tg-content-safe-area-inset-right,0px))) 12px calc(18px + max(env(safe-area-inset-left), var(--tg-content-safe-area-inset-left,0px)));border-bottom:1px solid var(--neutral-line);background:color-mix(in srgb, var(--client-background,var(--brand-background)) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{background:var(--brand-primary);width:38px;height:38px;box-shadow:0 7px 18px color-mix(in srgb, var(--brand-primary) 28%, transparent);color:var(--brand-on-primary);border-radius:13px;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid}.brand-lockup__text{min-width:0}.brand-lockup__name,.brand-lockup__context,.sidebar__account-name,.sidebar__account-meta{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.brand-lockup__name{letter-spacing:-.015em;font-size:15px;font-weight:800}.brand-lockup__context{color:var(--canvas-muted);margin-top:1px;font-size:11px}.avatar{border:1px solid color-mix(in srgb, var(--brand-primary) 14%, var(--neutral-line));background:var(--neutral-surface);width:38px;height:38px;color:var(--surface-accent);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.main-content{width:100%;min-width:0;max-width:var(--content-width);padding:22px calc(16px + max(env(safe-area-inset-right), var(--tg-content-safe-area-inset-right,0px))) calc(104px + max(env(safe-area-inset-bottom), var(--tg-content-safe-area-inset-bottom,0px))) calc(16px + max(env(safe-area-inset-left), var(--tg-content-safe-area-inset-left,0px)));margin:0 auto}.page-heading{margin-bottom:24px}.page-heading__eyebrow{color:var(--canvas-accent);letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}.page-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(27px,7vw,38px);font-weight:820;line-height:1.05}.page-heading__description{max-width:560px;color:var(--canvas-muted);margin:10px 0 0;font-size:14px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:28px 0 12px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:16px}.card{border:1px solid var(--neutral-line);border-radius:var(--radius-medium);background:var(--neutral-surface);box-shadow:var(--shadow-card);color:var(--neutral-text)}.stack{gap:12px;display:grid}.account-ready-card{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 8%, transparent), transparent), var(--neutral-surface);grid-template-columns:auto minmax(0,1fr);gap:15px;padding:20px;display:grid}.account-ready-card__icon,.account-card__icon,.prelaunch-card__icon,.platform-icon,.empty-state__icon,.error-state__icon{border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.account-ready-card__icon,.account-card__icon{border:1px solid var(--surface-success);background:var(--neutral-surface);color:var(--surface-success)}.account-ready-card h2{letter-spacing:-.025em;margin:11px 0 5px;font-size:20px}.account-ready-card p,.capability-card p,.prelaunch-card p,.session-card p,.connection-card__meta{color:var(--neutral-muted);margin:0;font-size:13px}.capability-grid{gap:10px;display:grid}.capability-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;padding:16px;display:grid}.capability-card>svg{color:var(--surface-accent);margin-top:1px}.capability-card strong{margin-bottom:3px;display:block}.prelaunch-card{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;display:grid}.prelaunch-card__icon{border:1px solid var(--surface-info);background:var(--neutral-surface);color:var(--surface-info)}.prelaunch-card h3,.session-card h3{margin:0 0 5px;font-size:15px}.prelaunch-card__notice{border-top:1px solid var(--neutral-line);padding-top:12px;color:var(--neutral-text)!important;margin-top:12px!important}.account-card{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;display:grid}.account-card__body{min-width:0}.account-card h2{overflow-wrap:anywhere;letter-spacing:-.025em;margin:0 0 14px;font-size:19px}.detail-list{gap:10px;margin:0;display:grid}.detail-list>div{grid-template-columns:minmax(94px,.55fr) minmax(0,1fr);gap:12px;display:grid}.detail-list dt,.detail-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.detail-list dt{color:var(--neutral-muted);font-size:12px}.detail-list dd{text-align:right;font-size:13px;font-weight:650}.detail-list--compact{border-top:1px solid var(--neutral-line);margin-top:15px;padding-top:14px}.connection-sections{gap:24px;display:grid}.connection-section>h3{color:var(--canvas-muted);letter-spacing:.055em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:750}.connection-card{padding:16px}.connection-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.connection-card__identity{align-items:center;gap:12px;min-width:0;display:flex}.connection-card__identity>div:last-child{min-width:0}.platform-icon{border:1px solid var(--surface-accent);background:var(--neutral-surface);color:var(--surface-accent)}.connection-card h4{overflow-wrap:anywhere;margin:0;font-size:15px}.connection-card__meta{margin-top:2px}.status-pill{background:var(--neutral-surface);border:1px solid;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:25px;padding:4px 9px;font-size:11px;font-weight:750;line-height:1;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill--success{color:var(--surface-success)}.status-pill--warning{color:var(--surface-warning)}.status-pill--danger{color:var(--surface-danger)}.status-pill--info{color:var(--surface-info)}.session-card{gap:15px;padding:18px;display:grid}.button{min-height:var(--tap-size);border-radius:var(--radius-small);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:750;transition:transform .12s;display:inline-flex}.button:active{transform:scale(.98)}.button--secondary{border-color:var(--neutral-line-strong);background:var(--neutral-surface)}.button--primary{background:var(--brand-primary);color:var(--brand-on-primary)}.button--danger{background:var(--neutral-danger);color:#fff;width:100%}.button:disabled{cursor:wait;opacity:.58}.inline-problem{border:1px solid var(--surface-danger);background:var(--neutral-surface);border-radius:10px;padding:10px 12px;color:var(--surface-danger)!important;margin:0!important;font-size:12px!important}.empty-state,.error-state{text-align:center;padding:24px}.empty-state__icon,.error-state__icon{margin:0 auto 14px}.empty-state__icon{border:1px solid var(--surface-accent);background:var(--neutral-surface);color:var(--surface-accent)}.error-state__icon{border:1px solid var(--surface-danger);background:var(--neutral-surface);color:var(--surface-danger)}.empty-state h2,.error-state h2{margin:0;font-size:16px}.empty-state p,.error-state p{max-width:420px;color:var(--neutral-muted);margin:7px auto 0;font-size:13px}.error-state .button{margin-top:16px}.skeleton{min-height:112px;padding:20px;position:relative;overflow:hidden}.skeleton:after{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--neutral-text) 10%, transparent) 50%, transparent 80%);content:"";animation:1.35s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{background:var(--neutral-line);border-radius:99px;width:74%;height:13px}.skeleton-line+.skeleton-line{width:46%;margin-top:13px}.bottom-navigation{z-index:20;right:12px;bottom:calc(10px + max(env(safe-area-inset-bottom), var(--tg-content-safe-area-inset-bottom,0px)));border:1px solid var(--neutral-line);background:color-mix(in srgb, var(--neutral-surface) 92%, transparent);max-width:420px;box-shadow:0 12px 40px color-mix(in srgb, var(--neutral-text) 14%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:var(--neutral-text);border-radius:20px;gap:4px;margin:0 auto;padding:7px;display:grid;position:fixed;left:12px}.nav-item{min-width:0;min-height:51px;color:var(--neutral-muted);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 8px;display:flex;position:relative}.nav-item[aria-current=page]{background:var(--neutral-surface);color:var(--surface-accent);box-shadow:inset 0 0 0 1px}.nav-item__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}}@layer utilities{@keyframes breathe{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes shimmer{to{transform:translate(100%)}}}@media (min-width:620px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.app-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.sidebar{border-right:1px solid var(--neutral-line);background:color-mix(in srgb, var(--neutral-surface) 82%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);height:100dvh;color:var(--neutral-text);flex-direction:column;padding:26px 18px;display:flex;position:sticky;top:0}.sidebar .brand-lockup__context{color:var(--surface-muted)}.sidebar-navigation{gap:6px;margin-top:34px;display:grid}.sidebar .nav-item{min-height:var(--tap-size);flex-direction:row;justify-content:flex-start;gap:11px;padding:10px 12px}.sidebar .nav-item__label{font-size:13px}.sidebar__account{border-top:1px solid var(--neutral-line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:grid}.sidebar__account-name{font-size:12px;font-weight:750}.sidebar__account-meta{color:var(--neutral-muted);margin-top:2px;font-size:10px}.mobile-header,.bottom-navigation{display:none}.main-content{padding:54px 34px 72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
