:root{--gold:#f5c518;--gold-dim:#c9a000;--gold-glow:#f5c51859;--bg:#060910;--card:#080c16b8;--input-bg:#f5c5180a;--input-border:#f5c51826;--t1:#f2f2f8;--t2:#8a8ea6;--t3:#454860;--red:#ff4d6a;--green:#00d68f;--font:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#fish-bg{opacity:.55;z-index:0;background:url(/salmon.jpg) 50%/cover no-repeat;position:fixed;inset:0}#fish-overlay{z-index:1;pointer-events:none;background:radial-gradient(60% 50%,#0000 0%,#0609104d 100%),linear-gradient(#0609100d 0%,#06091026 50%,#06091080 100%);position:fixed;inset:0}#particles{z-index:2;pointer-events:none;position:fixed;inset:0}#app{z-index:3;flex-direction:column;align-items:center;min-height:100vh;padding:2.5rem 1.5rem 3rem;display:flex;position:relative}#logo{height:120px;filter:drop-shadow(0 0 24px var(--gold-glow));margin-bottom:2rem;animation:5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}#calc{background:var(--card);-webkit-backdrop-filter:blur(30px);border:1px solid #f5c5181a;border-radius:20px;width:100%;max-width:520px;padding:2.5rem 2rem;box-shadow:0 0 80px #f5c5180a,0 30px 60px #0006}#calc h1{text-align:center;letter-spacing:-.02em;color:var(--t1);margin-bottom:2rem;font-size:1.6rem;font-weight:700}#calc h1 span{color:var(--gold);text-shadow:0 0 30px var(--gold-glow)}.form{flex-direction:column;gap:.9rem;display:flex}.row{gap:.75rem;display:flex}.field{flex-direction:column;flex:1;gap:.35rem;display:flex}.field.wide{flex:1}.field label{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.field input,.field select{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--t1);font-family:var(--mono);appearance:none;border-radius:10px;outline:none;padding:.7rem .85rem;font-size:.95rem;font-weight:500;transition:all .2s}.field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23F5C518' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.5rem}.field select option{color:var(--t1);background:#0e111a}.field input::placeholder{color:#f5c51859}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow);background:#ffffff0f}.row.hide{opacity:0;pointer-events:none;gap:0;max-height:0;margin:0;transition:all .3s;overflow:hidden}.row{opacity:1;max-height:200px;transition:all .3s}#result{text-align:center;min-height:120px;margin-top:2rem}#result-empty{color:#f5c51866;padding:2rem 0;font-size:.9rem;font-weight:500}#savings-pct-wrap{justify-content:center;align-items:baseline;gap:.15rem;margin-bottom:.25rem;line-height:1;display:flex}#savings-pct{font-family:var(--mono);color:var(--gold);text-shadow:0 0 40px var(--gold-glow), 0 0 80px #f5c51826;letter-spacing:-.04em;font-size:5.5rem;font-weight:800}#savings-pct-sign{font-family:var(--mono);color:var(--gold);text-shadow:0 0 30px var(--gold-glow);font-size:2.5rem;font-weight:800}#savings-label{color:var(--t2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem;font-size:1rem;font-weight:600}#savings-money{font-family:var(--mono);color:var(--gold);opacity:.8;margin-bottom:1.75rem;font-size:1.5rem;font-weight:700}#breakdown{border-top:1px solid #ffffff0f;flex-direction:column;gap:0;padding-top:1rem;display:flex}.bk-item{align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.bk-item+.bk-item{border-top:1px solid #ffffff0a}.bk-item.highlight{background:#f5c5180d;border-top:none;border-radius:10px;margin:.25rem -.75rem 0;padding:.75rem}.bk-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.bk-dot.red{background:var(--red);box-shadow:0 0 10px #ff4d6a66}.bk-dot.green{background:var(--green);box-shadow:0 0 10px #00d68f66}.bk-dot.gold{background:var(--gold);box-shadow:0 0 10px var(--gold-glow)}.bk-info{flex:1;justify-content:space-between;align-items:center;display:flex}.bk-title{color:var(--t2);font-size:.82rem;font-weight:500}.bk-val{font-family:var(--mono);color:var(--t1);font-size:.9rem;font-weight:700}.bk-item.highlight .bk-val{color:var(--gold);font-size:1rem}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}@media (width<=580px){#app{padding:1.5rem 1rem 2rem}#calc{border-radius:16px;padding:1.75rem 1.25rem}#calc h1{font-size:1.3rem}#savings-pct{font-size:4rem}#savings-pct-sign{font-size:2rem}#savings-money{font-size:1.2rem}.row{flex-direction:column;gap:.75rem}#logo{height:90px}}