:root{color:#1d1d1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;--surface:#fff;--ink:#1d1d1f;--muted:#5c6573;--line:#d7dbe0;--blue:#1768e5;--risk:#c73342;--success:#236b45;--shadow:0 9px 19px #1d1d1f26, 0 2px 5px #1d1d1f17;background:#f4f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;color:var(--ink);background:#f4f5f7;margin:0;font-size:.9375rem;line-height:1.35}button{font:inherit}button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.app-shell{width:min(100%,430px);min-height:100svh;padding:calc(24px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;padding:8px 2px 17px;display:flex}h1,h2,p{overflow-wrap:break-word;word-break:normal}h1{letter-spacing:-.05em;margin:0;font-size:2.25rem;line-height:1}h2{letter-spacing:-.03em;margin:3px 0 0;font-size:1.333rem}.network-status,.atomic-badge{border:1px solid var(--line);min-height:28px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.network-status:before{background:var(--success);content:"";border-radius:50%;width:8px;height:8px;margin-right:6px}.network-status.offline:before{background:var(--risk)}.state-card,.proof-card,.offline-card{background:var(--surface);box-shadow:var(--shadow)}.state-card{border-radius:20px 20px 8px;padding:18px 18px 15px}.state-card h2{color:var(--muted);letter-spacing:0;margin:0;font-size:.8125rem;font-weight:400}.state-value{letter-spacing:-.05em;min-height:42px;margin:6px 0 0;font-size:2rem;font-weight:750;line-height:1.06}.state-details{grid-template-columns:.65fr 1.35fr;gap:14px;margin:18px 0 0;display:grid}.state-details div{border-top:1px solid var(--line);min-width:0;padding-top:8px}.state-details dt{color:var(--muted);font-size:.75rem}.state-details dd{margin:3px 0 0;font-weight:750}.proof-card{border-radius:8px 18px 18px;margin-top:14px;padding:15px}.proof-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.atomic-badge{color:var(--success);border-color:#236b4559}.proof-card>p,.offline-card>p{color:var(--muted);margin:10px 0 0}.actions{gap:9px;margin-top:16px;display:grid}.actions button,.update-action{border-radius:13px;width:100%;min-height:48px;padding:10px 14px;font-weight:750}.primary-action{border:1px solid var(--ink);background:var(--ink);color:var(--surface)}.secondary-action,.update-action{border:1px solid var(--line);background:var(--surface);color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.5}.offline-card{border-radius:15px 7px 15px 15px;margin-top:14px;padding:15px}.update-action{color:var(--blue);margin-top:14px}.privacy-note{color:var(--muted);margin:17px 4px 0;font-size:.8125rem}.live-region{margin:12px 4px 0;font-size:.8125rem;font-weight:650}@media (width<=360px){.app-shell{padding-left:14px;padding-right:14px}h1{font-size:2rem}}@media (width<=430px){.page-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}