@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#251b12;background:#f3ead7;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:#f3ead7;background-image:radial-gradient(#d8c9ad 1px,transparent 1px);background-size:16px 16px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;overflow:hidden}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));border-bottom:3px solid #251b12;background:#f7f0e2}.brand{display:flex;align-items:center;gap:11px;color:#251b12;text-decoration:none;font:900 25px/.8 Barlow Condensed,sans-serif;letter-spacing:-.02em}.brand>span:last-child span{display:block;color:#c84927;font-size:15px;letter-spacing:.12em}.brand-icon{display:grid;place-items:center;width:46px;height:46px;border:2px solid #251b12;border-radius:50%;background:#efad28;box-shadow:3px 3px #251b12;font-size:24px}.topbar p{color:#786753;font-size:13px;font-style:italic}main{width:min(1120px,calc(100% - 40px));margin:0 auto}.hero{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center;min-height:510px;padding:64px 0 56px}.hero:after{content:"";position:absolute;left:50%;bottom:0;width:100vw;height:3px;transform:translate(-50%);background:#251b12}.kicker,.section-heading span{display:inline-block;padding:5px 9px;background:#251b12;color:#f3ead7;font:700 12px DM Sans;letter-spacing:.16em;transform:rotate(-1deg)}h1,h2{font-family:Barlow Condensed,sans-serif}h1{margin:14px 0 12px;font-size:clamp(62px,8vw,108px);font-weight:900;line-height:.78;letter-spacing:-.045em}.hero-copy>p{max-width:570px;color:#6b5948;font-size:16px;line-height:1.65}.hero-copy>p strong{color:#251b12}.hero-stats{display:flex;gap:0;margin-top:31px}.hero-stats>div{min-width:125px;padding:0 24px;border-left:2px solid #251b12}.hero-stats>div:first-child{padding-left:0;border-left:0}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{overflow:hidden;max-width:150px;font:900 38px/1 Barlow Condensed;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hero-stats span{margin-top:4px;color:#c84927;font:700 10px DM Sans;letter-spacing:.12em}.debt-card{position:relative;display:grid;gap:15px;padding:42px 30px 27px;border:3px solid #251b12;background:#fffcf4;box-shadow:9px 9px #251b12;transform:rotate(1.2deg)}.card-tape{position:absolute;top:-18px;left:50%;width:180px;padding:10px;transform:translate(-50%) rotate(-3deg);background:#efad28;font:900 16px Barlow Condensed;letter-spacing:.1em;text-align:center}.debt-card label{display:grid;gap:6px;font:800 12px Barlow Condensed;letter-spacing:.1em}.debt-card input,.debt-card select{width:100%;padding:13px 12px;border:2px solid #8b7b68;border-radius:0;outline:0;background:#fff;color:#251b12}.debt-card input:focus,.debt-card select:focus{border-color:#c84927;box-shadow:3px 3px #efad28}.custom-reason{display:grid;grid-template-columns:1fr auto}.custom-reason button{border:2px solid #251b12;border-left:0;background:#efad28;font:800 11px DM Sans}.add-button{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border:2px solid #251b12;background:#c84927;color:#fff;box-shadow:4px 4px #251b12;font:900 17px Barlow Condensed;letter-spacing:.06em}.add-button:hover{transform:translate(2px,2px);box-shadow:2px 2px #251b12}.debt-card small{color:#8c7d6b;font-size:10px;font-style:italic;text-align:center}.scoreboard,.markets,.ledger{padding:64px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.section-heading span{background:#c84927}.section-heading h2{margin:8px 0 0;font-size:clamp(38px,5vw,56px);font-weight:900;line-height:.9}.section-heading p{color:#725f4b;font-size:13px;font-style:italic}.debtor-grid{display:grid;gap:12px}.debtor{position:relative;border:2px solid #251b12;background:#faf4e6;box-shadow:4px 4px #251b12}.debtor.worst{border-color:#c84927;box-shadow:4px 4px #c84927}.badge{position:absolute;z-index:2;top:-10px;right:16px;padding:4px 8px;background:#efad28;font:800 10px DM Sans;letter-spacing:.09em;transform:rotate(2deg)}.person-main{width:100%;display:grid;grid-template-columns:42px 52px 1fr auto;gap:15px;align-items:center;padding:16px 20px;border:0;background:transparent;color:inherit;text-align:left}.rank{color:#9b8a73;font:900 24px Barlow Condensed}.avatar{display:grid;place-items:center;width:46px;height:46px;border:2px solid #251b12;border-radius:50%;background:#efad28;font:900 24px Barlow Condensed}.person-name{font:900 25px Barlow Condensed;text-transform:uppercase}.person-name small{display:block;margin-top:3px;color:#88745f;font:500 11px DM Sans;text-transform:none}.beer-count{display:flex;align-items:baseline;gap:7px;color:#c84927}.beer-count strong{font:900 48px/1 Barlow Condensed}.beer-count small{font:800 11px DM Sans;letter-spacing:.1em}.quick-actions{display:none;gap:8px;padding:0 20px 15px 129px}.quick-actions.open{display:flex}.quick-actions button{padding:8px 13px;border:2px solid #251b12;background:#efad28;font:800 12px DM Sans}.quick-actions button:nth-child(2){background:#477558;color:#fff}.quick-actions .delete{margin-left:auto;background:transparent;color:#8b3c2b}button:disabled{cursor:wait;opacity:.5}.empty{padding:55px 20px;border:2px dashed #9c8b75;text-align:center}.empty>span{font-size:42px;filter:grayscale(1);opacity:.5}.empty h3{margin:10px 0 3px;font:900 28px Barlow Condensed;text-transform:uppercase}.empty p,.quiet{color:#806e5b}.markets{position:relative}.markets:before{content:"";position:absolute;z-index:-1;inset:0 50%;width:100vw;transform:translate(-50%);background:#dfd1b9;border-top:3px solid #251b12}.market-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.chart-card,.stock-card{min-height:285px;padding:22px;border:3px solid #251b12;background:#272019;box-shadow:5px 5px #251b12;color:#f5ead8}.chart-title{display:flex;align-items:flex-end;justify-content:space-between}.chart-title span{color:#aa9b89;font:700 10px DM Sans;letter-spacing:.14em}.chart-title strong{color:#efad28;font:900 28px Barlow Condensed}.chart-card svg{width:100%;height:185px;margin-top:5px;overflow:visible}.chart-empty{display:grid;place-items:center;height:185px;color:#77695b;font-size:12px;text-transform:uppercase}.chart-axis{display:flex;justify-content:space-between;color:#74675a;font-size:9px;letter-spacing:.12em}.stock-card{position:relative;overflow:hidden;background:#f9f2e4;color:#251b12}.stock-symbol{display:flex;align-items:baseline;gap:10px}.stock-symbol span{padding:4px 7px;background:#251b12;color:#efad28;font:900 18px Barlow Condensed}.stock-symbol small{color:#806e5b;font-size:9px;letter-spacing:.1em}.stock-price{display:block;margin-top:28px;font:900 66px/.8 Barlow Condensed}.stock-up,.stock-down{display:block;margin-top:10px;color:#348151;font-weight:800}.stock-down{color:#c84927}.ticker-tape{margin:25px -22px 15px;padding:8px 22px;overflow:hidden;background:#efad28;font:800 10px DM Sans;letter-spacing:.08em;white-space:nowrap;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{background:#f6c968}}.stock-card p{margin:0;color:#7c6955;font-size:11px;line-height:1.5}.ledger{position:relative}.ledger:before{content:"";position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translate(-50%);background:#272019;z-index:-1}.ledger .section-heading h2{color:#f5ead8}.ledger-list{border-top:1px solid #625446}.ledger-row{display:grid;grid-template-columns:60px 1fr auto;gap:18px;align-items:center;padding:16px 4px;border-bottom:1px solid #55483c;color:#f6eada}.ledger-row>span{font:900 19px Barlow Condensed}.ledger-row .plus{color:#efad28}.ledger-row .minus{color:#7cbd91}.ledger-row div{font-size:14px}.ledger-row div strong{color:#efad28}.ledger-row small{display:block;margin-top:4px;color:#a99a87;font-size:11px}.ledger-row time{color:#8d7e6d;font-size:11px;text-transform:uppercase}.ledger .quiet{padding:35px 0}.toast{position:fixed;z-index:10;right:24px;bottom:24px;max-width:360px;padding:14px 18px;border:2px solid #251b12;background:#efad28;box-shadow:5px 5px #251b12;font-weight:700;animation:pop .2s ease-out}@keyframes pop{0%{transform:translateY(12px);opacity:0}}footer{padding:24px;border-top:3px solid #251b12;background:#c84927;color:#fff3dd;font:800 11px DM Sans;letter-spacing:.13em;text-align:center}footer span{margin:0 15px}@media(max-width:760px){.topbar{height:66px;padding:0 16px}.topbar p{display:none}.brand{font-size:22px}.brand-icon{width:40px;height:40px}main{width:min(100% - 28px,600px)}.hero{grid-template-columns:1fr;gap:45px;padding:48px 0 55px}.hero-copy{text-align:center}.hero-copy>p{font-size:14px}.hero-stats{justify-content:center}.hero-stats>div{min-width:0;padding:0 14px}.hero-stats strong{font-size:30px}.debt-card{width:calc(100% - 10px);margin:0 auto;padding-inline:22px}.section-heading{align-items:flex-start}.section-heading>p{display:none}.scoreboard,.markets,.ledger{padding:48px 0}.market-grid{grid-template-columns:1fr}.chart-card,.stock-card{min-height:250px}.person-main{grid-template-columns:30px 42px 1fr auto;gap:10px;padding:14px 12px}.avatar{width:40px;height:40px}.person-name{font-size:20px}.person-name small{display:none}.beer-count strong{font-size:38px}.beer-count small{display:none}.quick-actions{padding:0 12px 12px}.quick-actions button{flex:1;padding-inline:6px}.quick-actions .delete{flex:0;margin-left:0}.ledger-row{grid-template-columns:46px 1fr auto;gap:8px}.toast{right:14px;bottom:14px;left:14px}}