.calc-wrapper{max-width:640px;margin:0 auto;padding:2.5rem 1.5rem 2rem}.page-header{text-align:center;margin-bottom:2.5rem}.page-header h1{font-size:2.15rem;margin-bottom:.4rem}.page-subtitle{color:var(--text-dim);font-size:1.1rem}.calc-form{display:flex;flex-direction:column;gap:0}.form-section{margin-bottom:2rem;padding-bottom:.5rem}.section-title{font-family:var(--font-heading);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 1.25rem}.field{margin-bottom:1.5rem}.field-label{display:block;font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.6rem}.pill-group{display:flex;gap:.5rem;flex-wrap:wrap}.pill{display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem 1.25rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-dim);background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:980px;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.pill:hover{border-color:var(--text-muted);color:var(--text);background:var(--bg-card-hover)}.pill.selected{border-color:var(--coral);color:var(--coral);background:#f9706614;box-shadow:0 0 0 1px var(--coral);font-weight:600}.pill-lg{padding:.7rem 1.4rem;font-size:.98rem}.pill-sub{font-size:.73rem;font-weight:400;color:var(--text-muted);line-height:1}.pill.selected .pill-sub{color:var(--coral);opacity:.75}.card-group{display:flex;flex-direction:column;gap:.5rem}.choice-card{display:flex;align-items:center;gap:.85rem;width:100%;padding:.9rem 1.15rem;background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-body);transition:all .2s ease;-webkit-tap-highlight-color:transparent}.choice-card:hover{border-color:var(--text-muted);background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.choice-card.selected{border-color:var(--coral);background:#f970660d;box-shadow:0 0 0 1px var(--coral),var(--shadow-sm)}.choice-emoji{font-size:1.5rem;line-height:1;flex-shrink:0;width:30px;text-align:center}.choice-text{display:flex;flex-direction:column;gap:.1rem}.choice-title{font-weight:600;font-size:.98rem;color:var(--text)}.choice-desc{font-size:.85rem;color:var(--text-dim)}.inline-input{display:inline-flex;align-items:center;gap:.5rem}.inline-input-dual{gap:.35rem}.input-with-toggle{display:flex;align-items:center;gap:.85rem}.input-fixed-area{min-width:180px}.form-input{width:105px;padding:.65rem .8rem;font-family:var(--font-mono);font-size:1.15rem;font-weight:600;color:var(--text);background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:var(--radius);outline:none;transition:border-color .2s ease,box-shadow .2s ease;-moz-appearance:textfield}.form-input::-webkit-outer-spin-button,.form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #f970661f}.form-input-sm{width:68px}.input-suffix{font-size:.95rem;font-weight:500;color:var(--text-muted)}.unit-toggle{display:inline-flex;gap:2px;background:var(--bg-alt);border:1px solid var(--border-subtle);border-radius:6px;padding:2px;flex-shrink:0}.unit-btn{padding:.35rem .8rem;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--text-dim);background:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.unit-btn.active{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow-sm)}.form-error{color:var(--coral);font-size:.92rem;min-height:1.35rem;margin-bottom:.5rem;text-align:center}.btn-calculate{display:block;width:100%;padding:1rem;font-family:var(--font-body);font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f97066,#e04a3e);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 16px #f9706659;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}.btn-calculate:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f9706673}.btn-calculate:active{transform:translateY(0);box-shadow:0 2px 8px #f970664d}.results-section{animation:resultsFadeIn .6s cubic-bezier(.16,1,.3,1)}@keyframes resultsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-hero{position:relative;text-align:center;padding:3rem 1.5rem 2.5rem;margin-bottom:2rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.hero-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f97066,#ff8a65,#f97066);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.hero-label{position:relative;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.75rem}.hero-number{position:relative;display:flex;align-items:baseline;justify-content:center;gap:.35rem;margin-bottom:.4rem}.hero-digits{font-family:var(--font-mono);font-size:4.8rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#f97066,#e04a3e 40%,#ff8a65);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-unit{font-family:var(--font-mono);font-size:1.4rem;font-weight:600;color:var(--text-muted)}.hero-sublabel{position:relative;font-size:.98rem;color:var(--text-dim)}.results-actions{display:flex;flex-direction:column;gap:.6rem}.btn-edit{display:block;width:100%;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-dim);padding:.75rem;border:1.5px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:var(--bg-card);text-align:center}.btn-edit:hover{border-color:var(--text-muted);color:var(--text);background:var(--bg-card-hover)}.btn-cta{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;font-size:1.05rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f97066,#e04a3e);padding:.85rem;border-radius:var(--radius-md);text-decoration:none;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 16px #f970664d;letter-spacing:-.01em}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f9706666;color:#fff}.tool-disclaimer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-muted);line-height:1.6;text-align:center}@media(max-width:600px){.calc-wrapper{padding:1.5rem 1rem}.page-header h1{font-size:1.7rem}.hero-digits{font-size:3.5rem}}