:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#272238;background:#f6f4fb;font-synthesis:none;line-height:1.7}*{box-sizing:border-box}body{margin:0}header,main{max-width:880px;margin:auto}header,footer{padding:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}a{color:#604098;text-underline-offset:3px}main{padding:0 20px 32px}.intro{padding:36px 4px 22px}.eyebrow{color:#775398;font-weight:700;letter-spacing:.12em;font-size:13px}.machine{margin-bottom:4px;font-weight:700}.machine small{font-weight:400;color:#655d74}h1{font-size:clamp(28px,5vw,43px);letter-spacing:-.035em;line-height:1.3;margin:12px 0 20px}h2{font-size:20px;margin:0 0 20px}h2 span{color:#906daf;font-size:14px;margin-right:8px}h3{font-size:16px;margin:24px 0 8px}.panel{background:#fff;border:1px solid #e4deef;border-radius:22px;padding:26px;margin:0 0 20px;box-shadow:0 8px 28px #47306d06}p{margin:12px 0}.notice,.help-box{background:#f1edf7;padding:16px;border-radius:12px;font-size:13px;color:#57466e}.help{font-size:13px;color:#686174}.tabs{display:flex;gap:5px;background:#f2eef8;border-radius:12px;padding:5px}.tabs button{flex:1;padding:10px 6px;border:0;background:transparent;font-size:15px}.tabs [aria-pressed=true]{background:#fff;color:#603f92;box-shadow:0 2px 8px #38244e15}button,input,select{font:inherit;border-radius:10px}button{cursor:pointer;min-height:48px;border:1px solid #d8cde7;color:#423451;background:#fff;font-weight:700}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9672c7;outline-offset:3px}label{display:block;font-size:14px;font-weight:600;margin:16px 0 8px}label span{color:#797184;font-size:12px}input[type=text],select{display:block;width:100%;min-width:0;min-height:54px;padding:12px;background:#fcfbfe;border:1px solid #ccc1da;color:#272238;margin-top:6px;font-size:18px}input[aria-invalid=true]{border-color:#b53149}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.delta{display:flex;gap:8px}.delta input{margin:0}.delta button{width:60px;flex-shrink:0;font-size:23px}.cherry{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:16px 0}.cherry label{margin:0;display:flex;gap:8px;align-items:center}.cherry input{width:24px;height:24px;accent-color:#7047a5}.cherry button{font-size:13px;padding:6px 10px}.primary,.secondary{display:block;width:100%;margin-top:16px;padding:12px}.primary{background:#7047a5;border-color:#7047a5;color:#fff}.secondary{background:#f9f7fc}.error{color:#a82841;min-height:26px;font-size:13px}.result{min-height:145px;background:#f5f0fa;border-radius:16px;padding:18px;text-align:center}.result p{margin:0 0 6px;font-size:14px}.result strong{display:block;font-size:42px;font-variant-numeric:tabular-nums;line-height:1.4}.result small{font-size:13px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.metrics>div,.tail-grid>div{border:1px solid #e8e0f0;border-radius:12px;padding:14px;font-size:13px}.metrics strong{display:block;font-size:20px}.metrics small{display:block;color:#686174}.reference{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reference>div{padding:16px;border-radius:14px;background:#f8f6fc;font-size:13px}.reference strong{display:block;font-size:30px}.purple{color:#794db0}.teal{color:#087f83}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:700;margin:24px 0 0}canvas{display:block;width:100%;height:300px}.axis-note{text-align:center;color:#686174;font-size:12px}.tail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:120px}.tail-grid strong{display:block;font-size:30px}.sources{font-size:14px}.sources table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.sources th,.sources td{padding:8px 3px;text-align:center;border-bottom:1px solid #e8e1ef}.sources caption{color:#686174;font-size:12px}.sources ul{padding-left:20px}.sources li{margin:12px 0}.formula{overflow-wrap:anywhere;background:#f8f6fc;padding:12px}summary{cursor:pointer;padding:14px 0;font-weight:700}footer{padding:20px 0}.mobile{display:none}[hidden]{display:none!important}@media(max-width:520px){main{padding:0 12px 24px}header{padding:16px}.intro{padding:22px 8px 14px}.panel{padding:20px 16px;border-radius:18px}h2{font-size:18px}.mobile{display:block}.fields{gap:12px}.reference>div{padding:12px}.reference strong{font-size:27px}.tail-grid{grid-template-columns:1fr}.machine small{display:block}.cherry{flex-wrap:wrap}canvas{height:270px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
