:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1b2538;background:#f6f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1480px;margin:auto;padding:0 32px}header{height:102px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:28px;font-weight:760;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{display:block;font-size:12px;font-weight:450;letter-spacing:.04em;color:#6c7585;margin-top:3px}.badge,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#526483}nav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #dce1e8;padding-bottom:16px}nav a{text-decoration:none;color:#526174;font-size:13px;padding:10px 14px;border-radius:7px}nav a:hover{background:#e9edf4}nav a[aria-current=page]{background:#1f4ed8;color:white}.intro{display:flex;justify-content:space-between;gap:30px;padding:32px 0 24px}.eyebrow{margin:0 0 10px}h1{font-size:34px;letter-spacing:-1.2px;margin:0 0 10px;font-weight:650}#description{max-width:850px;font-size:14px;line-height:1.65;color:#637083;margin:0}.summary{min-width:110px;text-align:right;align-self:center;color:#6c7585;font-size:12px}.summary strong{display:block;color:#263d67;font-size:30px;font-weight:550}.guide{display:flex;gap:16px;align-items:center;justify-content:space-between;color:#6a7587;font-size:12px;margin:0 0 20px}.sample{background:white;border:1px solid #e0e5ec;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 4px #10264b03}.sample-head{display:flex;gap:20px;padding:20px 22px 16px}.number{font-size:12px;background:#edf2fc;color:#365ba6;border-radius:6px;align-self:flex-start;padding:7px 9px;white-space:nowrap;font-variant-numeric:tabular-nums}.prompts{font-size:13px;line-height:1.65}.prompts p{margin:0 0 5px}.prompts b{display:inline-block;color:#7a8494;font-weight:500;width:62px}.controls{display:flex;align-items:center;gap:10px;padding:0 22px 17px;flex-wrap:wrap}button,select{font:inherit;font-size:12px;cursor:pointer;border:1px solid #d6dce6;border-radius:6px;background:white;color:#334660;padding:8px 12px}button:hover{background:#eff3fb}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80a4ff;outline-offset:3px}.play{background:#edf2ff;border-color:#d4defb;color:#214fbe;min-width:117px}.seek{flex:1;min-width:90px;accent-color:#3766da}.clock,.status{font-size:11px;font-variant-numeric:tabular-nums;color:#768094}.status{width:72px}.methods{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:12px;padding:0 22px 22px}.method{min-width:0}.method h3{font-size:13px;text-align:center;font-weight:600;margin:0 0 10px}.method:first-child h3{color:#275ccc}.views{display:flex;flex-direction:column;gap:10px}.view{position:relative;background:#eef0f4;border-radius:7px;overflow:hidden}.view span{display:block;font-size:10px;letter-spacing:.04em;color:#67768c;background:#f0f3f8;padding:6px 10px}video{width:100%;height:auto;display:block;object-fit:contain;background:#e5e8ee}.ood .methods{max-width:1000px;margin:auto}.ood .views{display:grid;grid-template-columns:1fr 1fr;align-items:start}.ood .view video{height:320px;object-fit:contain}.sample.selected{border-color:#91aef7}footer{font-size:11px;color:#7c8796;padding-top:10px;padding-bottom:40px}body .status.error{color:#b12c38}@media(max-width:900px){header,main,footer{padding-left:16px;padding-right:16px}.methods{gap:8px;padding:0 12px 14px}.sample-head{padding:16px 12px;gap:10px}.controls{padding:0 12px 14px}.prompts{font-size:12px}.method h3{font-size:11px}h1{font-size:28px}.ood .view video{height:240px}}@media(max-width:600px){header{height:85px}.badge{display:none}nav{gap:0}nav a{font-size:11px;padding:9px}h1{font-size:24px}.intro{gap:10px}.summary{min-width:60px}.methods{grid-template-columns:repeat(2,minmax(0,1fr))}.intensity .methods{grid-template-columns:repeat(3,minmax(0,1fr))}.ood .methods{grid-template-columns:1fr}.ood .view video{height:175px}.controls{gap:6px}.status{width:auto}.guide{font-size:11px}.prompts b{width:52px}.number{font-size:10px;padding:5px}.view span{font-size:9px;padding:4px}.clock{width:70px}.sample-head{gap:8px}.intro p{font-size:12px!important}}
.net{display:block;font-size:11px;line-height:1.5;font-weight:500;color:#526174;margin-top:5px;font-variant-numeric:tabular-nums}