:root{color:#1f1f30;background:linear-gradient(#f8f8ff 0%,#f2f5ff 100%);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{margin:0}.app{gap:14px;max-width:860px;min-height:100vh;margin:0 auto;padding:36px 16px 64px;display:grid}.top{margin-bottom:4px}.brand{align-items:center;gap:14px;display:flex}.delta-symbol{color:#5a42e0;-webkit-user-select:none;user-select:none;font-size:2.6rem;font-style:italic;font-weight:400;line-height:1}.kicker{color:#9591b0;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.78rem}h1{letter-spacing:-.03em;color:#1a1a2e;margin:0;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:600}.guide-card{background:#f7f6ff;border:1px solid #e4e1f5;border-radius:12px;overflow:hidden}.guide-toggle{color:#5a42e0;cursor:pointer;letter-spacing:.01em;text-align:left;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:.86rem;font-weight:500;display:flex}.guide-toggle:hover{background:#eeebff}.guide-chevron{font-size:1rem;line-height:1;transition:transform .2s;display:inline-block}.guide-chevron.open{transform:rotate(180deg)}.guide-grid{border-top:1px solid #e4e1f5;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 16px 16px;display:grid}.guide-item{align-items:flex-start;gap:8px;display:flex}.guide-dot{background:#9591b0;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.guide-text{color:#5a5870;margin:0;font-size:.82rem;line-height:1.55}.guide-text strong{color:#2e2c45;font-weight:600}.card{background:#fff;border:1px solid #e7e7ef;border-radius:14px;padding:18px;box-shadow:0 2px 12px #2317490a}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.toggle-row{margin-bottom:14px}label{color:#3a3851;gap:5px;font-size:.88rem;font-weight:500;display:grid}label.inline{align-items:center;gap:8px;font-weight:400;display:flex}.sign-label{color:#6d6b85;align-self:end;padding-bottom:10px;font-size:.85rem}input,select,button{font:inherit}input[type=date],input[type=datetime-local],select{color:#1a1a2e;background:#fff;border:1px solid #dcdaea;border-radius:10px;padding:9px 12px;font-size:.9rem;transition:border-color .15s}input[type=date]:focus,input[type=datetime-local]:focus,select:focus{border-color:#7b67f0;outline:none;box-shadow:0 0 0 3px #7a67f01f}.actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#6a4cf6;border:1px solid #6a4cf6;border-radius:10px;padding:8px 14px;font-size:.88rem;transition:background .15s,transform .1s}.btn-primary:hover{background:#5a3de6}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:#5a42e0;cursor:pointer;background:#f0eeff;border:1px solid #c4bef5;border-radius:10px;padding:8px 14px;font-size:.88rem;transition:background .15s,transform .1s}.btn-secondary:hover{background:#e4dfff}.btn-secondary:active{transform:scale(.98)}.result{gap:14px;display:grid}.empty-state{color:#9591b0;margin:0;font-size:.9rem}.result-label{letter-spacing:.09em;text-transform:uppercase;color:#9591b0;margin:0;font-size:.75rem}.result-value{color:#1a1a2e;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:600;line-height:1.1}.result-unit{color:#9591b0;margin:-8px 0 0;font-size:.9rem}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric-card{background:#fafaff;border:1px solid #eeeef5;border-radius:10px;padding:10px 12px}.metric-card p{color:#9591b0;margin:0 0 3px;font-size:.78rem;line-height:1.3}.metric-card strong{color:#1a1a2e;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1rem;font-weight:600}.breakdown{gap:8px;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips span{color:#4a3db0;font-variant-numeric:tabular-nums;letter-spacing:.01em;background:#f4f2ff;border:1px solid #e2defc;border-radius:999px;padding:4px 12px;font-size:.84rem}@media (width<=600px){.grid{grid-template-columns:1fr}.sign-label{padding-bottom:0}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{grid-template-columns:1fr}}.footer{color:#b0adc8;justify-content:center;align-items:center;gap:5px;padding:8px 0 4px;font-size:.8rem;display:flex}.footer-link{color:#7b67f0;font-weight:500;text-decoration:none;transition:color .15s}.footer-link:hover{color:#5a42e0;text-decoration:underline}.pet-wrapper{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:28px;right:28px}.pet-bubble{color:#3a2fa0;white-space:nowrap;background:#fff;border:1px solid #e2defc;border-radius:12px;padding:6px 12px;font-size:.8rem;animation:.25s cubic-bezier(.34,1.56,.64,1) bubblePop;position:relative;box-shadow:0 4px 14px #6a4cf624}.pet-bubble:after{content:"";filter:drop-shadow(0 1px #e2defc);border-top:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@keyframes bubblePop{0%{opacity:0;transform:scale(.7)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.pet-astronaut{cursor:pointer;pointer-events:all;filter:drop-shadow(0 6px 16px #6a4cf638);transition:filter .2s;animation:3.6s ease-in-out infinite petFloat}.pet-astronaut:hover{filter:drop-shadow(0 8px 20px #6a4cf661)}@keyframes petFloat{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(-9px)rotate(1.5deg)}60%{transform:translateY(-5px)rotate(-1deg)}to{transform:translateY(0)rotate(0)}}.pet-astronaut.celebrate{animation:.85s cubic-bezier(.34,1.56,.64,1) petCelebrate}@keyframes petCelebrate{0%{transform:translateY(0)scale(1)rotate(0)}20%{transform:translateY(-22px)scale(1.12)rotate(-14deg)}50%{transform:translateY(-30px)scale(1.18)rotate(16deg)}75%{transform:translateY(-12px)scale(1.06)rotate(-6deg)}to{transform:translateY(0)scale(1)rotate(0)}}.pet-star{animation:2.4s ease-in-out infinite starTwinkle}.s1{animation-duration:2.1s;animation-delay:0s}.s2{animation-duration:2.8s;animation-delay:.6s}.s3{animation-duration:2.3s;animation-delay:1.1s}.s4{animation-duration:3s;animation-delay:1.7s}.s5{animation-duration:2.5s;animation-delay:.3s}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.1;transform:scale(.4)}}