:root{--accent:#2b6cb0;--card:#fff;--muted:#718096;--text-dark:#1a202c;--text-light:#f7fafc;--bg-light:#f8fafc;--border-light:#e2e8f0;--z1-color:#fff7e6;--z2-color:#e6f0ff;--z3-color:#e6ffed;--z4-color:#fff3e6;--z5-color:#ffe6ea;--tl-color:#e9e9ea;--th-color:#e9e9ea}.calc-container{min-height:100vh;color:var(--text-light);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);grid-template-columns:1fr;gap:18px;max-width:1100px;margin:0 auto;padding:20px;line-height:1.5;display:grid}@media (min-width:900px){.calc-container{grid-template-columns:1fr 420px}}.calc-container h1{letter-spacing:.6px;text-shadow:0 6px 14px #000000b3;color:var(--card);text-align:center;background:linear-gradient(135deg,#3b82f626 0%,#6366f11a 100%);border:2px solid #ffffff4d;border-radius:12px;margin:0 0 14px;padding:15px;font-family:Georgia,Times New Roman,serif;font-size:1.9rem;transform:rotate(-1.5deg)}.calc-container h2{color:var(--card);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0f 100%);border:2px solid #fff3;border-radius:8px;margin:6px 0;padding:12px;font-family:Georgia,Times New Roman,serif}.subtitle{color:var(--muted);text-align:center;margin-bottom:14px;font-size:1.05rem}.calc-card{background:linear-gradient(#0b1220 0%,#07101a 100%);border:2px solid #ffffff26;border-radius:12px;padding:18px;box-shadow:0 8px 30px #000000b3}.calc-panel{background:var(--bg-light);color:var(--text-dark);border:2px solid var(--border-light);border-radius:12px;padding:18px;box-shadow:0 8px 30px #0006}.calc-panel label{color:var(--text-dark);margin-top:12px;font-size:.95rem;font-weight:700;display:block}.calc-panel input,.calc-panel select{border:2px solid var(--border-light);width:100%;color:var(--text-dark);background:#fff;border-radius:8px;margin-top:6px;padding:12px;font-size:1rem;transition:all .3s}.calc-panel input:focus,.calc-panel select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2b6cb033}.calc-panel button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:16px;padding:12px 20px;font-size:1rem;font-weight:800;transition:all .3s;display:inline-block}.calc-panel button:hover{background:#2c5282;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.small{color:var(--text-dark);font-size:.95rem;line-height:1.5}.calc-card .small{color:var(--text-light)}.note{color:var(--text-light);background:#1a202c;border:2px solid #ffffff1a;border-radius:8px;margin:16px 0;padding:14px;font-size:.95rem}.footer-note{color:var(--muted);margin-top:8px;font-size:.88rem}.zone-description{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #ffffff1a;border-radius:8px;margin:10px 0;padding:15px}.zone-description.z1{border-left:6px solid #fbbf24}.zone-description.z2{border-left:6px solid #60a5fa}.zone-description.z3{border-left:6px solid #34d399}.zone-description.tl,.zone-description.th{border-left:6px solid #9ca3af}.zone-description.z4{border-left:6px solid #fb923c}.zone-description.z5{border-left:6px solid #f87171}.calculator-title{color:var(--text-dark);text-align:center;background:linear-gradient(135deg,#e6f0ff 0%,#f0f4ff 100%);border:2px solid #2b6cb04d;border-radius:8px;margin-bottom:16px;padding:12px;font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.result-section{border:2px solid var(--border-light);background:#fff;border-radius:8px;margin-top:20px;padding:18px;box-shadow:0 4px 12px #0000001a}.result-section h3,.result-section h4{color:var(--text-dark);margin-top:0}.result-section table{border-collapse:collapse;width:100%;color:inherit;background:0 0;border:2px solid #ffffff1a;border-radius:8px;margin-top:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.result-section th,.result-section td{text-align:center;border:1px solid #0000001a;padding:12px}.result-section th{color:var(--text-dark);background:#2b6cb01a;font-weight:700}.result-section td{color:var(--text-dark);background:#fff}.result-section .zone-Z1{background:var(--z1-color)}.result-section .zone-Z2{background:var(--z2-color)}.result-section .zone-TL{background:var(--tl-color)}.result-section .zone-Z3{background:var(--z3-color)}.result-section .zone-TH{background:var(--th-color)}.result-section .zone-Z4{background:var(--z4-color)}.result-section .zone-Z5{background:var(--z5-color)}.suggested-fields{color:#fff;background-color:#2a2a2a;border:2px solid #333;border-radius:10px;margin-bottom:20px;padding:20px;box-shadow:0 8px 20px #0006}.field-subsection{background-color:#333;border-left:4px solid #4fc3f7;border-radius:6px;margin:15px 0;padding:15px}.field-subsection strong{color:#4fc3f7;font-size:1.1rem}.suggested-fields strong{color:#4fc3f7}