:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#d6e1ee;background:#0a1018;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{background:#172330;color:#d6e1ee;border:1px solid #344756;border-radius:8px;padding:10px 13px;cursor:pointer;min-height:42px;transition:background .15s,color .15s}button:hover{background:#263c4b}button:disabled{opacity:.4;cursor:not-allowed}button.active,button[aria-pressed=true],button.primary{background:#bceee0;color:#102323;border-color:#bceee0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffb45a;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font:clamp(30px,4vw,58px)/1.02 Georgia,serif;letter-spacing:-1.8px}h1 em{color:#bceee0;font-weight:400}header{padding:32px 4vw;display:flex;gap:24px;align-items:center;border-bottom:1px solid #2a3542}.mark{font-size:68px;line-height:1;color:#ffb45a}.eyebrow{font-size:10px;letter-spacing:2px;color:#a4b9c9;margin-bottom:12px}.header-note{margin-left:auto;line-height:1.5;font-size:15px;color:#a4b9c9}main{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:75vh}aside{background:#0e1721;padding:24px;border-right:1px solid #2a3542}label{display:block;color:#b7c8d5;font-size:12px;margin:12px 0}input,select,textarea{display:block;width:100%;background:#101b27;color:#fff;border:1px solid #3b4c5c;border-radius:6px;padding:10px;margin-top:7px}textarea{min-height:150px}.row{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.row button{font-size:12px}aside h2{font-size:16px;margin:28px 0 14px}small{color:#a4b9c9}nav{display:grid;gap:8px}.card{text-align:left;display:flex;gap:12px;overflow-wrap:anywhere;font-size:13px}.card span{font:12px ui-monospace,monospace;opacity:.6}.stage{padding:30px 4vw;min-width:0}.stage-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.stage-heading h2{font:32px Georgia,serif;overflow-wrap:anywhere}.badge{font-size:11px;white-space:nowrap;color:#ffb45a}.view-tabs{display:flex;gap:8px;margin:25px 0}.view-tabs button{flex:1}.paired{display:grid;grid-template-columns:1fr 1fr;gap:16px}.paired article{border:1px solid #2e3c49;border-radius:14px;overflow:hidden;background:#101923;padding:16px}.paired h3,.three h3{font-size:12px;font-weight:500;letter-spacing:1px;color:#a8bece;margin-bottom:12px}.paired p{font:12px/1.7 ui-monospace,monospace;margin:5px 0}.paired b{color:#ffb45a}svg{width:100%;height:auto;display:block}.diagram{animation:arrive .25s ease-out}@keyframes arrive{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}.convention{margin-top:20px;display:grid;grid-template-columns:160px 1fr;gap:12px;font-size:12px;line-height:1.7;color:#a4b9c9}.convention>b{grid-column:1/-1;color:#bceee0}.compass{display:grid;gap:3px;border-left:2px solid #bceee0;padding-left:14px}.caption{font:italic 23px/1.5 Georgia,serif;margin:28px 0;color:#d6e1ee;overflow-wrap:anywhere}details{border-top:1px solid #2a3b49;padding:18px 0}summary{cursor:pointer;color:#bceee0;font-size:13px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:20px}.three p{font-size:12px;line-height:1.6}.editor,.exports{border-top:1px solid #2a3b49;padding-top:26px;margin-top:12px}.editor h2,.exports h2{font:24px Georgia,serif;margin-bottom:16px}.actors{display:grid;grid-template-columns:1fr 1fr;gap:16px}fieldset{border:1px solid #344756;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:12px}legend{font-size:12px;color:#ffb45a}.editor p,.exports p,footer p{font-size:12px;line-height:1.7;color:#a4b9c9;margin:14px 0}footer{padding:10px 4vw 24px;border-top:1px solid #2a3542}footer>p{color:#bceee0}.shell{min-height:100dvh}@media(max-width:1000px){main{grid-template-columns:230px minmax(0,1fr)}.paired{grid-template-columns:1fr}.badge{display:none}.three{grid-template-columns:1fr}}@media(max-width:700px){main{display:block}aside{border-right:0}nav{grid-template-columns:1fr 1fr;max-height:210px;overflow:auto}header{padding:24px}.header-note{display:none}.mark{font-size:50px}.stage{padding:24px}.view-tabs{flex-wrap:wrap}.view-tabs button{flex-basis:130px}.actors,.convention{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}