*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--tg-bg: var(--tg-theme-bg-color, #ffffff);--tg-text: var(--tg-theme-text-color, #000000);--tg-hint: var(--tg-theme-hint-color, #707579);--tg-link: var(--tg-theme-link-color, #2481cc);--tg-btn-bg: var(--tg-theme-button-color, #2481cc);--tg-btn-text: var(--tg-theme-button-text-color, #ffffff);--tg-secondary-bg: var(--tg-theme-secondary-bg-color, #f1f1f1);--tg-section-bg: var(--tg-theme-section-bg-color, #ffffff);--tg-section-header: var(--tg-theme-section-header-text-color, #707579);--tg-accent: var(--tg-theme-accent-text-color, #2481cc);--tg-destructive: var(--tg-theme-destructive-text-color, #e53935);--tg-divider: var(--tg-theme-section-separator-color, rgba(0,0,0,.08));--brand-ink: #12344d;--brand-signal: #0b5f72;--brand-warm: #f28f3b;--brand-mist: #7dd3c7;--rc-radius: 14px;--rc-gap: 10px;--rc-btn-height: 72px;--rc-btn-height-lg: 56px;--rc-shadow: 0 1px 4px rgba(0,0,0,.12);--rc-shadow-active: 0 0 0 2px var(--tg-btn-bg);--rc-transition: .12s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--tg-secondary-bg);color:var(--tg-text)}.app{display:flex;flex-direction:column;height:100%;min-height:100dvh;width:100%;max-width:480px;margin:0 auto;background:var(--tg-secondary-bg)}.screen{display:flex;flex-direction:column;height:100%;overflow:hidden}.screen-header{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 10px;background:var(--tg-bg);border-bottom:1px solid color-mix(in srgb,var(--tg-divider) 80%,transparent);flex-shrink:0}.screen-header-main{flex:1;min-width:0}.screen-header-title{flex:1;font-size:17px;font-weight:600;letter-spacing:-.2px;color:var(--tg-text)}.screen-header-sub{font-size:12px;color:var(--tg-hint);margin-top:1px}.screen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 12px calc(28px + env(safe-area-inset-bottom,0px))}.back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--tg-secondary-bg);border:none;cursor:pointer;color:var(--tg-btn-bg);font-size:18px;flex-shrink:0;transition:opacity var(--rc-transition),box-shadow var(--rc-transition),transform var(--rc-transition)}.back-btn:active{opacity:.6}.back-btn:focus-visible,.rc-btn:focus-visible,.tab:focus-visible,.pager-btn:focus-visible,.header-action:focus-visible,.icon-action:focus-visible,.field-reveal:focus-visible,.role-option:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--tg-btn-bg) 26%,transparent)}.remote-grid{display:grid;gap:var(--rc-gap)}.remote-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.remote-grid--2{grid-template-columns:1fr 1fr}.remote-grid--1{grid-template-columns:1fr}.rc-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:var(--rc-btn-height);padding:12px 8px;border-radius:var(--rc-radius);border:none;cursor:pointer;text-align:center;transition:transform var(--rc-transition),box-shadow var(--rc-transition),opacity var(--rc-transition);box-shadow:var(--rc-shadow);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.rc-btn:active{transform:scale(.96);opacity:.85}.rc-btn__copy{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.rc-btn--default{background:var(--tg-section-bg);color:var(--tg-text)}.rc-btn--primary{background:var(--tg-btn-bg);color:var(--tg-btn-text)}.rc-btn--success{background:#34c759;color:#fff}.rc-btn--danger{background:var(--tg-destructive);color:#fff}.rc-btn--warning{background:#ff9500;color:#fff}.rc-btn--ghost{background:transparent;border:1.5px solid var(--tg-btn-bg);color:var(--tg-btn-bg);box-shadow:none}.rc-btn--full{min-height:60px;flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px;text-align:left}.rc-btn--full .rc-btn__copy{align-items:flex-start}.rc-btn--disabled,.rc-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.rc-btn__icon{font-size:26px;line-height:1}.rc-btn__label{font-size:13px;font-weight:600;line-height:1.2;letter-spacing:-.1px}.rc-btn__sub{font-size:11px;opacity:.7;line-height:1.2}.section{margin-bottom:20px}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--tg-section-header);padding:0 4px 6px}.card{background:var(--tg-section-bg);border-radius:var(--rc-radius);padding:14px 16px;box-shadow:var(--rc-shadow);margin-bottom:10px;border:1px solid color-mix(in srgb,var(--tg-divider) 72%,transparent)}.card--warning{background:color-mix(in srgb,#fff3cd 78%,var(--tg-section-bg));border-color:color-mix(in srgb,#f59e0b 38%,transparent)}.card--danger{background:#fde8e8;border-color:color-mix(in srgb,var(--tg-destructive) 36%,transparent)}.card--success{background:color-mix(in srgb,#dff7e8 72%,var(--tg-section-bg));border-color:color-mix(in srgb,#34c759 30%,transparent)}.card-title{font-size:15px;font-weight:600;color:var(--tg-text)}.card-sub{font-size:13px;color:var(--tg-hint);margin-top:3px}.brand-lockup{display:inline-flex;align-items:center;gap:14px}.brand-lockup--center{justify-content:center;text-align:center}.brand-lockup--sm{gap:10px}.brand-lockup--sm .brand-mark{width:42px;height:42px}.brand-lockup--md .brand-mark{width:58px;height:58px}.brand-lockup--lg .brand-mark{width:86px;height:86px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-wordmark{font-size:20px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--tg-text) 82%,var(--brand-ink) 18%)}.brand-lockup--sm .brand-wordmark{font-size:15px}.brand-tagline{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--tg-hint) 74%,var(--brand-signal) 26%)}.brand-lockup--icon-only{gap:0}.entry-brand{display:flex;justify-content:center;margin-bottom:18px}.hero-brand{display:flex;align-items:center;gap:14px;margin-bottom:10px}.hero-brand-copy{min-width:0}.hero-card{background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand-warm) 18%,transparent),transparent 38%),radial-gradient(circle at bottom left,color-mix(in srgb,var(--brand-mist) 22%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--tg-section-bg) 90%,var(--brand-signal) 10%),var(--tg-section-bg));border-radius:calc(var(--rc-radius) + 4px);padding:18px 16px;box-shadow:var(--rc-shadow);margin-bottom:12px;border:1px solid color-mix(in srgb,var(--brand-signal) 14%,transparent)}.hero-card--compact{padding:16px}.hero-kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-signal);margin-bottom:6px}.hero-title{font-size:18px;line-height:1.2;font-weight:700;color:var(--tg-text)}.hero-copy{font-size:13px;line-height:1.5;color:var(--tg-hint);margin-top:8px}@media(max-width:420px){.hero-brand{align-items:flex-start}.brand-lockup--lg{flex-direction:column}.brand-lockup--lg .brand-copy{align-items:center}}.stat-strip{display:flex;gap:8px;flex-wrap:wrap}.stat-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--tg-section-bg) 75%,transparent);color:var(--tg-text);font-size:12px;font-weight:600}.stat-pill--success{background:#dff7e8;color:#166534}.inline-note{border-radius:var(--rc-radius);padding:14px 16px;margin-bottom:10px;box-shadow:var(--rc-shadow)}.inline-note--danger{background:#fde8e8}.inline-note--warning{background:#fff4e5}.inline-note-title{font-size:13px;font-weight:700;color:var(--tg-text)}.inline-note-copy{font-size:13px;line-height:1.5;color:var(--tg-text);margin-top:4px}.step-stack{display:flex;flex-direction:column;gap:10px}.step-row{display:flex;align-items:flex-start;gap:10px}.step-index{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--tg-btn-bg);color:var(--tg-btn-text);font-size:12px;font-weight:700;flex-shrink:0}.step-title{font-size:14px;font-weight:700;color:var(--tg-text)}.step-copy{font-size:12px;line-height:1.45;color:var(--tg-hint);margin-top:2px}.invite-link-box{font-size:13px;line-height:1.55;word-break:break-all;color:var(--tg-text);padding:12px 14px;border-radius:12px;background:var(--tg-secondary-bg);border:1px solid color-mix(in srgb,var(--tg-btn-bg) 14%,transparent)}.invite-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-code-label{font-size:12px;color:var(--tg-hint);text-transform:uppercase;letter-spacing:.04em}.invite-code-chip{padding:6px 10px;border-radius:999px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:12px;font-weight:700;letter-spacing:.06em}.role-summary{display:flex;align-items:center;gap:12px}.role-summary-icon,.role-tile-icon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tg-btn-bg) 12%,transparent);font-size:20px;flex-shrink:0}.role-summary-title{font-size:14px;font-weight:700;color:var(--tg-text)}.role-summary-copy{font-size:12px;color:var(--tg-hint);margin-top:3px}.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge--green{background:#d4f5dc;color:#1e7e34}.badge--red{background:#fde8e8;color:#c0392b}.badge--yellow{background:#fff3cd;color:#856404}.badge--blue{background:#dbeafe;color:#1e40af}.badge--grey{background:var(--tg-secondary-bg);color:var(--tg-hint)}.spinner-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 0;color:var(--tg-hint);font-size:14px}.spinner{width:32px;height:32px;border:3px solid var(--tg-secondary-bg);border-top-color:var(--tg-btn-bg);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:48px 16px;color:var(--tg-hint)}.empty--compact{padding:40px 0 24px}.empty-icon{font-size:40px;margin-bottom:12px}.empty-text{font-size:15px}.empty-text--lead{font-size:17px;font-weight:700;color:var(--tg-text)}.empty-action{width:min(280px,100%);margin:16px auto 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;z-index:100;padding:0}.modal-sheet{background:var(--tg-bg);border-radius:20px 20px 0 0;padding:20px 16px 36px;width:100%;max-height:80vh;overflow-y:auto;animation:slide-up .2s ease}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:var(--tg-secondary-bg);border-radius:2px;margin:0 auto 16px}.modal-title{font-size:17px;font-weight:700;color:var(--tg-text)}.modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-close{width:34px;height:34px;border-radius:999px;border:none;background:var(--tg-secondary-bg);color:var(--tg-hint);font-size:20px;cursor:pointer;flex-shrink:0}.pager{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0}.pager-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--tg-section-bg);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:var(--rc-shadow);color:var(--tg-btn-bg);transition:opacity var(--rc-transition)}.pager-btn:disabled{opacity:.3;cursor:default}.pager-info{font-size:13px;color:var(--tg-hint);min-width:48px;text-align:center}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:600;color:var(--tg-hint);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.field input,.field select,.field textarea{width:100%;padding:11px 14px;border-radius:12px;border:1.5px solid transparent;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:15px;outline:none;transition:border-color var(--rc-transition);font-family:inherit;box-shadow:inset 0 0 0 1px transparent}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--tg-btn-bg)}.input-uppercase{text-transform:uppercase}.field-help{font-size:11px;line-height:1.5;color:var(--tg-hint);margin-top:8px}.textarea-vertical{resize:vertical}.visually-hidden-field{position:absolute;left:-9999px;top:-9999px;opacity:0;pointer-events:none}.field-with-action{position:relative}.field-with-action input{padding-right:44px}.field-reveal{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:var(--tg-hint)}.tabs{display:flex;gap:6px;padding:4px 0 10px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:background var(--rc-transition),color var(--rc-transition);background:var(--tg-section-bg);color:var(--tg-hint)}.tab--active{background:var(--tg-btn-bg);color:var(--tg-btn-text)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot--green{background:#34c759}.status-dot--red{background:#ff3b30}.status-dot--yellow{background:#fc0}.status-dot--grey{background:var(--tg-hint)}.list-item{display:flex;align-items:center;gap:12px;min-height:74px;padding:12px 14px;background:var(--tg-section-bg);border-radius:var(--rc-radius);box-shadow:var(--rc-shadow);margin-bottom:8px;cursor:pointer;transition:opacity var(--rc-transition);-webkit-tap-highlight-color:transparent}.list-item:active{opacity:.7}.list-item--static{cursor:default}.list-item--static:active{opacity:1}.list-item-icon{font-size:22px;flex-shrink:0}.list-item-body{flex:1;min-width:0}.list-item-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-sub{font-size:12px;color:var(--tg-hint);margin-top:2px}.list-item-right{flex-shrink:0;color:var(--tg-hint);font-size:18px}.header-action{min-height:34px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tg-btn-bg) 18%,transparent);background:color-mix(in srgb,var(--tg-btn-bg) 8%,var(--tg-bg));color:var(--tg-btn-bg);font-size:13px;font-weight:700;cursor:pointer}.header-action--danger{border-color:color-mix(in srgb,var(--tg-destructive) 18%,transparent);background:color-mix(in srgb,var(--tg-destructive) 8%,var(--tg-bg));color:var(--tg-destructive)}.icon-action{width:34px;height:34px;border-radius:10px;border:none;background:color-mix(in srgb,var(--tg-destructive) 10%,transparent);color:var(--tg-destructive);cursor:pointer;flex-shrink:0}.meta-stack{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.stack-8,.inline-stack{display:flex;flex-direction:column;gap:8px}.card-note{font-size:12px;line-height:1.65}.copy-lines{line-height:1.6}.copy-lines--wide{line-height:1.7}.code-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.metric-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{text-align:center}.metric-value{font-size:24px;font-weight:800}.metric-value--primary{color:var(--tg-btn-bg)}.metric-value--success{color:#34c759}.metric-value--warning{color:#ff9800}.metric-label{font-size:12px;color:var(--tg-hint);margin-top:4px}.card-title--success{color:#2e7d32}.emoji-lead{font-size:32px;text-align:center;margin-bottom:8px}.intro-stack{text-align:center;padding:32px 0 24px}.intro-stack--tight{padding-bottom:8px}.intro-title{font-size:22px;font-weight:700;color:var(--tg-text);margin-bottom:8px}.intro-copy{font-size:15px;color:var(--tg-hint);line-height:1.5;padding:0 16px}.hint-block{font-size:12px;line-height:1.55;text-align:center}.hint-block--padded{padding:0 8px 24px}.profile-hero{text-align:center;padding:8px 0 12px}.profile-hero-icon{font-size:48px;margin-bottom:8px}.profile-hero-name{font-size:18px}.mono-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.role-options{display:flex;flex-direction:column;gap:8px;margin-top:8px}.role-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:12px;border:2px solid var(--tg-divider);background:transparent;cursor:pointer;text-align:left}.role-option--active{border-color:var(--tg-btn-bg);background:color-mix(in srgb,var(--tg-btn-bg) 10%,transparent)}.role-option-copy{flex:1;min-width:0}.role-option-title{font-size:14px;font-weight:600;color:var(--tg-text)}.role-option-sub{font-size:12px;color:var(--tg-hint);margin-top:2px}.role-option-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--tg-divider);background:transparent;flex-shrink:0}.role-option-dot--active{border-color:var(--tg-btn-bg);background:var(--tg-btn-bg)}.state-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.state-option{min-height:40px;padding:8px 16px;border-radius:10px;border:2px solid var(--tg-divider);background:var(--tg-bg);color:var(--tg-text);cursor:pointer;font-size:14px;font-weight:500}.state-option--active{border-color:var(--tg-btn-bg);background:var(--tg-btn-bg);color:var(--tg-btn-text);font-weight:700}.feature-list{margin-top:10px;padding-left:18px;color:var(--tg-hint);font-size:13px}.feature-list li{margin-bottom:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.text-hint{color:var(--tg-hint);font-size:13px}.text-danger{color:var(--tg-destructive)}.text-success{color:#34c759}.text-center{text-align:center}.bold{font-weight:700}@media(max-width:380px){.remote-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-header{gap:8px;padding-left:12px;padding-right:12px}.screen-body{padding-left:10px;padding-right:10px}}