.field-root{--f-bg:#f6f7f9;--f-surface:#fff;--f-chrome:#0f172a;--f-chrome-fg:#fff;--f-fg:#0f172a;--f-muted:#64748b;--f-border:#e2e8f0;--f-accent:#ea580c;--f-accent-fg:#fff;--f-queued:#b45309;--f-queued-bg:#fef3c7;--f-danger:#b91c1c;--f-danger-bg:#fee2e2;--f-ok:#15803d;--f-ok-bg:#dcfce7;--f-radius:.6rem;--f-tap:44px;background:var(--f-bg);height:100dvh;color:var(--f-fg);-webkit-text-size-adjust:100%;flex-direction:column;font-size:16px;line-height:1.45;display:flex}.field-topbar{z-index:20;padding:.5rem .75rem;padding-top:calc(.5rem + env(safe-area-inset-top));background:var(--f-chrome);color:var(--f-chrome-fg);align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.field-brand{color:inherit;flex-direction:column;min-width:0;margin-inline-end:auto;line-height:1.05;text-decoration:none;display:flex}.field-brand-mark{white-space:nowrap;font-size:.95rem;font-weight:700}.field-brand-tag{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.field-conn{white-space:nowrap;background:#ffffff24;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.field-conn-dot{background:#22c55e;border-radius:50%;flex:none;width:.5rem;height:.5rem}.field-conn[data-state=offline] .field-conn-dot{background:#ef4444}.field-conn[data-state=unstable] .field-conn-dot{background:#f59e0b}.field-conn[data-state=syncing] .field-conn-dot{background:#38bdf8}.field-btn{min-height:var(--f-tap);min-width:var(--f-tap);border-radius:var(--f-radius);background:var(--f-accent);color:var(--f-accent-fg);font:inherit;cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.9rem;font-weight:600;display:inline-flex}.field-btn:disabled{opacity:.55;cursor:not-allowed}.field-btn:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}.field-btn[data-variant=ghost]{color:inherit;background:0 0;border:1px solid #fff6;font-weight:500}.field-btn[data-variant=quiet]{background:var(--f-surface);color:var(--f-fg);border:1px solid var(--f-border);font-weight:600}.field-btn[data-tone=queued]{background:var(--f-queued)}.field-btn[data-tone=busy]{background:#475569}.field-btn-badge{font-variant-numeric:tabular-nums;background:#ffffff47;border-radius:999px;padding:0 .4rem;font-size:.75rem;line-height:1.5}.field-spin{display:inline-block}@media (prefers-reduced-motion:no-preference){.field-btn[data-tone=busy] .field-spin{animation:1s linear infinite field-spin}}@keyframes field-spin{to{transform:rotate(360deg)}}.field-banner{background:var(--f-queued-bg);color:var(--f-queued);border-bottom:1px solid var(--f-border);padding:.45rem .9rem;font-size:.85rem}.field-banner[data-tone=error]{background:var(--f-danger-bg);color:var(--f-danger)}.field-banner[data-tone=ok]{background:var(--f-ok-bg);color:var(--f-ok)}.field-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:.75rem .75rem 1rem;overflow-y:auto}.field-nav{z-index:20;background:var(--f-surface);border-top:1px solid var(--f-border);padding-bottom:env(safe-area-inset-bottom);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:sticky;bottom:0}.field-nav-item{min-height:56px;color:var(--f-muted);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.72rem;font-weight:600;text-decoration:none;display:flex;position:relative}.field-nav-item[aria-current=page]{color:var(--f-accent)}.field-nav-item[aria-current=page]:before{content:"";inset-inline:20%;background:var(--f-accent);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0}.field-nav-glyph{font-size:1.25rem;line-height:1}.field-nav-count{top:6px;background:var(--f-queued);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:1.05rem;padding:0 .25rem;font-size:.65rem;line-height:1.05rem;position:absolute;inset-inline-start:55%}.field-card{background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius);margin-bottom:.65rem;padding:.85rem}.field-card-title{margin:0 0 .35rem;font-size:.95rem;font-weight:700}.field-muted{color:var(--f-muted);font-size:.85rem}.field-kv{grid-template-columns:auto 1fr;gap:.3rem .75rem;margin:0;font-size:.88rem;display:grid}.field-kv dt{color:var(--f-muted)}.field-kv dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.field-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.field-progress{margin-top:.5rem}.field-deadlist{margin:.5rem 0 0;padding:0;list-style:none}.field-deadlist li{border-top:1px solid var(--f-border);padding:.5rem 0}.field-deadlist-head{font-size:.88rem;font-weight:600}.field-page-title{margin:.25rem 0 .75rem;font-size:1.15rem;font-weight:700}.field-tiles{gap:.65rem;display:grid}.field-tile{background:var(--f-surface);border:1px solid var(--f-border);border-radius:var(--f-radius);min-height:64px;color:var(--f-fg);align-items:center;gap:.75rem;padding:.85rem;text-decoration:none;display:flex}.field-tile-glyph{font-size:1.6rem;line-height:1}.field-tile-label{font-weight:700}.field-tile-sub{color:var(--f-muted);font-size:.8rem}@media (min-width:640px){.field-root>.field-topbar,.field-root>.field-banner{padding-inline:max(.75rem,50% - 17rem)}.field-body{width:100%;max-width:34rem;margin:0 auto}.field-nav{border-inline:1px solid var(--f-border);width:100%;max-width:34rem;margin:0 auto}}