@charset "UTF-8";
:root{--blue:#2045f8;--navy:#071c48;--muted:#5f708f;--line:#dce4f1;--pale:#f4f7fc;--teal:#008b93;--cyan:#62d6e6;--white:#fff;--rose:#ba4870;--shadow:0 10px 35px #152b5810;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--navy);background:#f7f9fc;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #13afca;outline-offset:4px}button{touch-action:manipulation}a{text-decoration:none}.skip{position:fixed;top:-60px;padding:12px;background:var(--navy);color:#fff;z-index:20}.skip:focus{top:8px}.site-head{height:86px;padding:0 max(26px,calc((100vw - 1420px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px}.site-head img{width:205px;object-fit:contain;display:block}.head-context{font-size:10px;letter-spacing:1.5px;line-height:1.8;border-left:1px solid var(--line);padding-left:28px;font-weight:700}.head-context span{display:block;color:var(--muted);font-size:9px;font-weight:500;letter-spacing:2px}.site-head>.button{margin-left:auto}main{max-width:1420px;margin:auto;padding:28px 26px 0}.chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:18px}.chapter-nav a{display:flex;gap:12px;align-items:center;padding:10px 10px 20px;position:relative;color:var(--muted);font-size:13px;font-weight:600}.chapter-nav a>span{font-size:11px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:#fff}.chapter-nav small{display:block;font-size:11px;font-weight:400;margin-top:5px}.chapter-nav [aria-current="page"]{color:var(--blue)}.chapter-nav [aria-current="page"]>span{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 5px 12px #2045f833}.chapter-nav [aria-current="page"]:after{content:"";position:absolute;bottom:-1px;left:10px;right:10px;height:3px;background:var(--blue);border-radius:4px}.intro{padding:32px 0 27px;display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow,.overline{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--blue)}.intro .eyebrow{margin:0 0 11px}.intro h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1.4px;line-height:1.12;margin:0 0 12px;font-weight:650}.intro>div>p:last-child{color:var(--muted);font-size:14px;margin:0;line-height:1.6}.intro-mark{position:relative;flex:0 0 142px;height:105px;display:flex;justify-content:center;align-items:center;font-family:Georgia,serif;isolation:isolate;margin-right:20px}.intro-mark>span{font-style:italic;font-size:67px;line-height:1;color:var(--blue);text-shadow:1px 3px 0 #c4cffc}.intro-mark i{font-size:35px;margin:11px 0 0 5px;color:#193356}.intro-mark .orbit{position:absolute;inset:16px -10px;border:1px solid #c9d4f3;border-radius:50%;transform:rotate(-27deg);z-index:-1}.intro-mark .orbit-two{inset:-3px 20px;transform:rotate(33deg);border-color:#bbe5e7}.intro-mark b{position:absolute;right:2px;top:5px;background:linear-gradient(135deg,#d7fbff,#048eaa);width:15px;height:15px;border-radius:100%;box-shadow:0 5px 15px #14b4b455}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:stretch}.plot-panel,.controls-panel,.history-panel,.assessment-panel{background:#fff;border:1px solid var(--line);border-radius:17px;min-width:0;overflow:hidden;box-shadow:var(--shadow)}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 15px}.panel-top h2{margin:5px 0 0;font-size:17px;font-weight:650;letter-spacing:-.35px}.overline{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.badge{white-space:nowrap;font-size:10px;line-height:1.5;background:#f1f5ff;border:1px solid #e0e7fc;border-radius:20px;padding:6px 10px;color:#425c94}.chart{height:330px;padding:0 10px;position:relative}.chart svg{height:100%;width:100%;overflow:visible;display:block}.chart svg text{font-family:Inter,"Segoe UI",Arial,sans-serif;fill:#65799b;font-size:11px}.chart svg .axis-name{font-size:11px;fill:#233f69;font-weight:600}.plot-bottom{padding:10px 24px 17px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:var(--muted)}.legend{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:10px}.legend>span{display:flex;align-items:center;gap:5px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue)}.legend i.line{width:18px;height:2px;border-radius:0}.legend i.truth{background:var(--teal)}.legend i.validation{background:#8899b5}.legend i.comparison{background:var(--rose)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fbfcff;padding:17px 10px}.metric{padding:0 14px;border-right:1px solid var(--line);min-width:0}.metric:last-child{border:0}.metric>span{font-size:9px;color:var(--muted);display:block;line-height:1.4}.metric strong{font-size:25px;letter-spacing:-.8px;font-weight:650;display:block;margin:5px 0 0;font-variant-numeric:tabular-nums}.metric small{font-size:9px;letter-spacing:0;font-weight:400;margin-left:4px}.metric.emphasis strong{color:var(--blue)}.controls-panel{padding-bottom:17px}.controls-panel .panel-top{padding:22px 20px 15px}.status-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px #e8f7f6}.controls-panel #controls{padding:0 20px}.field{margin:0 0 19px}.field label{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.field output{color:var(--blue);font-size:12px;font-variant-numeric:tabular-nums;background:#f0f4ff;padding:4px 7px;border-radius:5px;min-width:34px;text-align:center}.field select,.prediction select{border:1px solid #cfd9ed;border-radius:8px;padding:10px 28px 10px 10px;width:100%;background:#fff;color:var(--navy);font-size:12px;min-height:39px}.field input[type="range"]{width:100%;height:16px;margin:0;accent-color:var(--blue);cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#7889a3;font-size:9px;margin-top:5px}.field .micro{margin-top:7px}.controls-actions{padding:2px 20px 0;display:flex;gap:8px;flex-wrap:wrap}.button{min-height:39px;border:1px solid transparent;border-radius:8px;font-size:11px;font-weight:650;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:10px 14px}.primary{background:var(--blue);color:#fff;box-shadow:0 4px 10px #2446ef22}.primary:hover{background:#1533d7}.secondary{border-color:#ccd7f0;color:var(--blue);background:#fff}.secondary:hover{background:#f2f5ff}.ghost{border-color:var(--line);background:#fff;color:var(--navy)}.ghost span{border:1px solid #5d6e8b;border-radius:50%;width:16px;height:16px;display:inline-flex;justify-content:center;align-items:center;font-size:10px}.controls-actions .primary{flex:1}.controls-panel>.micro{padding:0 20px}.micro{font-size:10px;color:var(--muted);line-height:1.6;margin:10px 0 0}.reading{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:16px 0 22px;border:1px solid #dce4fb;background:linear-gradient(105deg,#eef2ff,#f7fbff);border-radius:12px;min-height:82px}.reading-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border:1px solid #cdd8ff;border-radius:9px;color:var(--blue);font-size:20px;background:#fff8}.reading h2{font-size:11px;margin:0 0 5px;color:var(--blue)}.reading p{font-size:12px;line-height:1.6;margin:0;color:#394d71}.lower-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px}.history-panel,.assessment-panel{padding-bottom:20px;box-shadow:none}.history-scroll{height:185px;overflow:auto;padding:0 24px;overscroll-behavior:contain}.history-panel>.micro{padding:0 24px}.text-button{border:none;background:none;color:var(--blue);font-size:11px;font-weight:600;padding:10px 0}.empty{height:100%;min-height:155px;display:flex;flex-direction:column;justify-content:center;color:var(--muted);font-size:12px;line-height:1.7}.empty strong{font-size:13px;color:var(--navy);margin-bottom:4px;font-weight:500}.empty .line-art{font-size:28px;color:#bac8e9;margin-bottom:10px}.history-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}.history-table th{font-weight:500;color:var(--muted);font-size:9px;padding:6px 10px 11px 0;position:sticky;top:0;background:white}.history-table td{padding:12px 10px 12px 0;border-top:1px solid #e7ecf5;font-variant-numeric:tabular-nums}.history-table td small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.compare-button{border:1px solid #d5def3;background:#fff;color:var(--blue);font-size:10px;border-radius:5px;padding:5px 7px}.compare-button[aria-pressed="true"]{background:#f9eff4;color:var(--rose);border-color:#e8bfd0}.assessment-panel{background:linear-gradient(150deg,#fff,#f6f8ff)}.lock-symbol{font-size:23px;color:#8096ce}.assessment-panel .panel-top{padding-bottom:11px}#assessment-content{padding:0 24px}.prediction label{display:block;font-size:11px;margin:1px 0 8px;color:#455a7a}.prediction select{font-size:11px;min-height:37px}.prediction textarea{margin-top:8px;resize:vertical;width:100%;min-height:60px;max-height:160px;border:1px solid #cfd9ed;border-radius:8px;padding:9px 10px;font-size:11px;line-height:1.5;color:var(--navy)}.assessment-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:10px}.assessment-actions .micro{margin:0;max-width:210px;font-size:9px}.assessment-actions .button{flex-shrink:0}.result-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0}.result-strip>div{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.result-strip span{font-size:10px;color:var(--muted);display:block}.result-strip strong{display:block;font-size:24px;margin-top:5px;color:var(--blue)}.result-text{font-size:12px;color:#3c5172;line-height:1.6;margin:0 0 10px}.method{margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0}.method summary{font-size:12px;font-weight:600;cursor:pointer;color:#304968}.method summary>span{color:#7a89a3;font-size:10px;font-weight:400;margin-left:14px}.method>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:12px;line-height:1.8;margin-top:20px;color:#3d506f}.method h3{font-size:12px;color:var(--navy);margin:0 0 8px}.method p{margin:0 0 10px}.equation{font-family:Cambria,"Times New Roman",serif;font-size:17px;color:#183765;background:#edf2fb;border-radius:8px;padding:12px 15px;margin:12px 0;overflow:auto}.method code{font-size:11px}footer{padding:25px 0 30px;display:flex;justify-content:space-between;gap:15px;color:#697b9b;font-size:10px}dialog{border:1px solid var(--line);border-radius:20px;max-width:570px;width:calc(100% - 30px);padding:25px 30px;box-shadow:0 30px 90px #061a4a40;color:var(--navy);max-height:90vh;overflow:auto}dialog::backdrop{background:#0a194c60;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:25px;letter-spacing:-.7px;margin:12px 0 20px}.icon-button{border:0;background:#f0f4fc;color:#29476b;width:32px;height:32px;border-radius:50%;font-size:22px}dialog ol{padding-left:24px}dialog li{font-size:13px;line-height:1.8;margin-bottom:13px;padding-left:6px}dialog p{font-size:11px;color:var(--muted);line-height:1.7}dialog>.button{margin-top:15px}.notice{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:12px 20px;border-radius:10px;font-size:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.18s;z-index:30;max-width:90%;text-align:center}.notice.show{opacity:1;transform:translate(-50%,0)}.clipping-note{font-size:10px!important;fill:var(--rose)!important}.chart-toggle{display:flex;gap:6px;margin-bottom:3px;justify-content:center}.chart-toggle button{font-size:10px;padding:5px 9px;border:1px solid #d7e0f3;background:#fff;color:#526b99;border-radius:5px}.chart-toggle [aria-pressed="true"]{color:#fff;background:var(--blue);border-color:var(--blue)}.chart:has(.chart-toggle) svg{height:calc(100% - 32px)}
@media(min-width:1550px){.chart{height:365px}.workspace{grid-template-columns:minmax(0,1fr) 324px}}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 268px}.panel-top{padding-left:18px;padding-right:18px}.metric{padding:0 10px}.metric strong{font-size:22px}.plot-bottom{padding-left:18px;padding-right:18px;flex-wrap:wrap}.chart{height:310px}.chapter-nav{gap:8px}.chapter-nav a{font-size:11px}.lower-grid{grid-template-columns:1fr 1fr}.assessment-actions{align-items:stretch;flex-direction:column}.assessment-actions .micro{max-width:none}.badge{font-size:9px;padding:5px 7px}}
@media(max-width:760px){.site-head{height:70px;padding:0 18px;gap:16px}.site-head img{width:165px}.head-context{display:none}main{padding:18px 16px 0}.chapter-nav{gap:0}.chapter-nav a{padding:7px 5px 14px;gap:7px;align-items:flex-start;font-size:10px;line-height:1.4}.chapter-nav a>span{font-size:10px;padding:5px}.chapter-nav small{display:none}.intro{padding:24px 0 23px;gap:0}.intro h1{font-size:29px;letter-spacing:-.9px}.intro>div>p:last-child{font-size:12px}.intro-mark{flex-basis:88px;height:76px;margin-right:6px;margin-left:10px}.intro-mark>span{font-size:47px}.intro-mark i{font-size:23px}.intro-mark .orbit{inset:16px -3px}.intro-mark .orbit-two{inset:0 13px}.workspace{grid-template-columns:1fr}.chart{height:295px}.controls-panel{padding-bottom:17px}.controls-panel #controls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.controls-actions{flex-wrap:nowrap}.controls-actions .primary{flex:1}.controls-actions .secondary{flex:1}.lower-grid{grid-template-columns:1fr}.assessment-actions{flex-direction:row;align-items:center}.assessment-actions .micro{max-width:180px}.method>div{grid-template-columns:1fr;gap:12px}.history-scroll{height:175px}.intro .eyebrow{font-size:9px}.panel-top{padding:19px 18px 12px}.metrics{padding:15px 4px}.metric{padding:0 10px}.metric strong{font-size:22px}.metric>span{font-size:8px}.reading{align-items:flex-start;padding:15px;gap:12px}.reading p{font-size:11px}footer{flex-direction:column;gap:6px}.method summary>span{display:block;margin:5px 0 0 15px}.chart svg text{font-size:13px}.chart svg .axis-name{font-size:13px}.clipping-note{font-size:12px!important}}
@media(max-width:420px){.intro-mark{display:none}.intro h1{font-size:29px}.chapter-nav a{font-size:9px;gap:5px}.chapter-nav a>span{font-size:9px;padding:4px}.panel-top h2{font-size:15px}.badge{font-size:8px}.chart{height:255px;padding:0 3px}.plot-bottom{font-size:9px;padding:8px 16px 13px}.legend{font-size:9px;gap:10px}.metric strong{font-size:21px}.metric{padding:0 7px}.controls-panel #controls{gap:0 14px}.assessment-actions{flex-direction:column;align-items:stretch}.assessment-actions .micro{max-width:none}.history-scroll{padding:0 18px}#assessment-content{padding:0 18px}}
.metric strong.long-value{font-size:17px}
@media(max-width:420px){.metric strong.long-value{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}