:root{color-scheme:dark;--signal:#8fd4b6;--panel:#102823}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#081a19;color:#e4eee5;font:16px/1.65 system-ui,sans-serif}main{max-width:1600px;margin:auto;padding:30px}.trame-hero{position:relative;min-height:330px;display:flex;align-items:end;border:1px solid #425f54;overflow:hidden}.trame-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.trame-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081a19ed,transparent)}.trame-hero>div{position:relative;z-index:1;padding:30px;max-width:850px}h1{font:clamp(38px,5vw,72px)/1.1 Georgia,serif;margin:14px 0}h2{font:26px/1.3 Georgia,serif}.trame-hero p{max-width:70ch}.trame-hero p:first-child,.overline{letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--signal)}button,select,textarea{font:inherit;color:inherit;background:var(--panel);border:1px solid #4f7666;border-radius:5px;padding:12px;cursor:pointer}button[aria-pressed=true]{border-color:var(--signal);background:#285b48}button:hover{border-color:#e1eecf}.trame-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:22px 0;border-bottom:1px solid #38584e}.trame-tabs a{color:var(--signal);padding:8px}.trame-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.trame-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:24px}.networks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start;background:radial-gradient(ellipse,#1f665131,transparent 70%);padding:20px}.network-node{text-align:left;min-height:130px;position:relative;overflow:hidden}.network-node span{color:var(--signal);font:12px ui-monospace,monospace}.network-node strong{display:block;font-size:18px;margin:9px 0}.network-node small{opacity:.8}#network-detail{border:1px solid #466958;background:var(--panel);padding:24px}#network-detail textarea{display:block;width:100%;margin:12px 0;cursor:text;resize:vertical}.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.memory-grid article,.saved-liaison{padding:22px;border:1px solid #466958;background:var(--panel);margin:12px 0}.memory-grid small{color:var(--signal)}.memory-grid h4{font:23px Georgia,serif;margin:12px 0}.saved-liaison p{white-space:pre-wrap}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #ffe8ab;outline-offset:4px}[data-trame-era="6"]{--signal:#e5b9d9;--panel:#2b1733}[data-trame-era="6"] body{background:#100e21}[data-trame-era="6"] .trame-hero:after{background:linear-gradient(90deg,#160f29ed,transparent)}[data-trame-era="6"] .network-node{border-radius:22px 5px 22px 5px;border-color:#896e91}[data-trame-era="6"] .networks{background:repeating-linear-gradient(60deg,transparent 0 80px,#aa90b81c 81px 82px),radial-gradient(ellipse,#ab62942e,transparent 70%)}[data-trame-era="6"] button[aria-pressed=true]{background:#623b62;border-color:#f0c8e7}@media(max-width:850px){main{padding:16px}.trame-workspace{grid-template-columns:1fr}.trame-hero>div{padding:20px}.networks{padding:0}.trame-tabs button{flex:1 1 150px}}@media(max-width:430px){.networks{grid-template-columns:1fr}}
