.sr-root{scroll-margin-top:150px}.sr-shell{background:#0b1b24;color:#d8e4e9;border-radius:14px;overflow:hidden;border:1px solid #29414c}.sr-shell button,.sr-shell select{font:inherit;cursor:pointer}.sr-shell button:focus-visible,.sr-shell input:focus-visible,.sr-shell select:focus-visible{outline:2px solid #fff;outline-offset:-3px}.sr-cases{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #29414c}.sr-cases button{display:flex;gap:10px;align-items:center;background:#102630;color:#a9bdc7;border:0;border-right:1px solid #29414c;padding:16px;text-align:left;min-height:76px}.sr-cases button[aria-pressed=true]{background:#1a3c47;box-shadow:inset 0 -3px #62e1c5;color:#fff}.sr-cases button small{color:#62e1c5}.sr-cases b,.sr-cases em{display:block}.sr-cases b{font-size:.9rem}.sr-cases em{font-style:normal;font-size:.67rem;margin-top:4px;color:#9bb1bd}.sr-toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #213944;font-size:.7rem;color:#9bb1bd}.sr-toolbar [data-status]{color:#83d8c3}.sr-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px}.sr-field{min-width:0;align-self:start;background:#0b1b24}.sr-field-head{display:flex;justify-content:space-between;gap:8px;padding:16px 18px 0;font-size:.77rem}.sr-field-head b{color:#fff;font-variant-numeric:tabular-nums}.sr-field-head span{color:#9bb1bd}.sr-field svg{display:block;width:100%;height:auto;aspect-ratio:760/650}.sr-palace{fill:#e6d2a5;text-anchor:middle;font-size:11px;pointer-events:none}.sr-field [data-unit]{cursor:pointer}.sr-map-key{display:flex;flex-wrap:wrap;gap:12px;padding:0 18px 16px;color:#a6bac5;font-size:.67rem}.sr-inspector{padding:16px;border-left:1px solid #29414c;background:#10232d;min-width:0}.sr-inspector-head{display:flex;justify-content:space-between;align-items:center;font-size:.86rem}.sr-inspector-head button{border:1px solid #41616e;border-radius:5px;background:none;color:#d0e0e7;min-height:36px;padding:4px 8px;font-size:.68rem}.sr-hint{color:#a1b6c1;font-size:.73rem;line-height:1.55;margin:10px 0 14px}.sr-cohorts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sr-cohorts button{display:flex;align-items:center;gap:6px;background:#142f3b;color:#c6d9e2;border:1px solid #294550;border-radius:6px;min-height:38px;padding:7px;font-size:.7rem}.sr-cohorts i{width:7px;height:7px;border-radius:50%;background:var(--squad)}.sr-cohorts span{margin-left:auto;color:#9db4c1}.sr-cohorts button[aria-pressed=true]{border-color:var(--squad);color:#fff}.sr-units{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:14px 0}.sr-units button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;min-height:43px;color:var(--squad);background:#102630;border:1px solid #294550;border-radius:5px;font-size:.74rem}.sr-units span{color:#adbfca;font-size:.62rem}.sr-units button[aria-pressed=true]{border-color:var(--squad);background:#23414d}.sr-detail{border-top:1px solid #294550;padding-top:12px;font-size:.77rem}.sr-detail dl{display:grid;grid-template-columns:70px 1fr;gap:8px;margin:12px 0;font-size:.68rem;line-height:1.5}.sr-detail dt{color:#8da9b8}.sr-detail dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#d5e4ed}.sr-detail p{font-size:.7rem;line-height:1.65;color:#9fb9c7;margin:10px 0}.sr-playback{display:flex;align-items:center;gap:10px;border-top:1px solid #29414c;padding:13px 16px;background:#112b36}.sr-playback button,.sr-playback select{min-height:40px;border:1px solid #446371;border-radius:5px;color:#d4e6ed;background:#173743;padding:6px 10px}.sr-playback [data-play]{min-width:108px;background:#63d8c0;color:#08292b;font-weight:bold;border-color:#63d8c0}.sr-playback button:disabled{opacity:.4;cursor:wait}.sr-playback input{min-width:40px;flex:1;accent-color:#63d8c0}.sr-playback [data-duration]{font-size:.7rem;white-space:nowrap;font-variant-numeric:tabular-nums}.sr-events{display:flex;gap:12px;align-items:baseline;padding:12px 16px;border-top:1px solid #29414c;font-size:.7rem;line-height:1.6;min-height:45px}.sr-events b{flex-shrink:0;color:#d9e7ec}.sr-events span{color:#94b1c1}.sr-evidence{margin-top:14px;border-top:1px solid #cad5d8;padding:12px 0;color:#4d6672;font-size:.76rem;line-height:1.7}.sr-evidence summary{cursor:pointer;font-weight:bold}.sr-evidence code{overflow-wrap:anywhere;font-size:.7rem}.sr-root .vx-intro{max-width:75ch}
.sr-root .sr-hint{font-size:12px;line-height:1.6;color:#a1b6c1;margin:10px 0 14px}.sr-root .sr-detail p{font-size:11px;line-height:1.65;color:#acc3ce}.sr-root .sr-evidence p{font-size:12px;line-height:1.7}
@media(max-width:1000px){.sr-layout{grid-template-columns:minmax(0,1fr) 245px}.sr-inspector{padding:12px}.sr-cases button{padding:12px 8px;gap:6px}.sr-cases em{font-size:.62rem}}
@media(max-width:760px){.sr-layout{grid-template-columns:1fr}.sr-inspector{border-left:0;border-top:1px solid #29414c}.sr-cohorts{grid-template-columns:repeat(3,1fr)}.sr-units{grid-template-columns:repeat(6,1fr)}.sr-detail dl{grid-template-columns:110px 1fr}.sr-playback{flex-wrap:wrap}.sr-playback input{order:5;flex-basis:100%}.sr-playback [data-duration]{margin-left:auto}.sr-cases{grid-template-columns:repeat(2,1fr)}.sr-cases button{min-height:64px}.sr-events{display:block}.sr-events b{display:block}.sr-toolbar{font-size:.65rem}.sr-field-head{font-size:.67rem}}
@media(max-width:400px){.sr-cohorts{grid-template-columns:1fr 1fr}.sr-units{grid-template-columns:repeat(4,1fr)}.sr-playback{gap:6px;padding:10px}.sr-playback [data-play]{min-width:92px}.sr-playback select{max-width:66px}}