:root{--ink:#1a2433;--ink-soft:#5a6a7c;--paper:#e7f2fb;--card:#fffdf8;--line:#d3e0ea;--sky:#5ba3d9;--sky-deep:#2f7fb8;--ground:#6d7580;--lemon:#e6b422;--lemon-deep:#c49214;--grass:#2a9a5c;--grass-deep:#1e7344;--berry:#c4453c;--berry-deep:#9a312b;--shadow:0 1px 2px #1a243314, 0 8px 24px #1a24331a;--shadow-lg:0 16px 40px #1a243329;--radius:12px;--tap:48px;font-feature-settings:"ss01" on;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{color:var(--ink);-webkit-user-select:none;user-select:none;background:linear-gradient(#7ec8f0 0%,#c5e6f8 38%,#eef6e8 100%);overflow-x:hidden}.app{flex-direction:column;gap:8px;max-width:720px;min-height:100%;margin:0 auto;padding:8px 12px 14px;display:flex}h1{letter-spacing:-.04em;margin:4px 0;font-size:clamp(28px,7vw,40px);font-weight:700}h2{letter-spacing:-.02em;margin:0;font-size:clamp(18px,4.4vw,22px);font-weight:650}h3{margin:0;font-size:clamp(15px,3.8vw,18px);font-weight:650}p{margin:3px 0;font-size:clamp(14px,3.5vw,16px);line-height:1.4}.muted{color:var(--ink-soft)}.center{text-align:center}button{cursor:pointer;border:none;font-family:inherit;font-weight:700}.btn{min-height:var(--tap);background:var(--card);min-width:48px;color:var(--ink);border:1px solid var(--line);box-shadow:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:16px;transition:transform 80ms,background .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-primary:active{background:#2a2e38}.btn-go{background:var(--grass);color:#fff;border-color:var(--grass-deep);width:100%;font-size:18px;font-weight:650}.btn-go:active{background:var(--grass-deep)}.btn-ghost{min-height:44px;color:var(--ink-soft);background:0 0;border-color:#0000;padding:10px 14px;font-size:15px;font-weight:600}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.pin-dots{justify-content:center;gap:12px;display:flex}.pin-dots span{border:2px solid var(--ink);background:0 0;border-radius:50%;width:14px;height:14px}.pin-dots span.on{background:var(--ink)}.pin-pad{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:280px;margin:0 auto;display:grid}.pin-pad .btn{min-height:var(--tap);font-size:22px;font-weight:700}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 16px}.card-tight{padding:10px 14px}.choice{text-align:left;width:100%;min-height:var(--tap);box-shadow:none;color:var(--ink);background:#eef1f5;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:16px;transition:transform 80ms,background .1s,border-color .1s;display:flex}.choice:active{transform:scale(.99)}.choice.selected{border-color:var(--grass);background:#fff8e4}.choice .emoji{font-size:22px;line-height:1}.choice-photo{object-fit:cover;object-position:center;background:#d3e0ea;border-radius:8px;flex-shrink:0;width:80px;height:60px}.choice .sub{color:var(--ink-soft);font-size:13px;font-weight:500}.hud{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);z-index:20;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 10px;display:grid;position:sticky;top:8px}.hud-cell{text-align:center;min-width:0}.hud-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:10px;font-weight:650}.hud-value{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(15px,4.2vw,20px);font-weight:700}.hud-value.flash-up{animation:.5s popGreen}.hud-value.flash-down{animation:.5s popRed}@keyframes popGreen{0%{color:var(--ink);transform:scale(1)}40%{color:var(--grass-deep);transform:scale(1.25)}to{color:var(--ink);transform:scale(1)}}@keyframes popRed{0%{color:var(--ink);transform:scale(1)}40%{color:var(--berry-deep);transform:scale(1.25)}to{color:var(--ink);transform:scale(1)}}.bar{background:var(--line);border-radius:999px;height:4px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--grass), var(--lemon));height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.scene{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#4a90c2;height:clamp(128px,22vh,196px);position:relative;overflow:hidden}.scene-photo{object-fit:cover;object-position:center 70%;width:100%;height:100%;display:block;position:absolute;inset:0}.scene[data-weather=hot] .scene-photo{filter:saturate(1.12)sepia(.1)brightness(1.04)}.scene[data-weather=sunny] .scene-photo{filter:saturate(1.05)}.scene[data-weather=cloudy] .scene-photo{filter:brightness(.92)saturate(.85)}.scene[data-weather=rain] .scene-photo{filter:brightness(.8)saturate(.72)hue-rotate(-8deg)}.scene[data-weather=cold] .scene-photo{filter:brightness(.9)saturate(.7)hue-rotate(10deg)}.brand-art{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:560px;margin:8px auto 0;display:grid}.brand-art img{aspect-ratio:4/3;object-fit:cover;object-position:center;width:100%;height:auto;box-shadow:var(--shadow);background:#b9dcf0;border-radius:12px;display:block}.event-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--ink);overflow:hidden}.event-top{color:#f4f5f7;background:#1e4d6b;border-bottom:1px solid #163a52;align-items:center;gap:12px;padding:12px 14px;display:flex}.event-top h3{color:#f4f5f7;margin:0}.event-top .sub{color:#a8b0bc;font-weight:500}.event-avatar{font-size:28px;line-height:1}.speech{border:1px solid var(--line);background:#fff;border-radius:8px;margin:12px 14px;padding:10px 12px;font-size:16px;font-weight:600;position:relative}.speech:before,.speech:after{display:none}.overlay{z-index:60;background:#21304a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confetti-piece{z-index:70;pointer-events:none;border-radius:3px;width:12px;height:18px;position:fixed;top:-20px}.recap-cols{grid-template-columns:1fr 1fr;align-items:start;gap:8px;display:grid}.recap-cols .ledger{padding:3px 0}.recap-cols .ledger.total{margin-top:2px;padding-top:5px}@media (width<=560px){.recap-cols{grid-template-columns:1fr}.recap-cols .ledger{padding:1px 0;font-size:15px}.recap-cols .ledger.total{padding-top:4px;font-size:17px}.recap-cols .card{padding:6px 12px}.recap-cols{gap:6px}}.recap-bridge{grid-column:1/-1}@media (width>=1000px) and (height<=780px){.app{max-width:1000px}.recap-cols{grid-template-columns:1fr 1fr 1fr}.recap-bridge{grid-column:auto}}.goals-cols{grid-template-columns:1fr 1fr;align-items:start;gap:8px;display:grid}@media (width<=560px){.goals-cols{grid-template-columns:1fr}}@media (height<=780px){.scene{height:clamp(96px,16vh,140px)}:root{--tap:46px}.app{gap:6px;padding:6px 12px 10px}.choice{padding:7px 12px}.choice .emoji{font-size:26px}.choice-photo{width:64px;height:48px}.btn-go{font-size:19px}h2{font-size:clamp(17px,4vw,21px)}}.ledger-label{align-items:center;gap:4px;min-width:0;padding-right:8px;display:flex}.ledger-q{width:18px;height:18px;color:var(--ink-soft);background:#e6ecf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.ledger-q.on{background:var(--ink);color:#fff}button.ledger-btn{appearance:none;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;border-radius:6px;min-height:44px;margin:0}button.ledger-btn:active{background:#eef1f5}.ledger-note{color:var(--ink-soft);margin:2px 0 7px;font-size:13px;font-weight:600;line-height:1.3}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.pill{background:var(--card);border:1px solid var(--line);letter-spacing:.01em;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill-btn{cursor:pointer;min-height:44px}.pill-btn:active{transform:scale(.98)}.stars{letter-spacing:1px;font-size:14px}.ledger{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;padding:5px 0;font-size:15px;font-weight:600;display:flex}.ledger:last-child{border-bottom:none}.ledger .in{color:var(--grass-deep)}.ledger .out{color:var(--berry-deep)}.ledger.total{border-top:1px solid var(--ink);margin-top:3px;padding-top:7px;font-size:17px}.badge-tile{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.badge-tile.locked{opacity:.35;filter:grayscale()}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stepper{justify-content:center;align-items:center;gap:12px;display:flex}.stepper button{background:var(--ink);color:#fff;border:none;border-radius:10px;width:48px;height:48px;font-size:22px}.stepper button:active{background:#2a2e38;transform:scale(.96)}.stepper .value{text-align:center;font-variant-numeric:tabular-nums;min-width:120px;font-size:28px;font-weight:700}.customer{position:absolute;bottom:10px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (height<=700px){.app{gap:4px;padding:4px 10px 8px}.stack{gap:6px}.recap-cols{gap:5px}.recap-cols .ledger{padding:0}.card-tight{padding:5px 10px}.pill{padding:3px 8px}.choice{padding:5px 12px}}.judgement{background:#f3f0e7;border:1px solid #cfc6ae}.judgement .ledger{padding:2px 0}.notice{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--ink)}