:root{--ink:#192535;--soft:#64738a;--line:#e5ebf4;--panel:#fff;--bg:#f7f9fc;--blue:#4664e9;--night:#111c2f;--radius:19px;--shadow:0 12px 35px rgba(19,43,85,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #94adff;outline-offset:3px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.rail{background:#101b2c;color:#f0f5ff;padding:30px 19px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.identity{display:flex;align-items:center;gap:12px;margin:0 8px 7px;font-size:22px;font-weight:750;letter-spacing:-.65px}.identity:hover{text-decoration:none}.logo{width:40px;height:auto;display:block;background:#fff;object-fit:contain}.rail-caption{color:#77869c;letter-spacing:.16em;font-weight:700;font-size:10px;margin:8px 8px 17px}.rail-nav{display:grid;gap:6px;margin-top:16px}.tab{border:0;background:transparent;color:#acbad0;display:flex;align-items:center;gap:15px;padding:14px 13px;text-align:left;border-radius:11px;font-weight:590;font-size:15px}.tab:hover{background:#1c2d46;color:#fff}.tab.active{color:#fff;background:#243653;box-shadow:inset 3px 0 #7a93ff}.rail-icon{font-size:19px;width:24px;text-align:center}.rail-links{display:grid;gap:5px;margin-top:35px;border-top:1px solid #24354b;padding-top:18px}.rail-links a{font-size:14px;color:#b7c5da;padding:10px 12px;display:flex;justify-content:space-between}.rail-links a:hover{color:white;text-decoration:none}.rail-foot{margin-top:auto;padding:15px 9px 8px;font-size:12px;color:#a2b1c8}.rail-foot-sub{display:block;color:#61718d;margin:4px 0 0 17px}.online-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#6bcba8;margin-right:9px}.main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 clamp(22px,4vw,72px);display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.6);gap:15px;font-size:14px;color:#8895a6}.topbar strong{color:#3f526d;font-weight:650}.slash{font-weight:400;margin:0 9px;color:#bfc7d4}.head-side{display:flex;gap:25px;align-items:center}.head-side a{color:#3f5fd2;font-weight:650}.version{border:1px solid #dae3ef;border-radius:20px;padding:7px 12px;background:#fff;font-size:12px;color:#647389;font-weight:620}.body{width:100%;max-width:1510px;margin:0 auto;padding:48px clamp(22px,4vw,73px) 65px}.view{display:none;animation:fadeIn .24s ease-out}.view.active{display:block}@keyframes fadeIn{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{margin-bottom:33px}.hero.small{margin-bottom:38px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#60769b;display:flex;gap:9px;align-items:center}.status-dot{background:#60c4aa;width:8px;height:8px;display:inline-block;border-radius:100%}.hero h1{font-size:clamp(43px,4.7vw,73px);letter-spacing:-.067em;line-height:1.085;margin:17px 0 17px;font-weight:750}.hero h1 em{font-style:normal;color:#637eae}.hero p{margin:0;color:#68798d;font-size:18px;line-height:1.6;max-width:810px}.playground{display:grid;grid-template-columns:minmax(340px,.83fr) minmax(0,1.17fr);gap:18px}.card,.control-card,.output-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.control-card{padding:29px}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.card-head h2{font-size:19px;margin:0;letter-spacing:-.035em;font-weight:730}.card-head.between{justify-content:space-between}.step{background:#edf1ff;border:1px solid #d9e1fa;color:#4161d7;border-radius:8px;font-size:11px;letter-spacing:.03em;font-weight:800;padding:5px 9px}.model-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.model-pill{border:1px solid #dfe6f3;color:#58708e;border-radius:28px;background:#f8faff;padding:7px 13px;font-size:13px;font-weight:700}.model-pill:hover{border-color:#a8baf3}.model-pill.active{color:#fff;background:#3659db;border-color:#3659db}.select-label,.compare-toolbar label span{display:block;font-size:11px;letter-spacing:.10em;font-weight:790;color:#8290a1;margin-bottom:8px}.select-wrap{position:relative}.select-wrap select,.compare-toolbar select{border:1px solid #dfe5ee;border-radius:11px;background:#fff;color:#27384e;font-weight:620;padding:13px 38px 13px 13px;width:100%;appearance:none}.select-arrow{position:absolute;right:16px;top:9px;color:#8391a2;font-size:23px;pointer-events:none}.control-divider{height:1px;background:#e8edf4;margin:26px 0}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sample-btn{border:1px solid #dfe6f2;background:#fafcff;border-radius:12px;padding:14px 9px;display:grid;text-align:center;gap:6px}.sample-btn strong{color:#425876;font-size:15px;font-weight:730}.sample-btn small{font-size:12px;color:#8a98aa}.sample-btn:hover{border-color:#8ba5f5}.sample-btn.active{border:1px solid #4c6fe8;background:#f0f4ff}.sample-btn.active strong{color:#3657d0}.choice-summary{background:#f5f7fb;border-radius:10px;margin-top:13px;padding:12px 14px;color:#64758a;font-size:14px}.choice-summary strong{color:#293f62}.mode-switch{background:#eef2fa;border-radius:12px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.switch-btn{border:0;background:transparent;border-radius:9px;padding:13px 7px;color:#64758d;font-weight:740;font-size:14px}.switch-btn span{margin-left:5px}.switch-btn.active{background:#fff;color:#2f4fcc;box-shadow:0 2px 9px #233a6622}.hint{font-size:13px;color:#8493a5;margin-top:12px}.output-card{padding:30px;display:flex;flex-direction:column}.output-head,.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.output-head h2{font-size:23px;letter-spacing:-.035em;margin:7px 0 0}.verified{background:#eaf8f1;color:#288b61;padding:6px 11px;border-radius:18px;font-weight:740;font-size:12px;white-space:nowrap}.checkmark{margin-right:5px}.response-hero{padding:30px 0 25px}.response-caption{font-size:15px;color:#728097}.response-number{font-size:clamp(48px,5.4vw,74px);line-height:1.05;font-weight:770;letter-spacing:-.075em;color:#344fd4;margin:14px 0 6px;transition:color .2s}.response-number.original{color:#7890b0}.response-number span{font-size:17px;letter-spacing:0;color:#8b98aa;font-weight:600}.response-desc{font-size:15px;color:#647993}.chart-wrap{background:#f6f8fc;border:1px solid #e9eef8;border-radius:13px;padding:21px 19px 17px;margin-top:auto}.chart-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.chart-topline strong{font-weight:700}.chart-topline span{color:#8b99ac;font-size:12px}.probe-chart{display:flex;align-items:flex-end;justify-content:space-around;height:194px;padding:18px 5px 0;border-bottom:1px solid #d8e2f1;gap:12px}.probe-col{background:transparent;border:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px;width:28%;min-width:0;height:100%;padding:0;color:#61708b}.probe-value{font-size:14px;color:#6a7a91;font-weight:750}.probe-bar{width:100%;max-width:70px;min-height:3px;border-radius:8px 8px 1px 1px;background:linear-gradient(#9db0ff,#4e6ceb);transition:height .26s ease,background .2s}.probe-col.active .probe-bar{background:linear-gradient(#6a88fb,#2c51d9)}.probe-col:focus-visible{outline:2px solid #3155ce}.probe-col span:last-child{font-size:12px;font-weight:700;margin:5px 0 8px}.chart-axis{font-size:11px;color:#96a2b2;margin:12px 0 0}.result-footer{padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;color:#8190a3}.result-footer a{color:#4563cd;font-weight:750}.below-play{margin-top:39px}.mini-heading{font-size:12px;letter-spacing:.1em;color:#8190a3;font-weight:800;margin-bottom:15px}.mini-heading span{padding-left:3px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-links button{display:grid;grid-template-columns:46px 1fr 17px;align-items:center;column-gap:14px;text-align:left;border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff;color:#253952;min-height:113px}.quick-links button:hover{border-color:#95a7f0;box-shadow:var(--shadow)}.quick-icon{grid-row:span 2;font-size:22px;border-radius:12px;display:grid;place-items:center;width:45px;height:45px}.quick-icon.violet{background:#eeeafd;color:#8160d9}.quick-icon.coral{background:#fff0e9;color:#df8061}.quick-icon.blue{background:#e6eefc;color:#4164d0}.quick-links button strong{font-size:15px}.quick-links button small{grid-column:2;color:#7b899c;font-size:12px;line-height:1.45}.quick-links button b{grid-column:3;grid-row:span 2;color:#7387a6;font-size:20px}.footer{margin-top:auto;border-top:1px solid var(--line);padding:20px clamp(22px,4vw,73px);display:flex;gap:20px;justify-content:space-between;color:#8997a8;font-size:12px}.factor-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.factor-card,.preview-card{padding:27px}.factor-controls{display:grid;gap:8px}.factor-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f8fafc;border:1px solid #e8edf5;border-radius:11px;gap:13px}.factor-row .factor-title{font-weight:730;color:#344660;font-size:15px}.factor-options{display:flex;gap:4px;background:#eaeff6;border-radius:10px;padding:4px}.factor-options button{font-size:12px;padding:7px 9px;border-radius:8px;background:transparent;border:0;color:#7a8a9e;white-space:nowrap}.factor-options button.active{background:#fff;color:#405ec8;font-weight:780;box-shadow:0 1px 4px #233f6a16}.factor-footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.factor-footer>span{color:#667b9a;font-weight:730;font-size:14px}.secondary-action{border:1px solid #dbe3ef;background:#fff;color:#3c5bc2;font-weight:740;padding:9px 14px;border-radius:10px;font-size:13px}.secondary-action:hover{border-color:#87a2fa;background:#f6f8ff}.preview-card .card-head{margin-bottom:24px}.side-by-side{border-radius:12px;background:#f8faff;border:1px solid #e7ecf7;padding:21px;min-height:380px;display:flex;flex-direction:column}.preview-label{font-size:12px;font-weight:790;color:#7489a9;text-transform:uppercase;letter-spacing:.08em}.input-pre{font:15px/1.77 ui-sans-serif,system-ui,Arial;white-space:pre-wrap;overflow-wrap:anywhere;color:#334662;flex:1;margin:19px 0}.input-meta{border-top:1px solid #e4eaf4;padding-top:13px;color:#8391a5;font-size:12px}.state-block{margin-top:19px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:19px}.state-block-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:17px}.state-block-head h2{margin:0;font-size:21px;letter-spacing:-.03em}.state-block-head span{color:#8090a7;font-size:13px}.state-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:7px}.state-cell{border:1px solid #e1e7f2;border-radius:6px;aspect-ratio:1;background:#eaf0fb;color:#6580ac;font-size:10px;font-weight:650}.state-cell:hover{background:#dce6ff;color:#2d52d3}.state-cell.active{background:#3557d7;color:#fff;border-color:#3557d7}.small-after{margin:20px 3px 0;color:#8291a3;font-size:13px;line-height:1.65}.small-after a{color:#4966cc;font-weight:740}.compare-card{padding:28px}.compare-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:37px}.compare-toolbar label{display:block}.compare-main{display:grid;grid-template-columns:1fr 240px;gap:25px}.comparison-caption{color:#425473;font-size:15px;font-weight:720;margin-bottom:8px}.layer-chart{display:flex;align-items:flex-end;height:295px;gap:10px;padding:25px 8px 0;border-bottom:1px solid #e1e7f2}.layer-bar-group{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:9px;padding:0;border:0;background:transparent}.layer-value{font-size:12px;color:#657995;white-space:nowrap;font-weight:760}.layer-bar{background:linear-gradient(#c7d4fc,#819be9);max-width:91px;width:65%;border-radius:7px 7px 1px 1px;min-height:3px;transition:height .24s}.layer-bar-group.active .layer-bar{background:linear-gradient(#7d9af6,#4368de)}.layer-bar-group:hover .layer-bar{filter:brightness(.93)}.layer-lbl{font-size:12px;color:#5e738d;margin:0 0 8px}.selected-layer{border-radius:13px;border:1px solid #e5ebf4;background:#f8faff;padding:23px}.layer-heading{font-size:29px;font-weight:770;letter-spacing:-.05em;margin:6px 0 23px}.metric-stack{display:grid;gap:14px}.metric-item{border-bottom:1px solid #e7ecf5;padding-bottom:11px}.metric-item:last-child{border-bottom:0}.metric-item span{display:block;font-size:12px;color:#8594aa}.metric-item strong{font-size:21px;letter-spacing:-.04em}.selected-layer>a{font-size:13px;color:#425cc5;font-weight:740;display:block;margin-top:22px}.research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.research-panel{padding:30px;display:flex;flex-direction:column;min-height:505px}.research-tag{font-size:11px;letter-spacing:.13em;color:#7f8fad;font-weight:790}.research-panel h2{font-size:25px;letter-spacing:-.05em;line-height:1.17;margin:13px 0 13px;max-width:390px}.mini-copy{color:#74869c;font-size:14px}.k-buttons{display:flex;gap:9px;margin-top:23px}.k-buttons button{border:1px solid #dee6f1;background:#f8faff;color:#607394;border-radius:8px;padding:9px 15px;font-weight:760;font-size:13px}.k-buttons button.active{background:#3458d8;border-color:#3458d8;color:#fff}.research-number{font-size:clamp(36px,3.8vw,50px);font-weight:790;letter-spacing:-.063em;color:#3656cf;margin:22px 0 5px}.research-number span{font-size:15px;color:#728199;letter-spacing:0;font-weight:600}.sar-viz{display:flex;align-items:end;gap:9px;height:132px;border-bottom:1px solid #e2e9f5;padding:8px}.sar-col{border-radius:5px 5px 0 0;background:#b9c8ef;min-height:3px;flex:1}.sar-col.selected{background:#4c6cda}.research-bottom{font-size:13px;color:#71839c;line-height:1.7;margin:20px 0 auto}.research-panel>a{color:#3c5cc7;font-size:14px;font-weight:760;margin-top:18px}.rss-stack{margin-top:24px;display:grid;gap:10px}.rss-row{display:grid;gap:8px}.rss-row-head{display:flex;justify-content:space-between;color:#6e7e96;font-size:13px}.rss-row-head strong{color:#314c72}.rss-track{height:10px;background:#edf2f8;border-radius:15px;overflow:hidden}.rss-fill{height:100%;border-radius:15px;background:#5576ed}.rss-row:nth-child(2) .rss-fill{background:#a195ec}.rss-row:nth-child(3) .rss-fill{background:#77c4b3}.method-link-row{display:flex;gap:12px;margin-top:20px}.toast{position:fixed;right:25px;bottom:24px;background:#17253a;color:#fff;border-radius:12px;padding:12px 17px;box-shadow:0 15px 35px #0c1c3b3b;font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}
@media(max-width:1180px){.app{grid-template-columns:200px minmax(0,1fr)}.rail{padding:22px 12px}.body{padding:40px 29px 58px}.topbar{padding:0 29px}.playground{grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr)}.control-card,.output-card{padding:22px}.quick-links{grid-template-columns:1fr 1fr}.factor-layout{grid-template-columns:1fr}.state-grid{grid-template-columns:repeat(16,1fr)}}
@media(max-width:850px){.app{display:block}.rail{position:relative;height:auto;min-height:0;padding:14px 20px}.identity{margin:0;font-size:20px}.logo{width:35px;height:auto}.rail-caption,.rail-links,.rail-foot{display:none}.rail-nav{display:flex;overflow:auto;gap:5px;margin-top:15px;padding-bottom:4px}.tab{white-space:nowrap;padding:10px}.topbar{height:57px;padding:0 20px}.version{display:none}.body{padding:31px 18px 48px}.playground{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr}.compare-main{grid-template-columns:1fr}.research-grid{grid-template-columns:1fr}.footer{padding:20px}.footer span:last-child{display:none}.hero h1{font-size:48px}.state-grid{grid-template-columns:repeat(8,1fr)}}
@media(max-width:500px){.hero h1{font-size:40px}.hero p{font-size:16px}.control-card,.output-card,.factor-card,.preview-card,.compare-card,.research-panel{padding:18px}.topbar .head-side a{font-size:12px}.factor-row{display:block}.factor-options{margin-top:10px;justify-content:space-between}.factor-options button{flex:1}.compare-toolbar{grid-template-columns:1fr}.state-cell{font-size:9px}.response-number{font-size:52px}.result-footer{display:block}.result-footer a{display:block;margin-top:9px}.probe-chart{height:160px}.research-number{font-size:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.rail-nav a.tab,.rail-nav a.tab:hover{text-decoration:none}