:root{--bg: var(--tg-theme-bg-color, #17212b);--secondary-bg: var(--tg-theme-secondary-bg-color, #232e3c);--fg: var(--tg-theme-text-color, #f5f5f5);--hint: var(--tg-theme-hint-color, #7d8b99);--link: var(--tg-theme-link-color, #6ab3f3);--button: var(--tg-theme-button-color, #5288c1);--button-fg: var(--tg-theme-button-text-color, #ffffff);--danger: #e5534b;--ok: #4bb543}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}h2{margin:24px 0 12px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--hint)}.card{background:var(--secondary-bg);border-radius:12px;padding:14px;margin-bottom:10px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.card-title{font-size:16px;font-weight:600;word-break:break-word}.card-meta{margin-top:4px;font-size:13px;color:var(--hint);word-break:break-all}.card-actions{display:flex;gap:8px;margin-top:12px}.badge{flex:0 0 auto;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge-ready{background:#4bb5432e;color:var(--ok)}.badge-pending{background:#7d8b9933;color:var(--hint)}.badge-error{background:#e5534b2e;color:var(--danger)}label{display:block;margin:12px 0 6px;font-size:13px;color:var(--hint)}input{width:100%;padding:12px;font-size:16px;border:1px solid transparent;border-radius:10px;background:var(--bg);color:var(--fg)}input:focus{outline:none;border-color:var(--button)}#pair-code{letter-spacing:.35em;text-align:center;font-size:22px;font-variant-numeric:tabular-nums}button{padding:11px 16px;font-size:15px;font-weight:600;border:0;border-radius:10px;background:var(--button);color:var(--button-fg)}button:disabled{opacity:.5}button.wide{width:100%;margin-top:14px}button.ghost{background:transparent;color:var(--link);padding:8px 0}button.danger{background:transparent;color:var(--danger);padding:8px 0}.empty{padding:18px 14px;border-radius:12px;background:var(--secondary-bg);color:var(--hint);font-size:14px}.error{margin-top:10px;color:var(--danger);font-size:14px}.dev-note{margin-bottom:14px;padding:10px 12px;border-radius:10px;background:#e5534b24;color:var(--danger);font-size:13px}