:root{--ink:#19352c;--cream:#fbf8ee;--green:#dff3d2;--accent:#216c50}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,sans-serif}main{min-height:100dvh;padding-bottom:95px}header{gap:3px;padding:20px 20px 12px;display:grid}header span{color:var(--accent);font-weight:800}header strong{font-size:2rem}header small{color:#5b7168}.offline-banner{z-index:5;color:#fff5d6;text-align:center;background:#4d3411;padding:10px 16px;font-size:.9rem;font-weight:700;position:sticky;top:0}.map{gap:14px;padding:8px 14px 24px;display:grid}.goal{background:#fff;border:1px solid #e6e1d4;border-radius:22px;padding:16px;box-shadow:0 5px 18px #19352c0c}.goal h2{margin:0 0 14px;font-size:1rem}.bills{flex-wrap:wrap;gap:9px;min-height:52px;display:flex}.bill{color:#174e38;touch-action:none;background:#dff3d2;border:0;border-radius:11px;padding:14px 11px;font-weight:800}.v2{color:#123847;background:#9fc8da}.v5{color:#3d2548;background:#bca8c8}.v10{color:#582623;background:#e9aaa5}.v20{color:#50400d;background:#ecd77b}.v50{color:#422a18;background:#c89c75}.v100{color:#12394c;background:#95bdd4}.v200{color:#26303a;background:#c7cbd0}.goal footer{color:#5b7168;justify-content:space-between;margin-top:14px;font-size:.85rem;display:flex}.goal footer b{color:var(--ink);font-size:1rem}.deliver{color:var(--accent);background:0 0;border:0;margin-top:13px;padding:0;font-weight:800}nav{padding:12px max(16px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));background:#19352c;justify-content:space-around;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}nav button,.sheet>button,.auth button{color:#fff;background:#2f8b68;border:0;border-radius:14px;padding:12px;font-weight:700}.sheet{z-index:3;padding:26px 20px calc(26px + env(safe-area-inset-bottom));background:#fff;border-radius:28px 28px 0 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0002}.sheet h2{margin-top:0}.close{float:right;color:#19352c!important;background:#eee!important}.values{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quantity-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 14px;display:grid}.quantity{color:#19352c;background:#fff;border:1px solid #d7d1c4;border-radius:14px;min-height:46px;font-weight:800}.quantity.selected{color:#174e38;background:#dff3d2;border-color:#2f8b68}.values button:disabled,.quantity:disabled{opacity:.5;cursor:wait}.values .value-option{border:0;border-radius:16px;padding:18px;font-weight:800}.values .v2{color:#123847;background:#9fc8da}.values .v5{color:#3d2548;background:#bca8c8}.values .v10{color:#582623;background:#e9aaa5}.values .v20{color:#50400d;background:#ecd77b}.values .v50{color:#422a18;background:#c89c75}.values .v100{color:#12394c;background:#95bdd4}.values .v200{color:#26303a;background:#c7cbd0}.sheet input,.auth input{border:1px solid #d7d1c4;border-radius:12px;width:100%;margin:12px 0;padding:14px;font-size:1rem;display:block}.history{border-bottom:1px solid #eee;gap:4px;padding:12px 0;display:grid}.auth{max-width:380px;margin:auto;padding:15vh 22px}.auth h1{margin-bottom:4px;font-size:3rem}.auth p{color:#5b7168}.hint{color:#5b7168;font-size:.9rem}.danger-action{width:100%;margin-top:12px;color:#b42318!important;background:#fff!important;border:1px solid #d9534f!important}.danger-action:active{background:#fff0ef!important}.destination-grid{gap:9px;max-height:40dvh;display:grid;overflow:auto}.destination{color:#19352c;text-align:left;background:#fff;border:1px solid #d7d1c4;border-radius:14px;padding:14px;font-weight:700}.destination.selected{background:#dff3d2;border-color:#2f8b68}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-actions button{border:0;border-radius:14px;flex:1;min-height:48px;padding:12px;font-weight:700}.modal-actions button:not(.secondary){color:#fff;background:#2f8b68}.secondary{color:#19352c!important;background:#eee!important}@media (min-width:700px){.map{grid-template-columns:repeat(2,1fr);max-width:960px;margin:auto}header{width:100%;max-width:960px;margin:auto}}