:root{--tg-bg: #0f1419;--tg-secondary-bg: #171e26;--tg-text: #e7edf3;--tg-hint: #8a97a6;--tg-button: #2b7fff;--tg-button-text: #ffffff;--ok: #2fbf71;--err: #ff5c5c;--radius: 12px;color-scheme:dark light}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--tg-bg: #f4f6f8;--tg-secondary-bg: #ffffff;--tg-text: #10151b;--tg-hint: #5b6775;--tg-button: #2b7fff}}:root[data-theme=light]{--tg-bg: #f4f6f8;--tg-secondary-bg: #ffffff;--tg-text: #10151b;--tg-hint: #5b6775}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--tg-bg);color:var(--tg-text);font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{min-height:100vh;display:flex;flex-direction:column}.appbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--tg-secondary-bg);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:8px;font-weight:600}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--tg-button);box-shadow:0 0 10px var(--tg-button)}.content{flex:1;padding:16px 16px 88px}.screen{display:flex;flex-direction:column;gap:10px;max-width:640px;margin:0 auto}.title{font-size:20px;margin:4px 0 8px}.label{font-size:12px;color:var(--tg-hint);margin-top:6px}.muted{color:var(--tg-hint)}.small{font-size:12px}.fineprint{font-size:11px;color:var(--tg-hint);margin-top:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.hidden{display:none}.divider{height:1px;background:color-mix(in srgb,var(--tg-hint) 25%,transparent);margin:6px 0}.field{width:100%;padding:12px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--tg-hint) 35%,transparent);background:var(--tg-bg);color:var(--tg-text);font-size:15px}.field:focus{outline:2px solid var(--tg-button);border-color:var(--tg-button)}.row{display:flex;align-items:center;gap:8px}.row.gap{flex-wrap:wrap}.btn{appearance:none;border:none;border-radius:var(--radius);padding:11px 14px;font-size:15px;font-weight:600;color:var(--tg-text);background:color-mix(in srgb,var(--tg-hint) 18%,transparent);cursor:pointer}.btn:disabled{opacity:.55}.btn-primary{background:var(--tg-button);color:var(--tg-button-text)}.btn-ghost{background:transparent;border:1px solid color-mix(in srgb,var(--tg-hint) 35%,transparent)}.btn-lg{padding:15px;font-size:17px;margin-top:8px}.btn-xs{padding:4px 8px;font-size:13px}.typegrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0}.typebtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px 10px;border-radius:16px;border:2px solid transparent;background:var(--tg-secondary-bg);color:var(--tg-text);cursor:pointer;min-height:96px}.typebtn.selected{border-color:var(--tg-button);box-shadow:0 0 0 3px color-mix(in srgb,var(--tg-button) 30%,transparent)}.typebtn-glyph{font-size:26px}.typebtn-label{font-size:15px;font-weight:600}.autobar{display:flex;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--tg-secondary-bg);border-radius:var(--radius)}.fixlist,.outboxlist{display:flex;flex-direction:column;gap:6px}.fixrow,.outboxrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--tg-secondary-bg);border-radius:8px}.badge{font-size:12px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--tg-hint) 25%,transparent);color:var(--tg-text)}.badge-active{background:color-mix(in srgb,var(--ok) 30%,transparent)}.badge-pending,.badge-submitted{background:color-mix(in srgb,#f0a500 35%,transparent)}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--tg-secondary-bg);border-top:1px solid color-mix(in srgb,var(--tg-hint) 25%,transparent);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tab{flex:1;appearance:none;border:none;background:transparent;color:var(--tg-hint);font-size:13px;font-weight:600;padding:10px 4px;border-radius:10px;cursor:pointer}.tab.active{color:var(--tg-button-text);background:var(--tg-button)}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%) translateY(20px);max-width:90vw;padding:11px 16px;border-radius:var(--radius);background:#222c38;color:#fff;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast-ok{background:var(--ok)}.toast-err{background:var(--err)}