:root{--purple: #4B116F;--purple-light: #6B2D8F;--purple-dark: #3A0D56;--gold: #FFCC00;--gold-light: #FFE066;--gold-dark: #D4A800;--gray: #F5F5F5;--gray-med: #E0E0E0;--gray-dark: #333333}html{-webkit-text-size-adjust:100%}.app-shell{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;background-color:#f0f2f5}.app-header{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:#fff;padding:28px 40px;box-shadow:0 4px 20px #4b116f4d}.app-header-inner{max-width:1400px;margin:0 auto}.app-title{margin:0;font-size:clamp(19px,4.5vw,32px);font-weight:700;line-height:1.25}.app-subtitle{margin:10px 0 0;color:var(--gold-light);font-size:clamp(12px,3.2vw,16px)}.app-nav{background-color:#fff;border-bottom:4px solid var(--gold);padding:0 40px;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.app-nav-inner{max-width:1400px;margin:0 auto;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-nav-inner::-webkit-scrollbar{display:none}.main-tab{padding:16px 32px;border:none;font-size:15px;cursor:pointer;white-space:nowrap;text-align:center;margin-bottom:-4px;background:transparent}.app-main{max-width:1400px;margin:0 auto;padding:36px 40px}.app-card{background-color:#fff;border-radius:20px;padding:36px;box-shadow:0 4px 24px #00000014}.app-footer{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:#fff;padding:28px 40px;margin-top:48px}.app-footer-inner{max-width:1400px;margin:0 auto;text-align:center}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three-col-results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.scroll-x{overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.swipe-hint{display:none}.other-subtabs{display:flex;gap:6px;margin-bottom:24px;padding:6px;background-color:var(--gray);border-radius:12px;flex-wrap:wrap}.other-subtab{flex:1 1 150px;min-width:150px;padding:14px 18px;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;text-align:center}.formula-display{background-color:#fff;padding:20px;border-radius:8px;font-family:Georgia,Times New Roman,serif;font-size:20px;text-align:center;margin-bottom:16px;border:1px solid var(--gray-med);letter-spacing:1px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}input[type=range].range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;outline:none;touch-action:pan-x}input[type=range].range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gold);border:3px solid var(--purple);cursor:pointer;box-shadow:0 2px 6px #00000040}input[type=range].range-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gold);border:3px solid var(--purple);cursor:pointer;box-shadow:0 2px 6px #00000040}input[type=range].range-input.range-wide{height:12px;border-radius:6px}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.sticky-results{display:none}@media (max-width: 980px){.two-col{grid-template-columns:1fr;gap:28px}}@media (max-width: 768px){.app-header{padding:16px}.app-nav{padding:0 8px}.main-tab{padding:12px 14px;font-size:13px}.app-main{padding:14px 10px 96px}.app-card{padding:18px 14px;border-radius:14px}.app-footer{padding:22px 16px;margin-top:32px}.results-grid{gap:10px}.three-col-results{grid-template-columns:1fr 1fr;gap:10px}.three-col-results>:last-child{grid-column:1 / -1}.other-subtab{flex:1 1 44%;min-width:0;padding:12px 8px}.formula-display{font-size:15px;padding:14px 10px;letter-spacing:.5px}.swipe-hint{display:block;font-size:12px;color:#888;text-align:center;margin:0 0 8px}input[type=range].range-input::-webkit-slider-thumb{width:28px;height:28px}input[type=range].range-input::-moz-range-thumb{width:28px;height:28px}.sticky-results{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:200;background:var(--purple-dark);color:#fff;border:2px solid var(--gold);border-radius:12px;padding:8px 12px;justify-content:space-around;align-items:center;gap:8px;box-shadow:0 6px 20px #00000059}.sticky-results-item{text-align:center;min-width:0}.sticky-results-label{font-size:9px;opacity:.85;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.sticky-results-value{font-size:15px;font-weight:700;white-space:nowrap}}@media (max-width: 380px){.results-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}