*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f4f6f9;color:#1e293b;line-height:1.6}
.calc-container{max-width:800px;margin:0 auto;padding:24px 16px}
.breadcrumb{font-size:0.85rem;color:#64748b;margin-bottom:24px}
.breadcrumb a{color:#4f86f7;text-decoration:none}
h1{font-size:1.8rem;font-weight:700;color:#0b3560;margin:0 0 8px}
.subtitle{font-size:0.95rem;color:#5a6a85;margin-bottom:24px}
.info-box{background:#f0f7ff;border-left:3px solid #2563eb;padding:12px 16px;margin-bottom:16px;border-radius:0 8px 8px 0;line-height:1.6;font-size:0.9rem;color:#334155}
.info-box strong{color:#1e40af}
.summary{background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #2563eb;padding:14px 16px;margin:0 0 24px;border-radius:0 8px 8px 0;line-height:1.6;font-size:.95rem;color:#334155}
.summary h2{margin:0 0 6px;font-family:'Space Grotesk',sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.6px;color:#1e40af}
.summary p{margin:0}
.calc-form{background:#fff;border-radius:10px;border:1px solid #d8e2f2;box-shadow:0 4px 20px rgba(0,0,0,0.06);padding:24px;margin-bottom:24px}
.field{margin-bottom:18px}
.field label{display:block;font-size:0.9rem;font-weight:600;color:#1e293b;margin-bottom:6px}
.field .unit{font-weight:400;color:#64748b;font-size:0.82rem}
.input-wrap{display:flex;align-items:center;gap:6px}
.input-wrap .prefix{color:#64748b;font-size:0.95rem;font-weight:500}
input[type="number"],input[type="text"],input[type="date"],select,textarea{width:100%;padding:10px 14px;border:1.5px solid #d8e2f2;border-radius:8px;font-size:0.92rem;font-family:inherit;color:#1e293b;background:#fff;transition:border-color 0.2s;outline:none}
input:focus,select:focus,textarea:focus{border-color:#4f86f7;box-shadow:0 0 0 3px rgba(79,134,247,0.15)}
input[type="range"]{width:100%!important;padding:0;height:6px;-webkit-appearance:none;appearance:none;background:#d8e2f2;border-radius:3px;border:none;outline:none}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4f86f7;cursor:pointer;box-shadow:0 2px 6px rgba(79,134,247,0.3)}
.range-value{font-size:0.95rem;font-weight:600;color:#4f86f7;min-width:40px;text-align:right}
.radio-group,.toggle-group{display:flex;flex-wrap:wrap;gap:8px}
.radio-label,.checkbox-label{display:flex;align-items:center;gap:6px;font-size:0.9rem;cursor:pointer;padding:6px 0}
.radio-label input,.checkbox-label input{width:auto;margin:0}
.toggle-btn{padding:8px 16px;border:1.5px solid #d8e2f2;border-radius:8px;background:#fff;cursor:pointer;font-size:0.85rem;font-family:inherit;color:#475569;transition:all 0.2s}
.toggle-btn.active{border-color:#4f86f7;background:#eef4ff;color:#4f86f7;font-weight:600}
.help-text{display:block;font-size:0.8rem;color:#64748b;margin-top:4px}
.actions-row{display:flex;gap:12px;margin-top:24px}
.btn{padding:12px 28px;border:none;border-radius:8px;font-size:0.92rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all 0.2s}
.btn-primary{background:#4f86f7;color:#fff}
.btn-primary:hover{background:#3b72e0}
.btn-outline{background:transparent;border:1.5px solid #d8e2f2;color:#475569}
.btn-outline:hover{background:#f1f5f9}
.results{background:#fff;border-radius:10px;border:1px solid #d8e2f2;box-shadow:0 4px 20px rgba(0,0,0,0.06);padding:24px;margin-bottom:24px;display:none}
.results.show{display:block}
.results h2{font-size:1.2rem;color:#0b3560;margin-bottom:16px}
.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.result-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}
.result-card.highlight{background:#eef4ff;border-color:#bfd3f8}
.result-label{display:block;font-size:0.8rem;color:#64748b;margin-bottom:4px}
.result-value{display:block;font-size:1.15rem;font-weight:700;color:#0b3560}
.formula-section{background:#fff;border-radius:10px;border:1px solid #d8e2f2;padding:24px;margin-bottom:24px}
.formula-section h2{font-size:1.1rem;color:#0b3560;margin-bottom:12px}
.formula-code{display:block;background:#f1f5f9;padding:14px;border-radius:8px;font-family:'Courier New',monospace;font-size:0.88rem;white-space:pre-wrap;color:#1e293b;border:1px solid #e2e8f0}
.formula-vars{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.formula-var{font-size:0.85rem;color:#475569}
.formula-var strong{color:#0b3560;font-family:monospace}
.examples{background:#fff;border-radius:10px;border:1px solid #d8e2f2;padding:24px;margin-bottom:24px}
.examples h2{font-size:1.1rem;color:#0b3560;margin-bottom:12px}
.example{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}
.example:last-child{border-bottom:none}
.example h3{font-size:0.95rem;color:#334155;margin-bottom:4px;font-weight:600}
.example-output{font-size:0.88rem;color:#64748b;background:#f8fafc;padding:10px;border-radius:6px;line-height:1.5}
.explanation{background:#fff;border-radius:10px;border:1px solid #d8e2f2;padding:24px;margin-bottom:24px}
.explanation h2{font-size:1.1rem;color:#0b3560;margin-bottom:12px}
.explanation p{margin-bottom:12px;font-size:0.9rem;color:#334155;line-height:1.7}
.explanation p:last-child{margin-bottom:0}
.faqs{background:#fff;border-radius:10px;border:1px solid #d8e2f2;padding:24px;margin-bottom:24px}
.faqs h2{font-size:1.1rem;color:#0b3560;margin-bottom:12px}
.faq-item{border-bottom:1px solid #e2e8f0}
.faq-item:last-child{border-bottom:none}
.faq-question{padding:12px 0;font-size:0.9rem;font-weight:600;color:#1e293b;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:none;border:none;width:100%;text-align:left;font-family:inherit;list-style:none}
.faq-question::-webkit-details-marker{display:none}
.faq-question::after{content:'▼';font-size:0.8rem;color:#64748b;transition:transform 0.2s}
details[open] .faq-question::after{transform:rotate(180deg)}
.faq-question:hover{color:#4f86f7}
.faq-answer{padding:0 0 12px;font-size:0.88rem;color:#475569;line-height:1.6}
.loading{text-align:center;padding:60px 20px;color:#64748b;display:none}
.spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#4f86f7;border-radius:50%;animation:spin 0.7s linear infinite;margin:0 auto 12px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.results-grid{grid-template-columns:1fr}.actions-row{flex-direction:column}.btn{width:100%;text-align:center}h1{font-size:1.4rem}}
.calc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,20%);gap:24px;max-width:1200px;margin:0 auto;padding:0 16px;align-items:start}
.calc-main{min-width:0}
.calc-main .calc-container{max-width:none;margin:0;padding:0}
.calc-sidebar{display:flex;flex-direction:column;gap:16px;min-width:0}
.sidebar-box{background:#fff;border:1px solid #d8e2f2;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:16px}
.sidebar-box--ad{padding:0;overflow:hidden;min-height:250px}
.sidebar-box--ad ins{display:block;width:100%;min-height:250px}
.sidebar-box__head{font-size:.8rem;font-weight:700;color:#334e8f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.sidebar-search{width:100%;padding:9px 12px;border:1px solid #d1d9e6;border-radius:8px;font-size:.9rem;background:#f6f8fb}
.sidebar-search:focus-visible{outline:2px solid #4f86f7;outline-offset:2px;border-color:#4f86f7}
.sidebar-search__empty{font-size:.8rem;color:#6b7a99;margin-top:8px}
.sidebar-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d8e2f2 transparent;padding-right:4px}
.sidebar-group{margin-bottom:14px}
.sidebar-group__head{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.72rem;font-weight:700;color:#334e8f;text-transform:uppercase;letter-spacing:.4px;text-decoration:none;margin-bottom:6px}
.sidebar-group__head:hover{color:#4f86f7}
.sidebar-group__count{font-size:.68rem;font-weight:600;color:#8a97ad;background:#f1f5f9;border-radius:10px;padding:1px 7px}
.sidebar-group__items{list-style:none;margin:0;padding:0}
.sidebar-group__items li{margin:0}
.sidebar-group__items a{display:block;padding:4px 6px 4px 10px;border-left:2px solid transparent;border-radius:6px;font-size:.82rem;color:#3e4f6b;text-decoration:none;line-height:1.35}
.sidebar-group__items a:hover{background:#f3f6fc;color:#4f86f7;border-left-color:#4f86f7}
.sidebar-group__items a:focus-visible{outline:2px solid #4f86f7;outline-offset:2px}
.sidebar-list__foot{margin-top:12px;padding-top:10px;border-top:1px solid #eef2f8;font-size:.75rem;color:#6b7a99}
.sidebar-list__foot a{color:#4f86f7;text-decoration:none}
input[type="number"]:focus-visible,input[type="text"]:focus-visible,input[type="date"]:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4f86f7;outline-offset:2px}
.btn:focus-visible{outline:2px solid #4f86f7;outline-offset:2px}
.kbd-hint{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:16px;padding:8px 12px;background:#f4f7ff;border:1px dashed #c8d5f5;border-radius:8px;font-size:.78rem;color:#5a6a85}
.kbd-hint kbd{display:inline-block;padding:1px 6px;background:#fff;border:1px solid #d1d9e6;border-bottom-width:2px;border-radius:5px;font-size:.72rem;font-weight:600;color:#334e8f}
@media(max-width:1000px){.calc-layout{grid-template-columns:1fr}.calc-main .calc-container{padding:0 0 24px}.calc-sidebar{order:1}}