@import url('https://fonts.googleapis.com/css2?family=DM+Mono&display=swap');
:root{--navy:#11152e;--cream:#fbf7eb;--mint:#49e5d0;--pink:#ff4c9b;--yellow:#f5ee62}*{box-sizing:border-box}body{background:var(--navy);color:var(--cream);font-family:'DM Mono',monospace;margin:0}header{align-items:center;border-bottom:2px solid var(--mint);display:flex;justify-content:space-between;padding:21px clamp(20px,5vw,70px)}header a{color:var(--mint);font-size:1.1rem;font-weight:bold;text-decoration:none}header span,.eyebrow{font-size:.68rem;font-weight:bold;letter-spacing:.1em}.eyebrow{color:var(--mint);margin:0 0 13px}main{background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:22px 22px;min-height:calc(100vh - 111px);padding:clamp(48px,9vh,100px) 20px}.panel,.account{margin:auto;max-width:790px}.panel{background:var(--cream);box-shadow:10px 10px 0 var(--pink);color:var(--navy);max-width:460px;padding:36px}.panel h1,.account h1{font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.09em;line-height:.82;margin:0}.panel .eyebrow{color:#59606b}form{display:grid;gap:15px;margin-top:30px}label{display:grid;font-size:.68rem;font-weight:bold;gap:7px;letter-spacing:.06em}input{background:#fff;border:2px solid var(--navy);border-radius:0;font:inherit;padding:12px}button{background:var(--yellow);border:2px solid var(--navy);box-shadow:5px 5px 0 var(--pink);color:var(--navy);cursor:pointer;font:700 .75rem 'DM Mono';letter-spacing:.07em;padding:14px}.note{color:#bfc5d4;font-family:Arial,sans-serif;font-size:.9rem;line-height:1.45}.panel .note{color:#515865}.topline{align-items:center;display:flex;justify-content:space-between}.quiet{background:transparent;border:1px solid var(--mint);box-shadow:none;color:var(--mint);padding:9px}.tiles{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:32px 0}.tiles article{background:var(--cream);box-shadow:7px 7px 0 var(--pink);color:var(--navy);display:grid;gap:10px;padding:25px}.tiles span{font-size:.65rem;font-weight:bold}.tiles strong{font-size:2.1rem;letter-spacing:-.08em}.tiles small{font-family:Arial,sans-serif}.invite{border:1px solid #4d5374;margin:35px 0;padding:22px}.invite p:not(.eyebrow){font-family:Arial,sans-serif;line-height:1.5}.invite form{display:flex;margin-top:16px}.invite input{flex:1}.invite button{box-shadow:none;white-space:nowrap}.ledger{border-top:1px solid #4d5374}.entry{align-items:center;border-bottom:1px solid #4d5374;display:grid;font-size:.8rem;gap:14px;grid-template-columns:90px 1fr auto;padding:15px 0}.plus{color:var(--mint)}.minus{color:var(--pink)}time{color:#bfc5d4;font-size:.7rem}footer{background:var(--pink);color:var(--navy);font-size:.7rem;font-weight:bold;letter-spacing:.08em;overflow:hidden;padding:14px;text-align:center}@media(max-width:600px){header span{display:none}.tiles{grid-template-columns:1fr}.invite form{display:grid}.entry{grid-template-columns:82px 1fr}.entry time{grid-column:2}.account h1{font-size:3.3rem}}