.has-cosmos-article .st-proof{margin:3rem 0;padding:clamp(16px,3vw,32px);border:1px solid #ffffff40;background:#210b0b66;border-radius:3px;color:#f9eee4}.st-proof figcaption{font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1.2;margin-bottom:24px}.st-proof canvas{display:block;width:100%;height:360px;background:#191519;border:1px solid #ffffff30;touch-action:pan-y}.st-proof button,.st-proof select{background:#562720;border:1px solid #e4bca788;color:#fff2e1;font:inherit;padding:8px 12px;cursor:pointer;max-width:100%}.st-proof label{display:block;font-size:14px;margin:14px 0}.st-proof input[type=range]{width:100%;accent-color:#fbd9a1}.st-proof button:focus-visible,.st-proof input:focus-visible,.st-proof select:focus-visible{outline:2px solid white;outline-offset:3px}.st-proof-note{font-size:12px!important;line-height:1.55!important;opacity:.75;margin-top:18px!important}.st-motion-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 20px}.st-motion-tools label{flex:1;min-width:150px;margin:0}.st-result-key{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin:16px 0}.st-result-key span:first-child{color:#8fcff0}.st-result-key span:nth-child(2){color:#ffd9a0}.st-result-key span:nth-child(3){color:#b0dfa1}.st-result-row{padding:18px 0;border-bottom:1px solid #ffffff20}.st-result-heading{display:flex;justify-content:space-between;gap:12px;font-size:17px}.st-result-heading strong{color:#ffdfad}.st-bar-line{display:grid;grid-template-columns:110px 1fr 90px;gap:12px;align-items:center;margin:10px 0;font-size:12px}.st-bar-line .st-bar{height:12px;background:#ffffff0a;position:relative}.st-bar-fill{height:100%;background:#8fcff0}.st-bar-line:nth-child(3) .st-bar-fill{background:#ffd9a0}.st-bar-whisker{position:absolute;top:5px;border-top:2px solid #fff;height:8px;border-left:1px solid #fff;border-right:1px solid #fff}.st-bar-line output{text-align:right;font-variant-numeric:tabular-nums}.st-result-count{font-size:12px!important;line-height:1.5!important;margin-top:18px!important}.st-wsv-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.st-wsv-grid canvas{height:380px}.st-wsv-cells{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:12px 0 24px}.st-wsv-cells span{font-size:9px;text-align:center;line-height:30px;min-width:0;color:white;border:1px solid #ffffff40}.st-wsv-label{font-size:13px;font-weight:bold}.st-wsv-packet{font-size:12px;line-height:1.8;padding:12px;border-left:2px solid #fbd9a1}.st-token-strip{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0}.st-token-strip button{font-size:11px;padding:6px}.st-token-strip button[aria-pressed=true]{background:#fbd9a1;color:#30110e}.st-token-flow{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;margin:26px 0;flex-wrap:wrap}.st-codebook-frame{border:1px solid #ffffff40;width:100%;height:560px}.st-four-scenes,.st-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.st-four-scenes canvas{height:260px}.st-four-scenes h3,.st-three-scenes h3,.st-order-grid h3{font-size:18px;margin:8px 0 12px}.st-four-scenes p,.st-three-scenes p{font-size:13px!important;line-height:1.5!important;min-height:50px}.st-order-grid canvas{height:230px}.st-three-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.st-three-scenes canvas{height:230px}.st-case-readout{font-size:13px;line-height:1.6;padding:12px;border-left:2px solid #fbd9a1}.st-system-caption{font-size:13px;line-height:1.8;margin-top:18px}.st-proof-error{border:1px solid #eaa783;padding:15px}.st-proof a{color:#ffdda8}.st-order-chart-row{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center;font-size:12px;margin:16px 0}.st-order-chart-row .st-bar-line{grid-template-columns:80px 1fr 70px;margin:4px 0}.st-comparison-limit{color:#efafad;margin-top:12px}@media(max-width:700px){.st-wsv-grid,.st-four-scenes,.st-order-grid,.st-three-scenes{grid-template-columns:1fr}.st-proof{margin:2rem 0;padding:14px}.st-proof canvas{height:290px}.st-wsv-grid canvas{height:290px}.st-bar-line{grid-template-columns:70px 1fr 66px;gap:6px;font-size:11px}.st-result-heading{font-size:15px}.st-order-chart-row{grid-template-columns:1fr}.st-four-scenes canvas,.st-three-scenes canvas,.st-order-grid canvas{height:240px}.st-codebook-frame{height:500px}.st-result-key{gap:10px}.st-proof-note{font-size:11px!important}}

/* Recorded-window vocabulary visual: exact geometry, separate responsive panes. */
#cosmos-tokens .st-token-panes { display: grid; grid-template-columns: 1.3fr 1fr; gap: 20px; }
#cosmos-tokens .st-token-panes h3 { font-size: 16px; margin: 0 0 12px; }
#cosmos-tokens .st-token-panes canvas { height: 300px; }
#cosmos-tokens .st-token-assignment { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 14px; border: 1px solid #ffd9a050; font-size: 12px; }
#cosmos-tokens .st-token-assignment output { font-size: 26px; color: #ffd9a0; font-variant-numeric: tabular-nums; }
#cosmos-tokens .st-token-window { font-size: 13px; line-height: 1.5; }
@media (max-width: 650px) { #cosmos-tokens .st-token-panes { grid-template-columns: 1fr; } #cosmos-tokens .st-token-panes canvas { height: 230px; } }

.st-live-motion h3 { font-size:clamp(22px,3vw,32px);margin:0 0 12px;line-height:1.3; }
.st-live-motion > p { font-size:15px;line-height:1.5; }
.st-live-grid { display:grid;grid-template-columns:1.65fr 1fr;gap:20px; }
.st-live-grid canvas { height:340px;cursor:crosshair;touch-action:none; }
.st-live-current { display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff30;padding-bottom:12px;font-size:13px; }
.st-live-current output { color:#ffd9a0;font-size:34px;font-variant-numeric:tabular-nums; }
.st-live-grid [data-live-window] { font-size:12px;line-height:1.5;min-height:36px; }
.st-live-sequence { display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;max-height:220px;overflow:auto; }
.st-live-sequence span { font:12px system-ui;padding:7px;border:1px solid #ffffff35; }
.st-live-sequence .is-current { background:#ffd9a0;color:#35140f; }
.st-live-motion [data-live-status] { font-size:12px; }
@media(max-width:650px) { .st-live-grid { grid-template-columns:1fr; } .st-live-grid canvas {height:260px;} .st-live-sequence {max-height:140px;} }

.st-live-label { color:#ffd9a0;font-size:20px!important;line-height:1.35!important;min-height:28px; }
.st-live-sequence > span { display:flex;flex-direction:column;gap:4px; }
.st-live-sequence strong { font-size:11px;font-weight:500; }
.st-live-sequence small { font-size:9px;opacity:.65; }

.st-wsv-film { align-items:center; }
.st-wsv-film canvas { height:390px; }
.st-wsv-film-state { padding:20px 0; }
.st-wsv-film-state > strong { display:block;font-size:20px;margin-bottom:18px; }
.st-wsv-film .st-wsv-cells span { height:42px;line-height:42px;border:1px solid #ffffff20;border-radius:3px;transition:background .35s,opacity .35s;box-shadow:0 0 8px #ffd5a125; }
@media(max-width:700px){ .st-wsv-film canvas {height:310px;} .st-wsv-film-state {padding:0;} }