:root{--plum-light: #714dff;--plum: #1b1340;--plum-hover: #5438c3;--white: #ffffff;--bg-gradient: linear-gradient(180deg, rgba(29, 27, 50, 1) 0%, rgba(42, 38, 78, 1) 25%, rgba(40, 36, 83, 1) 50%, rgba(29, 27, 50, 1) 75%, rgba(29, 27, 50, 1) 100%);--radius: 6px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-display: var(--font-sans)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--white);background:var(--bg-gradient);line-height:1.6;min-height:100vh}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:.75rem}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}p{margin-bottom:1rem;font-size:1.125rem}a{color:var(--plum-light);text-decoration:none}a:hover{color:var(--plum-hover)}small{font-size:.8em;opacity:.7}.container{width:min(90%,1100px);margin-inline:auto;padding-inline:1rem}header{padding:1.5rem 0 1rem}header nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:3rem;font-weight:900;color:var(--plum-light);text-decoration:none;line-height:1}.logo:hover{color:var(--plum-hover)}.nav-actions{display:flex;gap:.5rem}.nav-actions a{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);color:var(--white);font-size:.95rem;transition:border-color .2s,color .2s}.nav-actions a:hover{border-color:var(--plum-light);color:var(--plum-light)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;padding:2rem 0 4rem}.hero-text h1{margin-bottom:1.25rem}.hero-text p{opacity:.9}.feature-list{list-style:none;margin:0 0 2rem;padding:0}.feature-list li{padding:.3rem 0;font-size:1.1rem;font-weight:600}.feature-list li:before{content:"\2713";color:var(--plum-light);margin-right:.6rem;font-weight:700;font-size:1.2em}.unit-toggle{display:flex;margin-bottom:1.5rem}.unit-link{flex:1;text-align:center;padding:.75rem;border:1px solid rgba(255,255,255,.4);color:var(--white);font-size:1.15rem;font-weight:600;transition:background .2s,border-color .2s;appearance:none;-webkit-appearance:none;background:transparent;font-family:var(--font-sans);cursor:pointer}.unit-link:first-child{border-radius:var(--radius) 0 0 var(--radius);border-right:none}.unit-link:last-child{border-radius:0 var(--radius) var(--radius) 0}.unit-link:hover{background:var(--plum-hover);border-color:var(--plum-hover);color:var(--white)}.unit-link.active{background:var(--plum-light);border-color:var(--plum-light);color:var(--white)}.calculator-form label{display:block;font-size:1rem;margin-bottom:.4rem;font-weight:500}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}input[type=number],input[type=text],select{width:100%;height:2.75rem;padding:0 .8rem;font-size:1rem;font-family:var(--font-sans);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);background:#ffffff14;color:var(--white);transition:border-color .2s}input[type=number]::placeholder,input[type=text]::placeholder{color:#fff6}input[type=number]:focus,input[type=text]:focus,select:focus{outline:none;border-color:var(--plum-light);background:#ffffff1f}select{cursor:pointer}select option{background:var(--plum);color:var(--white)}.btn-submit{display:block;width:100%;padding:1rem;margin-top:.5rem;font-size:1.35rem;font-weight:700;font-family:var(--font-display);background:var(--plum-light);color:var(--white);border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s}.btn-submit:hover{background:var(--plum-hover)}.landing-content{max-width:700px;margin-bottom:2.5rem}.landing-content h1{margin-bottom:.5rem}.landing-content .subtitle{font-size:1.25rem;opacity:.7;margin-bottom:1.5rem}.landing-content p{opacity:.9}.results-summary{text-align:center;padding:2rem 0 3rem;max-width:700px;margin:0 auto}.results-summary p{opacity:.9}.results-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.results-actions a{display:inline-flex;align-items:center;gap:.3rem;padding:.6rem 1.5rem;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);color:var(--white);font-size:1rem;transition:border-color .2s,color .2s}.results-actions a:hover{border-color:var(--plum-light);color:var(--plum-light)}.results-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-bottom:4rem}.result-card{width:100%;min-width:0;grid-column:1 / -1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:1.5rem}.result-card.wide{grid-column:1 / -1}.result-card.primary{border-color:var(--plum-light);background:#714dff14}.result-card h2{font-size:1.15rem;margin-bottom:.25rem;opacity:.7;font-family:var(--font-sans);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.result-value{font-size:2.25rem;font-weight:700;font-family:var(--font-display);margin-bottom:.5rem;line-height:1.2}.result-value small{font-size:.5em;opacity:.6;font-weight:400}.result-detail{font-size:.95rem;opacity:.7;line-height:1.5}.result-detail p{font-size:.95rem;margin-bottom:.5rem}.target-summary-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.95rem;color:#ffffffb8}.target-summary-meta strong{color:var(--white);font-size:1.05rem}.target-summary-meta span+span:before{content:"\b7";margin-right:1rem;opacity:.45}.target-control-card{padding:1.75rem}.target-live{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin:1.25rem 0 1.5rem}.target-live>div{display:flex;flex-direction:column;min-width:0}.target-live>div:last-child{text-align:right}.target-live strong{font-size:clamp(1.8rem,5vw,2.75rem);line-height:1;font-family:var(--font-display)}.target-live span{margin-top:.35rem;color:#ffffffa6;font-size:.95rem}.target-range-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:.35rem;color:#ffffffbf;font-weight:700;font-size:.9rem}.target-range-labels span:nth-child(2){text-align:center}.target-range-labels span:last-child{text-align:right}.target-range-labels small{display:block;margin-top:.1rem;font-weight:500}.target-range-wrap{position:relative;padding:.4rem 0}.target-range-wrap:after{content:"";position:absolute;left:50%;top:.55rem;bottom:.55rem;width:2px;transform:translate(-1px);border-radius:999px;background:#ffffff8c;pointer-events:none}.target-range{--target-position: 50%;display:block;width:100%;height:2.4rem;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;position:relative;z-index:1}.target-range:focus{outline:none}.target-range::-webkit-slider-runnable-track{height:.55rem;border-radius:999px;background:linear-gradient(90deg,#714dff6b,#ffffff29,#714dff6b);border:1px solid rgba(255,255,255,.12)}.target-range::-moz-range-track{height:.55rem;border-radius:999px;background:linear-gradient(90deg,#714dff6b,#ffffff29,#714dff6b);border:1px solid rgba(255,255,255,.12)}.target-range::-webkit-slider-thumb{width:1.55rem;height:1.55rem;margin-top:-.55rem;appearance:none;-webkit-appearance:none;border-radius:50%;border:3px solid var(--white);background:var(--plum-light);box-shadow:0 0 0 4px #714dff38}.target-range::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;border:3px solid var(--white);background:var(--plum-light);box-shadow:0 0 0 4px #714dff38}.target-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #714dff6b}.target-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px #714dff6b}.target-presets,.macro-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-top:1.25rem}.target-preset,.macro-preset{min-width:0;min-height:6.5rem;padding:.85rem .65rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:#ffffff0b;color:var(--white);font-family:var(--font-sans);text-align:center}.target-preset{cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.target-preset strong,.target-preset span,.target-preset small,.macro-preset strong,.macro-preset span,.macro-preset small{display:block}.target-preset strong,.macro-preset strong{font-size:1.25rem;line-height:1.2}.target-preset span,.macro-preset span{margin-top:.3rem;font-size:.82rem;color:#ffffffad}.target-preset small,.macro-preset small{margin-top:.45rem;font-size:.78rem;color:#ffffff8c;opacity:1}.target-preset small span,.macro-preset small span{display:inline;margin:0;font-size:inherit;color:inherit}.target-preset:hover{border-color:#714dffcc;background:#714dff1a}.target-preset:focus-visible{outline:2px solid var(--plum-light);outline-offset:2px}.target-preset.active{border-color:var(--plum-light);background:#714dff2e}.target-preset.active strong{color:var(--white)}.macro-control-card{padding:1.75rem}.macro-preset-key{margin:.8rem 0 0;color:#ffffffa8;font-size:.95rem}.result-table{width:100%;border-collapse:collapse;margin-top:.75rem}.result-table th,.result-table td{text-align:left;padding:.5rem 0;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.08)}.result-table th{opacity:.6;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.result-table td:last-child,.result-table th:last-child{text-align:right}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.share-buttons a,.share-buttons button{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);color:var(--white);font-size:.85rem;font-family:var(--font-sans);background:none;cursor:pointer;transition:border-color .2s,color .2s}.share-buttons a:hover,.share-buttons button:hover{border-color:var(--plum-light);color:var(--plum-light)}.share-buttons svg{width:1em;height:1em;flex-shrink:0}.result-detail a{color:var(--plum-light);text-decoration:none}.result-detail a:hover{color:var(--plum-hover)}.notification{padding:1rem 1.5rem;background:#dc354533;border:1px solid rgba(220,53,69,.4);border-radius:var(--radius);margin:1rem 0;font-size:.95rem}.page-content{max-width:700px;padding:2rem 0 4rem}.page-content h2{font-size:1.35rem;margin-top:2rem}.page-content ul{margin:0 0 1.5rem 1.5rem}.page-content li{margin-bottom:.4rem;font-size:1rem;line-height:1.6}footer{padding:3rem 0 2rem;font-size:.85rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-brand p{color:#ffffff80;font-size:.85rem;max-width:300px}.footer-col h3{font-size:1rem;color:#fff;opacity:1;margin-bottom:.75rem;font-family:var(--font-sans);font-weight:500}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:.4rem}.footer-col a{color:#fff9;font-size:.9rem;transition:color .2s}.footer-col a:hover{color:var(--plum-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:1rem 0;text-align:center}.footer-bottom p{font-size:.8rem;color:#fff6;margin:0 0 .15rem}.footer-bottom a{color:#fff6;transition:color .2s}.footer-bottom a:hover{color:var(--plum-light)}[hidden]{display:none!important}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:1000;padding:.65rem 1rem;border-radius:var(--radius);background:var(--white);color:var(--plum);font-weight:700}.skip-link:focus{top:1rem}.calculator-shell{width:100%}.results-output:empty{display:none}.results-output:not(:empty){margin-top:2rem}.notice{padding:1rem 1.25rem;border:1px solid rgba(113,77,255,.55);border-radius:var(--radius);background:#714dff14;margin:1.5rem 0}.notice h2{font-size:1.1rem}.notice p:last-child,.notification p:last-child{margin-bottom:0}.notification a{color:var(--white);text-decoration:underline}.notification a:hover{color:var(--plum-light)}.results-output .results-grid{padding-bottom:2rem}.result-card.notice{border-color:#714dff8c}main{min-height:45vh}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.hero{grid-template-columns:1fr;gap:2rem;padding:1.5rem 0 3rem}.form-row{grid-template-columns:1fr;gap:0}.target-live{align-items:flex-start}.target-presets,.macro-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.target-preset[data-target-preset="0"],.macro-preset:last-child{grid-column:1 / -1}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand p{max-width:none}}@media(max-width:480px){.target-live{flex-direction:column;gap:.8rem}.target-live>div:last-child{text-align:left}.target-range-labels{gap:.4rem;font-size:.8rem}.target-range-labels small{font-size:.72rem}}@media(min-width:1200px){h1{font-size:3.5rem}p{font-size:1.25rem}.feature-list li{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}