:root{color:var(--wb-text,var(--tg-theme-text-color,#172033));background:var(--wb-bg,var(--tg-theme-bg-color,#f3f6fa));font-synthesis:none;text-rendering:optimizelegibility;--wb-bg:var(--tg-theme-bg-color,#f3f6fa);--wb-surface:var(--tg-theme-section-bg-color,#fff);--wb-surface-subtle:var(--tg-theme-secondary-bg-color,#f6f8fb);--wb-header:var(--tg-theme-header-bg-color,#fff);--wb-navigation:var(--tg-theme-bottom-bar-bg-color,#fff);--wb-text:var(--tg-theme-text-color,#172033);--wb-muted:var(--tg-theme-hint-color,#68758a);--wb-primary:var(--tg-theme-button-color,#2f6fe4);--wb-primary-text:var(--tg-theme-button-text-color,#fff);--wb-link:var(--tg-theme-link-color,#2f6fe4);--wb-border:#5367842e;--wb-shadow:0 10px 30px #263a5814;--wb-radius:14px;--wb-safe-top:env(safe-area-inset-top,0px);--wb-safe-bottom:env(safe-area-inset-bottom,0px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-color-scheme=dark]{--wb-border:#d2dced29;--wb-shadow:0 10px 30px #0000003d}*{box-sizing:border-box}html{background:var(--wb-bg);min-width:320px;min-height:100%}body{background:var(--wb-bg);min-width:320px;min-height:100dvh;color:var(--wb-text);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}h1,h2,p{margin:0}h1{letter-spacing:-.025em;font-size:clamp(1.55rem,6vw,1.85rem);line-height:1.14}h2{letter-spacing:-.012em;font-size:1.08rem;line-height:1.25}p{font-size:.94rem;line-height:1.48}#root{min-height:100dvh}.app-shell,.entry-layout,.browser-environment{background:var(--wb-bg);width:100%;min-height:100dvh;margin:0 auto}.app-shell,.entry-layout{flex-direction:column;display:flex}.app-bar{z-index:10;min-height:calc(54px + var(--wb-safe-top));padding:calc(10px + var(--wb-safe-top)) 16px 10px;border-bottom:1px solid var(--wb-border);background:color-mix(in srgb, var(--wb-header) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:10px;display:flex;position:sticky;top:0}.app-bar__mark,.brand-lockup__mark{background:var(--wb-primary);color:var(--wb-primary-text);letter-spacing:-.05em;border-radius:10px;flex:none;place-items:center;font-weight:800;display:inline-grid}.app-bar__mark{width:30px;height:30px;font-size:.83rem}.app-bar__title{letter-spacing:-.01em;font-size:1rem;font-weight:700}.home-content{flex-direction:column;flex:1;gap:14px;padding:22px 16px 28px;display:flex}.home-heading{gap:5px;display:grid}.eyebrow{color:var(--wb-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.card{border:1px solid var(--wb-border);border-radius:var(--wb-radius);background:var(--wb-surface);box-shadow:var(--wb-shadow)}.context-card{gap:18px;padding:18px;display:grid}.context-card__body{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:13px;display:grid}.context-card__body h2,.entry-card h1{margin-bottom:7px}.context-card__body p,.entry-card p,.browser-environment__copy,.preview-panel p{color:var(--wb-muted)}.context-card__icon,.entry-icon{background:color-mix(in srgb, var(--wb-primary) 11%, var(--wb-surface));color:var(--wb-primary);border-radius:12px;place-items:center;font-weight:800;display:inline-grid}.context-card__icon{letter-spacing:-.02em;width:42px;height:42px;font-size:.7rem}.context-card__actions,.welcome-actions{gap:9px;display:grid}.button{cursor:pointer;border:1px solid #0000;border-radius:11px;min-height:44px;padding:10px 16px;font-size:.92rem;font-weight:650;line-height:1.2;transition:transform .12s,opacity .12s,background-color .12s}.button:active:not(:disabled){transform:scale(.985)}.button:focus-visible,.bottom-navigation__item:focus-visible,.preview-panel a:focus-visible{outline:3px solid color-mix(in srgb, var(--wb-primary) 30%, transparent);outline-offset:2px}.button--full{width:100%}.button--primary{background:var(--wb-primary);color:var(--wb-primary-text);box-shadow:0 5px 12px color-mix(in srgb, var(--wb-primary) 22%, transparent)}.button--secondary{border-color:var(--wb-border);background:var(--wb-surface-subtle);color:var(--wb-text)}.button--text{min-height:38px;color:var(--wb-link);background:0 0;padding-block:7px}.button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.status-banner{border:1px solid color-mix(in srgb, var(--wb-primary) 18%, var(--wb-border));background:color-mix(in srgb, var(--wb-primary) 7%, var(--wb-surface));color:var(--wb-text);border-radius:11px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:.82rem;line-height:1.35;display:flex}.status-banner__dot{background:var(--wb-primary);border-radius:999px;width:7px;height:7px;margin-top:4px}.bottom-navigation{z-index:9;min-height:calc(62px + var(--wb-safe-bottom));padding:6px 8px calc(6px + var(--wb-safe-bottom));border-top:1px solid var(--wb-border);background:color-mix(in srgb, var(--wb-navigation) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(3,1fr);display:grid;position:sticky;bottom:0}.bottom-navigation__item{min-width:0;color:var(--wb-muted);background:0 0;border:0;border-radius:10px;align-content:center;place-items:center;gap:2px;padding:4px;font-size:.67rem;font-weight:600;display:grid}.bottom-navigation__item:disabled{opacity:.56}.bottom-navigation__item--active{color:var(--wb-primary)}.bottom-navigation__icon{font-size:1.22rem;font-weight:800;line-height:1}.entry-layout--centered,.entry-content--centered{justify-content:center;align-items:center}.entry-layout--centered{padding:calc(24px + var(--wb-safe-top)) 20px calc(24px + var(--wb-safe-bottom));gap:14px}.loading-copy{color:var(--wb-muted);font-size:.92rem;font-weight:600}.loader{border:3px solid color-mix(in srgb, var(--wb-primary) 16%, transparent);border-top-color:var(--wb-primary);border-radius:999px;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader{animation-duration:1.8s}.button{transition:none}}.entry-content{width:100%;padding:24px 16px calc(24px + var(--wb-safe-bottom));flex:1;display:flex}.entry-card{text-align:center;width:100%;padding:22px 18px 18px}.entry-card .button{margin-top:20px}.entry-icon{width:48px;height:48px;margin:0 auto 17px;font-size:1.2rem}.entry-icon--error{background:color-mix(in srgb, #d64040 10%, var(--wb-surface));color:#c13737}.welcome-content,.browser-environment__content{width:100%;max-width:480px;min-height:100dvh;padding:calc(30px + var(--wb-safe-top)) 20px calc(24px + var(--wb-safe-bottom));flex-direction:column;margin:0 auto;display:flex}.welcome-content{justify-content:space-between;gap:30px}.brand-lockup{letter-spacing:.06em;align-items:center;gap:10px;font-size:.86rem;font-weight:800;display:flex}.brand-lockup__mark{width:34px;height:34px;font-size:.9rem}.welcome-copy{gap:11px;margin-block:auto;display:grid}.welcome-copy p:last-child{max-width:32rem;color:var(--wb-muted)}.availability-note{color:var(--wb-muted);text-align:center;margin-top:-3px;font-size:.73rem;display:block}.sheet-backdrop{z-index:50;padding-top:var(--wb-safe-top);background:#0c162661;justify-content:center;align-items:flex-end;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{width:min(100%,480px);padding:8px 20px calc(20px + var(--wb-safe-bottom));border:1px solid var(--wb-border);background:var(--wb-surface);border-radius:20px 20px 0 0;animation:.18s ease-out sheet-in;box-shadow:0 -16px 48px #12223a33}.sheet__handle{background:color-mix(in srgb, var(--wb-muted) 35%, transparent);border-radius:999px;width:38px;height:4px;margin:2px auto 20px}.sheet h2{margin-bottom:10px}.sheet p{color:var(--wb-muted);margin-bottom:8px}.sheet .button{margin-top:14px}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(24px)}}.browser-environment__content{justify-content:center;gap:30px}.browser-environment__content>div:nth-child(2){gap:10px;display:grid}.preview-panel{border:1px solid var(--wb-border);border-radius:var(--wb-radius);background:var(--wb-surface);box-shadow:var(--wb-shadow);padding:16px}.preview-panel h2{margin-bottom:5px}.preview-panel__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.preview-panel a{border:1px solid var(--wb-border);color:var(--wb-link);border-radius:10px;padding:10px;font-size:.78rem;font-weight:650;text-decoration:none}@media (width>=520px){body{padding:20px}.app-shell,.entry-layout,.browser-environment{border:1px solid var(--wb-border);border-radius:22px;max-width:480px;min-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 20px 70px #21355229}.welcome-content,.browser-environment__content{min-height:calc(100dvh - 42px)}.sheet{border-radius:20px;margin-bottom:20px}}