:root {font-family:system-ui,-apple-system,"Segoe UI",sans-serif; color-scheme:light dark;
  --bg:#f3ede3;--surface:#fffdf9;--ink:#1c1f1e;--muted:#505b54;--primary:#1f3d33;--on-primary:#ffffff;--border:#7c8b80;
  --warning:#fff1df;--risk:#902923;--ring:#2858a8; font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg);}
* {box-sizing:border-box;}body {margin:0;}button,input,textarea,select {font:inherit;}button,a,summary {touch-action:manipulation;}
button {min-height:44px;padding:.65rem 1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--ink);cursor:pointer;overflow-wrap:anywhere;transition:background-color 160ms ease;}
button:hover {background:var(--bg);}button:active {background:var(--border);}button:disabled {opacity:.55;cursor:not-allowed;}
button.primary {background:var(--primary);border-color:var(--primary);color:var(--on-primary);}button.primary:active {opacity:.8;}
:focus-visible {outline:3px solid var(--ring);outline-offset:3px;}a {color:var(--primary);}h1,h2,h3,p {margin:0 0 1rem;overflow-wrap:anywhere;}h1 {font-size:2.25rem;line-height:1.15;letter-spacing:-.035em;}h2 {font-size:1.35rem;}h3 {font-size:1.1rem;}ul {padding-left:1.2rem;}li {overflow-wrap:anywhere;}
header {max-width:76rem;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);}
.brand {font-size:1.6rem;font-weight:750;text-decoration:none;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;min-height:44px;}.brand span {font-size:.9rem;font-weight:400;color:var(--muted);}
.header-controls,.actions {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;}.badge {border:1px solid var(--border);border-radius:2rem;padding:.25rem .7rem;font-weight:650;}
main {max-width:76rem;padding:2rem 1.5rem calc(12rem + env(safe-area-inset-bottom));margin:auto;min-height:70dvh;}html {scroll-padding:1rem;scroll-padding-bottom:12rem;}
.page-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;}.eyebrow {font-size:.95rem;color:var(--muted);margin-bottom:.65rem;font-variant-numeric:tabular-nums;}
.access-note {color:var(--muted);}.notice {min-height:1.5rem;}.dashboard {display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;}.panel {background:var(--surface);padding:1.5rem;border:1px solid var(--border);border-radius:.75rem;min-width:0;}.attention {border-top:4px solid var(--primary);}.dashboard .attention {grid-row:span 2;}
.rows {list-style:none;padding:0;margin:0 0 1rem;}.rows>li {border-top:1px solid var(--border);padding:.7rem 0;}.row-button {display:flex;flex-direction:column;text-align:left;gap:.3rem;border:0;padding:.75rem 0;width:100%;background:transparent;border-radius:.15rem;}.row-button .eyebrow {margin:0;}.row-button strong {font-size:1.1rem;}.content-item {padding:.5rem 0;}.content-item h3 {font-size:1.3rem;}.risk {color:var(--risk);font-weight:700;border-left:4px solid var(--risk);padding:.5rem .75rem;}
.warning,.error {padding:1rem;background:var(--warning);border:1px solid var(--border);border-radius:.5rem;margin-bottom:1rem;}.warning h2 {margin-bottom:.5rem;}.empty {color:var(--muted);padding:1rem 0;}.skeleton {padding:1rem;border:1px dashed var(--border);margin-bottom:1rem;}
form {border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem;}label {display:block;font-weight:650;margin-bottom:.5rem;}textarea {display:block;width:100%;min-height:7rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--ink);resize:vertical;}form p {margin:.5rem 0 1rem;}
select {display:block;width:100%;min-height:44px;min-width:0;margin-bottom:1rem;padding:.65rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--ink);}
input[type="password"] {display:block;width:100%;min-width:0;min-height:44px;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--ink);}
.auth-shell {max-width:36rem;}.auth-shell h1 {font-size:1.5rem;overflow-wrap:normal;}
.exact-text {white-space:pre-wrap;overflow-wrap:anywhere;}.hash {overflow-wrap:anywhere;font-size:.9rem;}
.phone-controls {border-top:1px solid var(--border);padding-top:1rem;}
.undo-toast {position:sticky;bottom:6rem;background:var(--surface);border:2px solid var(--primary);padding:.75rem;z-index:2;}
input:not([type="checkbox"]) {max-width:100%;min-height:44px;padding:.65rem;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:.4rem;}
.dashboard .attention {grid-row:auto;grid-column:1/-1;}
dl.counts {grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;}dl.counts dd {text-align:right;font-variant-numeric:tabular-nums;}
.echo {min-height:44px;cursor:pointer;} .echo input {min-width:44px;min-height:44px;}
details {margin-top:1rem;}summary {min-height:44px;padding:.5rem;cursor:pointer;}dl {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.5rem;}dt,dd {margin:0;overflow-wrap:anywhere;}.link-list {display:flex;flex-direction:column;gap:.5rem;}
nav {position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;background:var(--surface);border-top:1px solid var(--border);padding:.5rem .5rem max(.5rem,env(safe-area-inset-bottom));}
nav button {flex:1 0 max-content;max-width:9rem;min-width:44px;padding:.55rem .25rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:1rem;border:0;}
nav span {overflow-wrap:normal;}
nav button[aria-current] {background:var(--bg);color:var(--primary);font-weight:700;}nav svg {width:1.4rem;height:1.4rem;flex-shrink:0;}
dialog {width:min(36rem,calc(100% - 2rem));max-height:85dvh;overflow:auto;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);color:var(--ink);padding:1.5rem;}
dialog::backdrop {background:#0009;}.echo {display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;}.echo input {width:1.4rem;height:1.4rem;flex-shrink:0;margin-top:.2rem;}
.skip {position:absolute;top:-8rem;left:1rem;background:var(--surface);padding:1rem;z-index:5;}.skip:focus {top:1rem;}
@media(max-width:48rem) {header {padding:1rem;}.brand span {max-width:14rem;}main {padding:1.5rem 1rem calc(12rem + env(safe-area-inset-bottom));}.dashboard {grid-template-columns:1fr;}.panel {padding:1rem;}h1 {font-size:1.9rem;}}
@media(prefers-color-scheme:dark) {:root {--bg:#141b18;--surface:#1e2822;--ink:#f3ede3;--muted:#c0ccc3;--primary:#afd3bf;--on-primary:#10251b;--border:#708176;--warning:#392d1d;--risk:#ffd0c8;--ring:#afc8ff;}}
@media(prefers-reduced-motion:reduce) {* {transition:none!important;scroll-behavior:auto!important;}}
