:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;font-synthesis:none;color:#48384f;background:#f4f1f2;line-height:1.6;--ink:#48384f;--line:#ded5df;--paper:#fffdf7}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,select{cursor:pointer}button{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:8px;padding:.55rem .85rem;min-height:42px;font-weight:650}button.quiet{background:transparent;color:var(--ink);border-color:#c3b5c8}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.42;cursor:default}input,select{padding:.5rem .6rem;min-height:42px;max-width:100%;background:#fffefa;border:1px solid #c4b6ca;color:var(--ink);border-radius:7px}input{width:100%}input:disabled,select:disabled{background:#eee9ee}input[type=range]{padding:.4rem 0;accent-color:#795e84;border:0;background:transparent;min-width:0}:focus-visible{outline:3px solid #c59044;outline-offset:3px}.top{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem max(1rem,calc((100vw - 1200px)/2));background:#f4f1f2f5;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.top>div{display:flex;gap:1.2rem;align-items:center}.top a{font-weight:650;text-decoration:none}.top .back{border:1px solid #c8b9cd;border-radius:7px;padding:.4rem .7rem}.top label{display:flex;gap:.5rem;align-items:center;font-size:.85rem}main{max-width:1240px;margin:auto;padding:2.5rem 20px 0}.intro{display:grid;grid-template-columns:1.7fr 1fr;gap:4rem;align-items:center;margin-bottom:2rem}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:750;color:#966835}h1{font-size:clamp(2rem,4.5vw,3.7rem);font-weight:650;line-height:1.07;letter-spacing:-.045em;max-width:670px;margin:1rem 0}.lede{font-size:1.05rem;color:#77677f;max-width:620px}.formula{border-left:3px solid #c59755;padding-left:1.8rem}.formula span{font-family:Georgia,serif;font-size:2.5rem;white-space:nowrap}.formula p{font-size:.9rem;max-width:300px}.tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.tabs button{background:transparent;color:var(--ink);border-color:#c2b6c8}.tabs button[aria-pressed=true]{background:var(--ink);color:white}.guide{display:flex;align-items:start;justify-content:space-between;gap:1rem;background:#eae5ee;border:1px solid #d4c8db;border-left:5px solid #c29148;border-radius:10px;padding:1rem 1.2rem;margin-bottom:1rem}.guide p{max-width:900px;font-size:.95rem;margin:.3rem 0 .7rem}.guide button{font-size:.85rem}.guide>button{flex-shrink:0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:1.25rem;min-width:0;box-shadow:0 4px 18px #4b335e05}.setup{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.setup label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;flex:1;min-width:160px}.setup select{width:100%}.setup form{display:flex;align-items:end;gap:.7rem;flex:1;flex-wrap:wrap}.setup form label:nth-child(2){flex:0;min-width:85px}.setup>p{flex-basis:100%;margin:0}.notice{min-height:1.4rem;margin:.7rem 0;color:#96562f;font-size:.9rem}h2{font-size:1.1rem;letter-spacing:-.015em;margin:0 0 1rem}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.chip{border-radius:30px;background:#eee9ef;padding:.2rem .6rem;font-size:.75rem}.bench-viewport{overflow:auto;border-radius:9px;background:#f5f3ef}.bench-viewport svg{width:100%;min-width:720px;display:block}.handle{cursor:ew-resize;touch-action:none}.handle[aria-disabled=true]{opacity:.35;cursor:default}.handle:focus-visible{outline:none}.handle:focus-visible rect{stroke:#d9983d;stroke-width:4}.small{font-size:.8rem;color:#7a6b80}.pan-hint{display:none}.sliders{display:grid;grid-template-columns:1fr 1fr 1fr .7fr;gap:1.2rem}.sliders label{font-size:.8rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:start;gap:.3rem}.sliders output{font-family:Consolas,monospace;font-weight:650}.sliders select{width:100%}.distances{display:flex;flex-wrap:wrap;gap:1.4rem;background:#eeeaf0;padding:.6rem .8rem;border-radius:7px;font-size:.85rem}.experiment{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;margin-top:1.1rem}.predictions form{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.predictions form>label{font-size:.85rem;display:flex;flex-direction:column;gap:.4rem;min-width:0}.predictions form>label:first-child{grid-column:1/-1}.predictions form>button{grid-column:1/-1}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}.actions button{font-size:.85rem}.projection{max-width:300px;min-height:170px;display:flex;align-items:center;justify-content:center;margin:auto}.projection svg{display:block;width:100%;max-height:200px}.projection.covered{background:repeating-linear-gradient(135deg,#eee8e4 0 12px,#f4eee6 12px 24px);border-radius:9px;flex-direction:column;text-align:center;padding:1rem}.covered span{font-size:2.5rem;color:#9e8b78}.covered p{font-size:.85rem;max-width:220px}.screen-status{font-size:.9rem;min-height:3rem}.ray-panel,.result,.notebook,.print-tools{margin-top:1.1rem}.legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;margin-top:.6rem}.legend span{border-left:10px solid;padding-left:.5rem}.legend .gold{border-color:#b87d2e}.legend .blue{border-color:#4b7e9a}.legend .purple{border-color:#826091}.result-values{display:flex;gap:1.2rem;flex-wrap:wrap;padding:.7rem 1rem;border-radius:8px;background:#eae7ed;font-size:.95rem}.comparison{font-size:.95rem}table{border-collapse:collapse;width:100%;font-size:.8rem}th,td{text-align:left;padding:.6rem;border-bottom:1px solid #e0d8e1}.table-pan{max-height:390px;overflow:auto}.table-pan table{white-space:nowrap}.table-pan th{position:sticky;top:0;background:#efebf1}.empty{font-size:.9rem;color:#8c7e91;padding:1rem 0}.print-tools label{font-size:.85rem}.print-tools select{margin-left:.5rem}footer{padding:1.5rem 0;font-size:.8rem;max-width:1050px;color:#7b6c81}.telemetry-notice{max-width:1200px;margin:auto;border-top:1px solid var(--line);padding:1rem 20px 2rem;font-size:.8rem}.telemetry-notice p{margin:0 0 .5rem}.telemetry-notice button{background:transparent;color:var(--ink);font-size:.8rem;margin-left:.8rem;padding:.3rem .6rem}
@media(max-width:900px){.intro{gap:2rem}.sliders{grid-template-columns:1fr 1fr}.experiment{grid-template-columns:1fr 1fr}.formula span{font-size:2rem}.pan-hint{display:block}}
@media(max-width:650px){.experiment{grid-template-columns:1fr}.guide{flex-direction:column;gap:.5rem}.guide>button{padding:.25rem .6rem;min-height:36px}.intro{grid-template-columns:1fr;gap:.6rem}.formula{padding:.5rem 1rem;display:flex;align-items:center;gap:1rem}.formula span{font-size:1.75rem}.formula p{font-size:.75rem}.guide p{font-size:.85rem}}
@media(max-width:500px){main{padding:1.5rem 12px 0}.top{padding:.6rem 12px;gap:.6rem;flex-wrap:wrap}.top>div{gap:.7rem}.top .back{font-size:.8rem}.top label{font-size:0}.top select{font-size:.8rem;padding:.3rem;min-height:36px}.panel{padding:1rem}.guide{padding:.8rem}.setup label{min-width:120px}.tabs button{font-size:.85rem}.sliders{gap:1rem}.sliders label{font-size:.75rem}.sliders output{display:block;width:100%}.distances{gap:.5rem 1rem;font-size:.8rem}.telemetry-notice button{margin:.5rem 0 0 .5rem}}
@media print{#app,.telemetry-notice,.az-analytics-prompt,.az-analytics-dialog{display:none!important}body{background:#fff;color:#000;font:10pt/1.5 Arial,sans-serif}#printRoot{display:block!important}.print-page{break-after:page;min-height:230mm;position:relative;padding-bottom:12mm}.print-page:last-child{break-after:auto}.print-page h1{font-size:20pt;letter-spacing:normal;max-width:none}.print-page header p{font-size:9pt}.print-page ol{padding-left:6mm}.print-page li{break-inside:avoid;min-height:52mm;border-bottom:1px solid #999;padding-top:4mm}.print-page li p{margin:3mm 0}.print-page footer{position:absolute;bottom:0;padding:0;color:#000;font-size:8pt}}