:root{--color-bg: #0d1215;--color-card: #17201f;--color-card-elevated: #1c2725;--color-accent: #35d99a;--color-accent-strong: #2bbf85;--color-accent-soft: rgba(53, 217, 154, .12);--color-accent-line: rgba(53, 217, 154, .28);--color-text: #f1f5f4;--color-text-secondary: #8c9b96;--color-text-tertiary: #64736e;--color-text-on-accent: #071310;--color-border: #273330;--color-border-soft: rgba(39, 51, 48, .7);--color-danger: #ff6b6b;--color-warning: #ffc46b;--font-sans: Inter, "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-display: 700 30px/1.15 var(--font-sans);--text-title: 700 20px/1.25 var(--font-sans);--text-heading: 600 17px/1.35 var(--font-sans);--text-body: 400 15px/1.5 var(--font-sans);--text-body-strong: 500 15px/1.5 var(--font-sans);--text-label: 600 13px/1.3 var(--font-sans);--text-caption: 400 13px/1.4 var(--font-sans);--text-mono: 500 14px/1.4 var(--font-mono);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-pill: 999px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .02) inset;--shadow-float: 0 12px 32px rgba(0, 0, 0, .35);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .25s;--ease-standard: cubic-bezier(.32, .72, .28, 1);--content-max-width: 480px;--touch-target: 44px;--header-height: 56px;--bottom-nav-height: 64px;--tg-viewport-height: 100dvh;--tg-viewport-stable-height: 100dvh;--tg-safe-area-inset-top: env(safe-area-inset-top, 0px);--tg-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font:var(--text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root{isolation:isolate}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}a{color:var(--color-accent);text-decoration:none}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;min-height:var(--tg-viewport-stable-height, 100dvh);max-width:var(--content-max-width);margin:0 auto;background:var(--color-bg);position:relative}.app-shell__main{flex:1;padding-top:calc(var(--tg-safe-area-inset-top) + var(--space-1));padding-bottom:calc(var(--bottom-nav-height) + var(--tg-safe-area-inset-bottom) + var(--space-4));overflow-x:hidden}.app-header{display:flex;align-items:center;gap:var(--space-3);min-height:var(--header-height);padding:var(--space-2) var(--space-4);position:sticky;top:0;z-index:20;background:linear-gradient(to bottom,var(--color-bg) 70%,rgba(13,18,21,0))}.app-header__back{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);margin-left:calc(var(--space-2) * -1);color:var(--color-text);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard)}.app-header__back:active{background:var(--color-card)}.app-header__title{font:var(--text-title);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__action{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.app-header__action:active{color:var(--color-text);background:var(--color-card)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;pointer-events:none}.bottom-nav__inner{display:flex;width:100%;max-width:var(--content-max-width);padding:var(--space-2) var(--space-2) calc(var(--tg-safe-area-inset-bottom) + var(--space-2));background:#0d1215f5;border-top:1px solid var(--color-border-soft);backdrop-filter:blur(12px);pointer-events:auto}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:calc(var(--touch-target) + var(--space-2));padding:var(--space-1) var(--space-2);color:var(--color-text-secondary);font:var(--text-caption);border-radius:var(--radius-md);transition:color var(--duration-base) var(--ease-standard)}.bottom-nav__item[aria-current=page]{color:var(--color-accent)}.bottom-nav__item:active{background:var(--color-card)}.screen{padding:var(--space-2) var(--space-4) var(--space-6);animation:screen-in var(--duration-base) var(--ease-standard)}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen__title{font:var(--text-display);letter-spacing:-.02em}.screen__lead{margin-top:var(--space-2);color:var(--color-text-secondary);font:var(--text-body)}.boot-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg);z-index:60}.section{margin-top:var(--space-6)}.section__label{margin-bottom:var(--space-3);color:var(--color-text-secondary);font:var(--text-label);text-transform:uppercase;letter-spacing:.08em}.card{background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card--pad{padding:var(--space-4)}.card--lg{border-radius:var(--radius-xl)}.card--accent{border-color:var(--color-accent-line)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-5);border-radius:var(--radius-lg);font:var(--text-body-strong);text-align:center;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}.button:active:not(:disabled){transform:scale(.985)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--color-accent);color:var(--color-text-on-accent)}.button--primary:active:not(:disabled){background:var(--color-accent-strong)}.button--secondary{background:var(--color-card-elevated);color:var(--color-text);border:1px solid var(--color-border)}.button--ghost{background:transparent;color:var(--color-text-secondary)}.button--block{width:100%}.button--sm{min-height:38px;padding:0 var(--space-4);font:var(--text-label);border-radius:var(--radius-md)}.button__spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-tile{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-card-elevated);color:var(--color-text-secondary)}.icon-tile--accent{background:var(--color-accent-soft);color:var(--color-accent)}.row{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:100%;min-height:60px;padding:var(--space-3) var(--space-4);background:var(--color-card);text-align:left;transition:background var(--duration-fast) var(--ease-standard)}button.row:active{background:var(--color-card-elevated)}.row+.row{border-top:1px solid var(--color-border-soft)}.row__body{flex:1;min-width:0}.row__title{display:block;font:var(--text-body-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__subtitle{display:block;margin-top:2px;color:var(--color-text-secondary);font:var(--text-caption);overflow-wrap:anywhere}.notice__text{color:var(--color-text-secondary);font:var(--text-caption);line-height:1.55}.row__value{min-width:0;color:var(--color-text-secondary);font:var(--text-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__chevron{flex:none;color:var(--color-text-tertiary)}.row-list{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-soft)}.server-flag{flex:none;width:34px;height:34px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-card-elevated)}.server-flag>svg{width:21px;height:14px;border-radius:2px;object-fit:cover}.server-latency{color:var(--color-text-secondary);font:var(--text-caption);font-variant-numeric:tabular-nums}.server-latency--none{color:var(--color-text-tertiary)}.server-latency--slow{color:var(--color-warning)}.radio{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--duration-base) var(--ease-standard)}.radio[data-selected=true]{border-color:var(--color-accent)}.radio__dot{width:11px;height:11px;border-radius:50%;background:var(--color-accent);transform:scale(0);transition:transform var(--duration-base) var(--ease-standard)}.radio[data-selected=true] .radio__dot{transform:scale(1)}.search{position:relative;display:flex;align-items:center}.search__icon{position:absolute;left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none}.search__input{width:100%;min-height:var(--touch-target);padding:0 var(--space-4) 0 40px;background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);color:var(--color-text);font:var(--text-body);transition:border-color var(--duration-base) var(--ease-standard)}.search__input::placeholder{color:var(--color-text-tertiary)}.search__input:focus{outline:none;border-color:var(--color-accent-line)}.chips{display:flex;gap:var(--space-2);margin:var(--space-3) 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chip{flex:none;min-height:34px;padding:0 var(--space-4);display:inline-flex;align-items:center;border-radius:var(--radius-pill);background:var(--color-card);border:1px solid var(--color-border-soft);color:var(--color-text-secondary);font:var(--text-label);white-space:nowrap;transition:background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.chip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}.hero-badge{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-5)}.hero-badge__ring{display:flex;align-items:center;justify-content:center;width:128px;height:128px;border-radius:50%;border:2px solid var(--color-accent-line);color:var(--color-accent);background:radial-gradient(circle at 50% 50%,var(--color-accent-soft) 0%,transparent 70%)}.hero-badge__title{margin-top:var(--space-4);font:var(--text-title)}.hero-badge__subtitle{margin-top:var(--space-2);max-width:260px;color:var(--color-text-secondary);font:var(--text-caption)}.key-preview{display:flex;align-items:center;gap:var(--space-3)}.key-preview__label{color:var(--color-text-secondary);font:var(--text-caption)}.key-preview__value{margin-top:2px;font:var(--text-mono);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{height:8px;border-radius:var(--radius-pill);background:var(--color-card-elevated);overflow:hidden}.progress__bar{height:100%;background:var(--color-accent);border-radius:var(--radius-pill);transition:width var(--duration-slow) var(--ease-standard)}.steps{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.step{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font:var(--text-body);transition:color var(--duration-base) var(--ease-standard)}.step[data-state=done],.step[data-state=active]{color:var(--color-text)}.step__icon{flex:none;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color-border);color:var(--color-text-tertiary)}.step[data-state=done] .step__icon{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.step[data-state=active] .step__icon{border-color:var(--color-accent);color:var(--color-accent);animation:pulse 1.2s var(--ease-standard) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.open-target{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-7) 0 var(--space-6)}.open-target__arrow{color:var(--color-accent)}.open-target__tile{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text)}.notice{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-card);border:1px solid var(--color-border-soft);color:var(--color-text-secondary);font:var(--text-caption)}.notice--warning{border-color:#ffc46b4d}.notice--danger{border-color:#ff6b6b4d}.notice__icon{flex:none;color:var(--color-text-tertiary)}.notice--warning .notice__icon{color:var(--color-warning)}.notice--danger .notice__icon{color:var(--color-danger)}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--color-text-secondary)}.state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--color-card);color:var(--color-text-tertiary)}.state__title{font:var(--text-heading);color:var(--color-text)}.state__text{font:var(--text-caption);max-width:280px}.skeleton{background:var(--color-card);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton--row{height:60px;margin-bottom:1px}.switch{flex:none;width:46px;height:28px;border-radius:var(--radius-pill);background:var(--color-card-elevated);border:1px solid var(--color-border);padding:2px;display:flex;transition:background var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.switch[data-checked=true]{background:var(--color-accent);border-color:var(--color-accent)}.switch__thumb{width:22px;height:22px;border-radius:50%;background:var(--color-text-secondary);transition:transform var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.switch[data-checked=true] .switch__thumb{transform:translate(18px);background:var(--color-text-on-accent)}.copy-flash{animation:copy-flash var(--duration-slow) var(--ease-standard)}@keyframes copy-flash{0%{background:var(--color-accent-soft)}to{background:transparent}}.spin{animation:spin .9s linear infinite}.stack{display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.stack--tight{gap:var(--space-2)}.stack--loose{gap:var(--space-4)}