.normal-card{background:#ffffffb3;backdrop-filter:blur(12px);border-radius:2rem;border:1px solid rgba(99,102,241,.15);box-shadow:0 20px 40px -15px #00000014;max-width:1100px;margin:0 auto;overflow:hidden;display:grid;grid-template-columns:350px 1fr;height:700px}:global(.dark) .normal-card{background:#0f172acc;border-color:#6366f133}.normal-sidebar{background:#6366f108;border-right:1px solid rgba(99,102,241,.1);padding:2rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}.sidebar-heading{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:800;color:var(--color-indigo-600)}.input-field{display:flex;flex-direction:column;gap:.4rem}.input-field label{font-size:.65rem;font-weight:900;text-transform:uppercase;color:#64748b;letter-spacing:.05em}.input-field input,.input-field select{background:#fff;border:2px solid #e2e8f0;border-radius:.85rem;padding:.6rem .85rem;font-size:.9rem;font-weight:700;color:#1e293b;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}:global(.dark) .input-field input,:global(.dark) .input-field select{background:#0f172a;border-color:#334155;color:#f1f5f9}.input-field input:focus,.input-field select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.input-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236366f1'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:2.25rem;appearance:none}.mode-switch{display:flex;background:#f1f5f9;padding:4px;border-radius:12px}:global(.dark) .mode-switch{background:#0f172a}.mode-btn{flex:1;padding:.5rem;border:none;border-radius:8px;font-size:.7rem;font-weight:800;color:#64748b;cursor:pointer;background:transparent;transition:all .2s}.mode-btn.active{background:#fff;color:#6366f1;box-shadow:0 2px 4px #0000000d}:global(.dark) .mode-btn.active{background:#1e293b;color:#818cf8}.normal-main{padding:2.5rem;display:flex;flex-direction:column;gap:2rem;overflow:hidden}.results-header-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.result-item{display:flex;flex-direction:column}.result-top-label{font-size:.7rem;font-weight:900;color:#94a3b8;text-transform:uppercase;margin-bottom:.25rem}.result-main-value{font-size:4rem;font-weight:950;letter-spacing:-3px;line-height:1;background:linear-gradient(135deg,#6366f1,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.curve-visual-box{background:#fff6;border:1px solid rgba(99,102,241,.05);border-radius:2rem;padding:1.5rem;position:relative;overflow:hidden}:global(.dark) .curve-visual-box{background:#0003}canvas#normalCurve{display:block;width:100%;height:260px}.footer-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(99,102,241,.05)}.interp-box{padding:.6rem 1.25rem;background:#6366f10a;border-radius:100px;font-size:.8rem;font-weight:800;color:#475569}:global(.dark) .interp-box{color:#94a3b8}.round-btn-group{display:flex;gap:.5rem}.round-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;transition:all .2s}:global(.dark) .round-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.round-btn:hover{transform:translateY(-2px);border-color:#6366f1;color:#6366f1}@media(max-width:900px){.normal-card{grid-template-columns:1fr;height:auto}.normal-sidebar{border-right:none;border-bottom:1px solid rgba(99,102,241,.1)}}@media(max-width:600px){.normal-card{border-radius:1rem;margin:0}.normal-sidebar{padding:1.25rem}.normal-main{padding:1.25rem;gap:1.25rem}.results-header-grid{grid-template-columns:1fr;gap:1rem}.result-main-value{font-size:2.5rem;letter-spacing:-1px}.curve-visual-box{padding:.75rem;border-radius:1rem}canvas#normalCurve{height:180px}.footer-actions{flex-direction:column;gap:.75rem;align-items:flex-start}.interp-box{font-size:.75rem;padding:.5rem 1rem}}.normal-main>*,.normal-sidebar>*{min-width:0}