:root{--ink:#233027;--muted:#677367;--paper:#f5edcf;--paper-deep:#eadba9;--chalk:#fffaf0;--green:#457754;--green-dark:#264f38;--blue:#9fc9d2;--red:#b6503e;--line:#2330272e;--shadow:0 28px 70px #414b372e}*{box-sizing:border-box}html{background:var(--paper);min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at top left, #9fc9d2e6, transparent 34rem), radial-gradient(circle at 86% 14%, #b6503e2e, transparent 26rem), linear-gradient(90deg, #2330270f 1px, transparent 1px), linear-gradient(#2330270b 1px, transparent 1px), var(--paper);background-size:auto,auto,34px 34px,34px 34px,auto;margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}button{font:inherit}.ledger-shell{width:min(1120px,100% - 28px);margin:0 auto;padding:28px 0 48px}.hero-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffaf0f2,#f5edcfcc),repeating-linear-gradient(0deg,#0000 0 30px,#2330270f 31px 32px);border-radius:34px;padding:18px;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;border:1px solid #23302729;border-radius:24px;position:absolute;inset:18px}.progress-card{z-index:1;background:var(--green-dark);width:min(100%,430px);min-height:210px;color:var(--chalk);border:1px solid #23302733;border-radius:28px;flex-direction:column;justify-content:flex-end;margin-left:auto;padding:24px;display:flex;position:relative;box-shadow:inset 0 0 0 8px #fffaf014}.progress-number{letter-spacing:-.1em;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(4rem,10vw,7rem);font-weight:900;line-height:.8}.progress-label{color:#fffaf0bd;letter-spacing:.14em;text-transform:uppercase;margin-top:8px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;font-weight:800}.progress-track{background:#fffaf01f;border:1px solid #fffaf04d;border-radius:999px;height:12px;margin-top:28px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--paper-deep), var(--blue));height:100%;transition:width .18s;display:block}.progress-card p{color:#fffaf0d1;margin:16px 0 0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.actions{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.actions button{cursor:pointer;border:1px solid var(--green-dark);background:var(--green-dark);min-height:52px;color:var(--chalk);letter-spacing:.02em;border-radius:999px;padding:0 22px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.92rem;font-weight:850;box-shadow:0 12px 28px #2330272e}.actions button:disabled{cursor:not-allowed;opacity:.52}.actions .ghost-button{color:var(--green-dark);background:#fffaf080}.state-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.state-card{cursor:pointer;text-align:left;border:1px solid var(--line);min-height:116px;color:var(--ink);background:#fffaf0bd;border-radius:20px;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:16px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;box-shadow:0 12px 30px #414b3714}.state-card:hover{border-color:#264f386b;transform:translateY(-2px);box-shadow:0 18px 36px #414b3724}.state-card:focus-visible,.actions button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.state-card.found{color:var(--chalk);background:linear-gradient(135deg,#457754f5,#264f38f5);border-color:#264f389e}.state-code{letter-spacing:.05em;border:1px solid;border-radius:10px;place-items:center;width:46px;height:36px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.92rem;font-weight:900;display:grid}.state-name{overflow-wrap:anywhere;align-self:center;min-width:0;font-size:clamp(1.02rem,.9rem + .35vw,1.18rem);font-weight:750;line-height:1.08}.state-status{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;align-self:end;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.72rem;font-weight:900}.found .state-status{color:#fffaf0bd}@media (max-width:780px){.ledger-shell{width:min(100% - 20px,680px);padding-top:10px}.hero-card{border-radius:26px}.hero-card:after{border-radius:18px;inset:12px}.progress-card{width:100%;min-height:180px}.actions button{flex:180px}.state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.state-card{min-height:108px;padding:13px}}@media (max-width:440px){.state-grid{grid-template-columns:1fr}}
