:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dfebdf;background:#142d33;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #426068;background:#203d43;color:#e6ecdf;border-radius:7px;padding:10px 12px;text-align:left}button:hover{border-color:#deb17b;background:#2b4850}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f4bf79;outline-offset:3px}button:disabled{opacity:.4;cursor:default}input{color:#edf0dc;background:#132f35;border:1px solid #486269;border-radius:5px;padding:9px;width:100%;min-width:0}input[type=range]{accent-color:#e5ab72;padding:0}label{display:block;color:#b1c4c1;font-size:12px;margin:14px 0}label strong{float:right;color:#f6d0a0}label input{margin-top:7px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;border-bottom:1px solid #365057;gap:20px}.brand{display:flex;align-items:center;gap:16px}.mark{font-size:42px;color:#e5ac76}small,.eyebrow{font-size:10px;letter-spacing:1.5px;color:#a1bab8}h1{font-size:22px;letter-spacing:-.8px;margin:5px 0}h2{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.1;margin:12px 0}.header-actions{display:flex;gap:18px;align-items:center}.tag{font-size:10px;letter-spacing:1px;color:#9fb8b5}.workspace{display:grid;grid-template-columns:260px minmax(400px,1fr) 280px;min-height:calc(100vh - 160px)}aside{padding:25px 22px;background:#183238}.left{border-right:1px solid #365057}.right{border-left:1px solid #365057}.eyebrow{margin:0 0 17px;color:#caac86}.studies{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:24px}.studies button{font-size:11px;min-height:67px;padding:8px}.studies span{display:block;font-size:23px;margin-bottom:5px;color:#dcb07f}.studies .active{background:#395052;border-color:#d7b785}.muted{font-size:12px;color:#a4bbb8;line-height:1.65}.micro{font-size:10px;color:#94aeac;line-height:1.6}.coordinates{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.primary{background:#e7b47e!important;color:#152d32;border:none;font-size:12px;font-weight:700;width:100%;margin:10px 0}.wide{width:100%;font-size:12px;margin:5px 0}.stage{position:relative;min-width:0;padding:25px 28px 18px;background:radial-gradient(ellipse at 50% 35%,#1d4148,#142d33 75%)}.stage-top{display:flex;justify-content:space-between;align-items:center}.stage-top h2{font-size:30px;margin:10px 0}.pill{font-size:10px;background:#29454a;color:#bcd0c6;padding:8px;border-radius:30px}.stage svg{display:block;width:100%;height:clamp(330px,50vh,650px);touch-action:none}.view-controls{display:flex;gap:15px;align-items:center}.view-controls label{width:30%;margin:0}.view-controls span{font-size:10px;color:#91aba9}.legend{display:flex;align-items:center;gap:10px;font-size:10px;margin:20px 0}.legend>i{height:6px;flex:1;background:linear-gradient(90deg,#32a9b2,#b4ccca,#ef8c56);border-radius:5px}.legend label{display:flex;align-items:center;gap:4px;margin:0}.legend input{width:55px;margin:0;padding:5px}.invariant{display:flex;justify-content:space-between;border-top:1px solid #426066;padding:20px 0 5px;gap:15px}.invariant strong{display:block;font-size:29px;font-weight:400;letter-spacing:-1px;margin-top:6px}.invariant em{font-size:12px;letter-spacing:0;color:#9fbab4;font-style:normal}.invariant>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:7px;font-size:11px}.invariant small{font-size:9px;letter-spacing:.5px}.warning{font-size:10px;line-height:1.6;color:#cdb28e;background:#273b3d;padding:10px;border-left:2px solid #bf9c6a}.ledger{max-height:340px;overflow-y:auto;margin:20px -5px}.row{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;border:0;border-bottom:1px solid #365056;border-radius:0;background:none;padding:9px 7px;font:11px ui-monospace,monospace}.row span:not(:first-child){text-align:right}.row i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%}.row.selected{background:#3a5355;color:#ffe0b2}.heading{font-size:9px;color:#8ea9a6}.history{border-top:1px solid #3b5359;padding-top:20px;margin:20px 0}.twins,.exports{display:grid;grid-template-columns:1fr 1fr;gap:6px}.twins button,.exports button{font-size:11px}.exports{margin-bottom:8px}footer{border-top:1px solid #3c555c;padding:12px 30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#b2c6c1}footer>p{margin:5px 0}details{max-width:600px}summary{cursor:pointer;color:#ddbb91}details p{line-height:1.6}details button{font-size:11px}@media(min-width:1600px){.workspace{grid-template-columns:290px minmax(400px,1fr) 320px}.stage svg{height:60vh}}@media(max-width:1100px){.workspace{grid-template-columns:230px minmax(350px,1fr)}.right{grid-column:1/-1;border-top:1px solid #365057;display:grid;grid-template-columns:1fr 1fr;gap:15px}.right .ledger{grid-column:2;grid-row:1/5;max-height:430px}.right .eyebrow,.right .history{margin:0}.tag{display:none}}@media(max-width:650px){header{padding:16px}.brand{gap:8px}h1{font-size:17px}.brand small{font-size:8px}.header-actions button{font-size:10px}.workspace{display:flex;flex-direction:column}.stage{order:-1;padding:20px 16px}.stage svg{height:380px}.left,.right{padding:22px 18px}.right{display:block}.studies{grid-template-columns:repeat(3,1fr)}.right .ledger{max-height:300px}.header-actions{gap:0}.mark{font-size:29px}.invariant strong{font-size:24px}.invariant>div:last-child{font-size:9px}footer{padding:14px;flex-direction:column}.right .eyebrow{margin:20px 0}.view-controls span{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.stage-top h2{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.stage-top>div{min-width:0}.storage-warning{padding:12px 30px;background:#594734;color:#ffe0ad;font-size:12px;line-height:1.6}
