:root{--ink: #5C5A57;--navy: #2D2C2A;--navy-soft: #3a3a38;--coral: #F2A53B;--coral-dark: #d89a2e;--paper: #fef8f3;--card: #ffffff;--line: #e5e0d8;--muted: #8a857c;--green: #2e8b57;--cream: #FFFDF9;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", -apple-system, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}.app{min-height:100vh;min-height:100dvh}.header{background:#1e2d4a;color:var(--cream);padding:calc(env(safe-area-inset-top,0px) + 12px) 20px 12px;border-bottom:1px solid var(--line)}.header-content{display:flex;align-items:center;gap:6px}.header-logo{width:96px;height:96px;flex-shrink:0}.header h1{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.4px;color:#bfc2d0}.header h1 span{color:var(--coral)}.header p{font-size:12.5px;color:var(--coral);margin-top:3px}.container{max-width:640px;margin:0 auto;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + 48px)}.mode-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 480px){.mode-grid{grid-template-columns:1fr 1fr}}.mode-card{display:block;width:100%;text-align:left;padding:20px;border:2px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer;transition:border-color .15s,transform .15s}.mode-card:hover,.mode-card:focus-visible{border-color:var(--coral);transform:translateY(-1px)}.mode-card .icon{font-size:26px;margin-bottom:8px}.mode-card .title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--navy)}.mode-card .sub{font-size:12.5px;color:var(--muted);margin-top:2px}.section-title{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.3px;color:var(--navy);margin-bottom:16px}.label{display:block;font-size:12px;font-weight:600;color:#6b665e;margin:14px 0 6px}.select,.input{width:100%;padding:12px;font-size:15px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}.select:focus,.input:focus{outline:2px solid var(--coral);outline-offset:1px;border-color:transparent}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stepper{display:flex;align-items:center;background:var(--card);border:1.5px solid var(--line);border-radius:10px;overflow:hidden}.stepper button{width:44px;height:44px;border:none;background:none;font-size:20px;color:#6b665e;cursor:pointer}.stepper button:active{background:var(--paper)}.stepper .val{flex:1;text-align:center;font-size:16px;font-weight:600}.month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@media (min-width: 480px){.month-grid{grid-template-columns:repeat(6,1fr)}}.month-btn{padding:10px 4px;border:none;border-radius:8px;cursor:pointer;font-size:12.5px;background:#eee9e0;color:#6b665e}.month-btn.active{background:var(--navy);color:#fff;font-weight:700}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tier-btn{padding:14px 6px;border:none;border-radius:12px;cursor:pointer;background:#eee9e0;color:#55504a;font-weight:600;font-size:12.5px;display:flex;flex-direction:column;align-items:center;gap:5px}.tier-btn .emoji{font-size:20px}.tier-btn.active{background:var(--navy);color:#fff}.btn-primary{width:100%;padding:15px;margin-top:22px;border:none;border-radius:12px;cursor:pointer;background:var(--coral);color:#fff;font-family:var(--font-display);font-size:15px;font-weight:700}.btn-primary:hover{background:var(--coral-dark)}.btn-primary:disabled{background:#ccc6bc;cursor:default}.btn-secondary{flex:1;padding:13px;border-radius:12px;cursor:pointer;border:1.5px solid var(--line);background:var(--card);color:#55504a;font-size:13.5px;font-weight:600}.btn-row{display:flex;gap:10px;margin-top:22px}.back-link{background:none;border:none;color:var(--muted);font-size:12.5px;cursor:pointer;margin-bottom:16px;padding:4px 0}.total-card{background:var(--navy);color:#fff;border-radius:16px;padding:22px 20px;margin-top:14px}.total-card .eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:2px;opacity:.5}.total-card .big{font-family:var(--font-display);font-size:42px;font-weight:700;letter-spacing:-1.5px;margin-top:4px}.total-card .subrow{display:flex;gap:18px;margin-top:8px;font-size:12.5px;opacity:.7}.stack-bar{display:flex;height:30px;border-radius:9px;overflow:hidden;margin-top:18px}.stack-bar div{min-width:2px}.break-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px}.break-row .left{display:flex;align-items:center;gap:9px}.break-row .dot{width:9px;height:9px;border-radius:3px}.break-row .amt{font-weight:600}.break-row .pct{font-size:11px;color:var(--muted);margin-left:7px}.break-row-link{text-decoration:none;color:inherit;cursor:pointer;border-radius:8px;padding:11px 8px;margin:0 -8px}.break-row-link:hover{background:#f0ece4}.link-arrow{font-size:11px;color:var(--coral);margin-left:5px}.result-meta{font-size:12.5px;color:var(--muted);margin-top:3px}.match-card{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:15px;margin-bottom:11px;transition:border-color .15s}.match-card:hover{border-color:var(--coral)}.match-top{display:flex;justify-content:space-between;align-items:flex-start}.match-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--navy)}.match-region{font-size:11.5px;color:var(--muted);margin-top:1px}.tier-chip{background:var(--navy);color:#fff;padding:4px 11px;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap}.match-bottom{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px}.match-cost{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--coral)}.match-left{font-size:12px;color:var(--green);font-weight:600}.empty-state{background:#fdf1ec;border:1.5px solid #eed4c9;border-radius:14px;padding:22px;text-align:center;font-size:13.5px;color:#55504a}.empty-state .icon{font-size:30px;margin-bottom:8px}.data-note{margin-top:26px;font-size:11px;color:var(--muted);line-height:1.5}@media (prefers-reduced-motion: reduce){*{transition:none!important}}