:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color:#1f2937;background-color:#f4f2ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(235,238,250,.55),transparent 55%),linear-gradient(180deg,#f7f5ede6,#f4f2ec 65%)}#root{width:min(100%,1080px);margin:0 auto}a{color:inherit}.app{max-width:960px;margin:0 auto;padding:2.5rem 1.25rem 3.25rem;display:flex;flex-direction:column;gap:1.5rem}.page-header{text-align:center}.page-header h1{font-size:clamp(2rem,3vw + 1rem,2.75rem);margin:0}.page-header p{margin:0;color:#475467;max-width:52ch;align-self:center}.panel{background:#fffffff5;border-radius:18px;padding:1.75rem;box-shadow:0 20px 45px #2337501f;display:flex;flex-direction:column;gap:1.25rem}.panel h2{margin:0;font-size:1.4rem;color:#1f2937}.input-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{display:flex;flex-direction:column;gap:.55rem;font-weight:600;color:#1f2937}label span{font-size:.95rem}input[type=number]{border:1px solid #d0d5dd;border-radius:12px;padding:.7rem .9rem;font-size:1rem;font-weight:500;background-color:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease}input[type=number]:focus{outline:none;border-color:#3f76ff;box-shadow:0 0 0 4px #3f76ff2e;background-color:#fff}.results-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.result-card{border-radius:16px;padding:1.35rem;background:linear-gradient(155deg,#fffffffa,#f5f8fff2);border:1px solid rgba(63,118,255,.12);display:flex;flex-direction:column;gap:.85rem}.result-card h3{margin:0;font-size:1.1rem;color:#1f2937}.result-value{margin:0;font-size:1.125rem;font-weight:600;color:#101828}.result-detail{margin:0;color:#475467;font-size:.95rem}dl{margin:0;display:grid;gap:.55rem}dl>div{display:flex;justify-content:space-between;font-size:.95rem;color:#1f2937}dt{font-weight:500}dd{margin:0;font-weight:600}.helper-text{margin:0;color:#475467;font-size:.95rem}.helper-text.muted{color:#6b7280}.inspiration{margin-top:.5rem;text-align:center}.inspiration a{color:#3f76ff;text-decoration:none}.inspiration a:hover{text-decoration:underline}.error-callout{margin:0;padding:1rem 1.25rem;border-radius:12px;background:#d92d201f;color:#9b1c10;font-weight:600}@media (max-width: 640px){.panel{padding:1.5rem}.result-card{padding:1.25rem}}