:root{--cx-primary:#0081C9;--cx-primary-dark:#006ba3;--cx-secondary:#82D026;--cx-bg-body:#eaeaea;--cx-card-bg:#ffffff;--cx-text-title:#1a3057;--cx-text-label:#3a5270;--cx-input-border:#b8c7e3;--cx-input-focus:#0081C9;--cx-btn-gradient:linear-gradient(135deg, #0081C9, #82D026);--cx-btn-hover-gradient:linear-gradient(135deg, #82D026, #0081C9);--cx-btn-shadow:0 8px 32px rgba(26, 48, 87, 0.15);--cx-radius:20px;--cx-radius-sm:14px}#app-container,#app-container *{margin:0;padding:0;box-sizing:border-box}#app-container{max-width:1000px;width:100%;margin:0 auto;background:var(--cx-card-bg);border-radius:var(--cx-radius);padding:2rem 2rem 1.8rem;box-shadow:0 25px 45px -12px rgba(0,0,0,.08),0 10px 20px -8px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.02);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;font-size:16px;color:#1e293b;overflow-wrap:break-word}#app-container h1,#app-container h2,#app-container h3{font-family:Montserrat,sans-serif;font-weight:700;color:var(--cx-text-title);letter-spacing:-.02em}#app-container h1{font-size:28px}#app-container h2{font-size:22px;margin-top:2rem}#app-container h3{font-size:18px;margin-top:1.5rem;color:#1a3057}#app-container .cx-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.06)}#app-container .cx-title{font-size:28px;color:var(--cx-text-title);margin-bottom:.3rem}#app-container .cx-subtitle{color:#5b6e8c;font-size:.95rem;font-weight:400}#app-container .cx-form{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}#app-container .cx-form-group,#app-container .height-group,#app-container .height-input-group{display:flex;flex-direction:column;gap:.5rem}#app-container .cx-label{font-size:.9rem;font-weight:500;color:var(--cx-text-label)}#app-container .cx-input,#app-container .cx-select{background:#fff;border:1px solid var(--cx-input-border);border-radius:var(--cx-radius-sm);padding:.75rem 1rem;font-size:1rem;font-family:Inter,sans-serif;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.02);width:100%;min-width:0}#app-container .cx-input:focus,#app-container .cx-select:focus{outline:0;border-color:var(--cx-input-focus);box-shadow:0 0 0 3px rgba(0,129,201,.15)}#app-container .cx-toggle-group{display:inline-flex;background:#f1f4f9;border-radius:60px;flex-wrap:wrap;padding:4px;gap:4px}#app-container .cx-toggle{background:0 0;border:none;padding:.55rem 1.3rem;border-radius:60px;color:#334155;font-weight:500;font-family:Inter,sans-serif;font-size:.9rem;cursor:pointer;transition:.2s}#app-container .cx-toggle.active{background:var(--cx-primary);color:#fff;box-shadow:0 2px 6px rgba(0,129,201,.25);font-weight:600}#app-container #calculate-btn,#app-container .cx-btn{background:var(--cx-btn-gradient);border:none;border-radius:var(--cx-radius-sm);padding:.9rem 1.5rem;font-family:Montserrat,sans-serif;font-weight:600;font-size:17px;color:#fff;cursor:pointer;transition:.2s;box-shadow:var(--cx-btn-shadow);margin-top:.2rem;letter-spacing:.01em;grid-column:span 2;justify-self:center;width:auto}#app-container #calculate-btn:hover,#app-container .cx-btn:hover{background:var(--cx-btn-hover-gradient);transform:translateY(-1px);box-shadow:0 12px 28px rgba(26,48,87,.18)}#app-container .cx-error-message{background:#fee2e2;color:#b91c1c;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;font-weight:500;margin-bottom:1.25rem;border:1px solid #fecaca;display:flex;align-items:center;gap:.5rem}#app-container .cx-error-message::before{content:"⚠️"}#app-container .cx-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.8rem 0 1rem}#app-container .cx-result-card{background:#fff;border:1px solid #e9eef3;border-radius:var(--cx-radius-sm);padding:1.1rem .8rem;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.02)}#app-container #calculate-btn,#app-container .cx-btn,#app-container .cx-form,#app-container .cx-form-group,#app-container .cx-input,#app-container .cx-select,#app-container .cx-toggle-group{max-width:100%;box-sizing:border-box}#app-container .cx-formula-name{font-size:.9rem;font-weight:500;color:#475569;margin-bottom:.5rem}#app-container .cx-result-value{font-size:1.7rem;font-weight:700;color:var(--cx-primary);font-family:Montserrat,sans-serif}#app-container .cx-result-average .cx-result-value{color:var(--cx-secondary);font-size:1.9rem}#app-container .cx-unit{font-size:.9rem;font-weight:600}#app-container .cx-help-text{font-size:.75rem;color:#64748b}#app-container .imperial-inputs{display:flex;gap:8px;align-items:center}#app-container .imperial-inputs .cx-input{flex:1;min-width:0}#app-container .imperial-inputs span{color:#334155;font-weight:500}#app-container .toc a,#app-container a{color:var(--cx-primary);text-decoration:none}#app-container .cx-history-section{margin-top:2rem;border-top:1px solid rgba(0,0,0,.06);padding-top:1.8rem}#app-container .cx-history-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}#app-container .cx-history-title{font-size:20px}#app-container .cx-history-clear{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);padding:.35rem 1rem;border-radius:40px;color:#b91c1c;cursor:pointer;font-size:.8rem}#app-container .cx-history-list{list-style:none;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}#app-container .cx-history-item{background:#f8fafc;border:1px solid #edf2f7;padding:.6rem 1rem;border-radius:40px;font-size:.85rem;color:#334155;display:flex;justify-content:space-between;cursor:pointer}#app-container .cx-history-empty{text-align:center;color:#64748b;padding:1.2rem;font-style:italic}#app-container .article-divider{border:none;border-top:2px solid rgba(0,0,0,.06);margin:2.5rem 0 2rem}#app-container .toc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--cx-radius-sm);padding:1.5rem 2rem;margin:2rem 0}#app-container .toc h2{margin-top:0}#app-container .toc ul{list-style:none;padding-left:0}#app-container .toc li{margin-bottom:.5rem}#app-container .toc a{font-weight:500}#app-container .article-content p{line-height:1.6;margin-bottom:1.2rem;color:#334155}#app-container .article-content ol,#app-container .article-content ul{margin-bottom:1.2rem;padding-left:1.8rem}#app-container .formula-box{background:#f0f4ff;border-left:4px solid var(--cx-primary);padding:1rem 1.5rem;border-radius:0 8px 8px 0;margin:1.2rem 0;font-weight:500}#app-container .chart-container{margin:2rem 0;text-align:center}#app-container .chart-container svg{width:100%;max-width:600px;height:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px}#app-container footer{margin-top:2rem;text-align:center;font-size:.75rem;color:#64748b;border-top:1px solid rgba(0,0,0,.04);padding-top:1rem}#app-container .cx-hidden{display:none!important}#app-container .cx-form>*{min-width:0}@media (max-width:600px){#app-container .cx-form{grid-template-columns:1fr}#app-container #calculate-btn{grid-column:span 1}}