@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Roboto+Slab:wght@700;800;900&display=swap');
:root{color-scheme:dark;--gold:#e6b66d;--cream:#f6f0e6;--garnet:#9e1736}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#090b0d;color:var(--cream)}body{font:600 16px/1.35 "Barlow Condensed",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.app{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:24px;background:radial-gradient(ellipse at 0 0,#26333c,transparent 65%),#0c1013;gap:16px}.top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid #42494d}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--gold);margin:0 0 5px}.top h1{font:900 23px/1.15 "Roboto Slab",Georgia,serif;letter-spacing:-.04em;margin:0}.tabs{display:flex;gap:6px}.tab,.member-button{padding:8px 14px;min-height:40px;border:1px solid #645844;border-radius:4px;background:#10171c;color:#f6f0e6;font-weight:800}.tab[aria-pressed=true]{background:var(--garnet);border-color:#b34c65}.body{min-height:0;display:grid;place-items:center}.card{width:min(100%,420px);padding:24px 26px;border:1px solid #726147;border-top:4px solid var(--garnet);border-radius:5px;background:linear-gradient(125deg,#1b242b,#0e151a);box-shadow:0 12px 24px #0002}.card h2{font:900 27px/1.12 "Roboto Slab",Georgia,serif;letter-spacing:-.04em;margin:0 0 9px}.intro{font:400 13px/1.45 Arial,sans-serif;color:#c3c9ca;margin:0 0 18px}.stage{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}.field-label{display:block;margin:12px 0 6px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#c4c9c9}.field{width:100%;min-height:42px;padding:9px 11px;background:#080d10;border:1px solid #54616a;border-radius:4px;color:#f6f0e6;font:400 14px Arial,sans-serif}.field:read-only{color:#b9c2c7}.field::placeholder{color:#8e9bA1}.button{min-height:43px;padding:9px 15px;border:1px solid #bb3c5b;border-radius:4px;background:var(--garnet);color:#fff;font-weight:800}.button.full{width:100%;margin-top:18px}.link{padding:0;border:0;background:none;color:var(--gold);font-size:14px;text-decoration:underline;text-underline-offset:3px}.below{font-size:14px;margin:15px 0 0;color:#bfc6c8}.error{font:400 12px/1.35 Arial,sans-serif;margin:10px 0 0;color:#ffd0d5}.fine{font:400 11px/1.4 Arial,sans-serif;color:#b3bdc1;margin:11px 0 0}.footer{font:400 10px/1.3 Arial,sans-serif;color:#a5afb2;border-top:1px solid #384249;padding-top:10px;display:flex;justify-content:space-between;gap:12px}.member{position:relative}.member-button{color:var(--gold)}.menu{position:absolute;right:0;top:46px;z-index:3;width:156px;border:1px solid #8e795b;border-radius:4px;background:#182127;box-shadow:0 8px 22px #0007}.menu button{display:block;width:100%;min-height:42px;padding:9px 14px;text-align:left;background:none;color:var(--cream);border:0;font-size:16px}.menu button:last-child{border-top:1px solid #465055;color:var(--gold)}.member-card{text-align:center}.initials{margin:0 auto 16px;width:58px;height:58px;display:grid;place-items:center;border:1px solid #9e875f;background:#e6b66d09;color:var(--gold);font:900 22px "Roboto Slab",Georgia,serif}.member-card .intro{margin-bottom:20px}.receipt{padding:14px 16px;margin-top:18px;text-align:left;background:#e6c795;color:#302114;border:1px solid #b98d58;font-size:15px}.receipt b{display:block;margin-bottom:4px}.receipt p{margin:0;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-block:1px solid #495052;padding:16px 0;margin:18px 0}.stats b{display:block;font:900 24px "Roboto Slab",Georgia,serif;color:var(--gold)}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c5cbcc}.actions{display:flex;gap:10px;justify-content:center}.secondary{border-color:#9b855d;background:none;color:var(--gold)}
@media(max-width:560px){.app{padding:14px;gap:10px}.top{padding-bottom:11px;gap:8px}.top h1{font-size:18px}.eyebrow{font-size:9px;letter-spacing:.1em}.tabs{gap:4px}.tab{padding:7px 10px;min-height:38px;font-size:14px}.card{padding:18px}.card h2{font-size:24px}.intro{font-size:12px;margin-bottom:14px}.field-label{margin-top:10px;font-size:11px}.field{min-height:40px;font-size:13px}.button{min-height:41px}.button.full{margin-top:14px}.stage{font-size:10px;margin-bottom:8px}.fine{font-size:10px}.below{font-size:13px;margin-top:12px}.footer{font-size:9px;padding-top:8px}.footer span:last-child{white-space:nowrap}.member-button{font-size:13px;padding:7px 9px;min-height:38px}.member-card h2{font-size:22px}.receipt{font-size:14px;padding:12px}.receipt p{font-size:12px}}
@media(max-width:360px){#create-form{padding:14px}#create-form h2{font-size:21px}#create-form .field-label{margin:7px 0 4px;font-size:10px}#create-form .field{min-height:36px;padding:8px 9px;font-size:12px}#create-form .button{min-height:38px;margin-top:12px}#create-form .below{margin-top:10px}#create-form .error{font-size:11px}.footer{font-size:8px}}