.fiber-room{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;border:0;box-sizing:border-box;padding:30px 40px;overflow:hidden;background:radial-gradient(ellipse at 65% 50%,#192728,#0d1515 70%);color:#e2e3d8}.fiber-room header{display:flex;justify-content:space-between;font:12px Arial}.fiber-room button{background:none;border:0;color:#b8c9be;cursor:pointer;font:12px Arial;padding:8px 0}.fiber-room button:hover,.fiber-room button.chosen{color:#f6d4a6}.fiber-room h2{font:34px Georgia;margin:25px 0}.fiber-room .art-controls{display:flex;gap:28px;align-items:end}.fiber-room .art-controls label{font:10px Arial;color:#95aa9e}.fiber-room select{display:block;background:#172424;color:#e2dfcf;border:0;padding:7px 0;font:14px Georgia;max-width:230px}.fiber-room .art-controls span{font:12px Arial;color:#81998f}.fiber-room canvas{position:absolute;left:24%;top:22%;width:72%;height:70%;cursor:pointer;outline-color:#c8ac83}.fiber-room aside{position:absolute;left:40px;top:29%;width:22%;max-height:57%;overflow:auto;scrollbar-width:thin;scrollbar-color:#395449 transparent}.fiber-room aside p{font:14px/1.65 Georgia;color:#cccdbd;margin:12px 0 25px}.fiber-room aside p+p{color:#91b5c8}.fiber-room small{font:10px Arial;color:#8ea79c}.art-output{position:absolute;right:4%;top:23%;width:25%;pointer-events:none}.art-output p{font:17px/1.7 Georgia;color:#d7d5c0}.art-output p span{display:inline-block;margin-right:12px}.fiber-room footer{position:absolute;left:40px;right:40px;bottom:20px;display:flex;justify-content:space-between;font:11px Arial}.fiber-room details[open]{width:430px;background:#101c1b;padding:14px;box-shadow:0 0 30px #091111}.fiber-room details p{font:12px/1.6 Arial;color:#a7b9ae}.fiber-room a{color:#d1c9b2}.fiber-room[data-mode=architecture] .art-output{top:74%;width:24%;right:5%}#fit{display:block;font:35px Georgia;margin:8px 0}.fit-axis{display:flex;justify-content:space-between;border-top:1px solid #5d7268;position:relative;padding-top:6px;font:10px Arial;color:#8fa79b}.fit-axis i{position:absolute;top:-4px;width:6px;height:6px;background:#eec68e;border-radius:50%}@media(max-width:700px){.fiber-room{padding:20px}.fiber-room h2{font-size:25px}.fiber-room .art-controls{gap:12px;flex-wrap:wrap}.fiber-room select{max-width:160px}.fiber-room aside{left:20px;top:70%;width:55%;max-height:20%}.fiber-room canvas{left:0;top:24%;width:100%;height:48%}.art-output{top:70%;width:30%}.fiber-room aside p{font-size:12px}.fiber-room footer{left:20px;right:20px}}
.atlas-entry{position:absolute;right:4.5%;top:14%;z-index:20;background:none;border:0;border-bottom:1px solid #60756c;padding:7px 0;color:#d3dfd3;font:12px Arial;cursor:pointer}

.input-word{display:inline!important;font:inherit!important;padding:0!important;color:inherit!important}.input-word.changed-word{color:#f3d0a1!important}.fiber-room aside p+p .changed-word{color:#91ccf3!important}.input-word.word-focus{background:#cba97633;text-decoration:underline}.condition-key{display:flex;gap:25px;font:13px Georgia}.condition-key span:first-child{color:#ffd29a}.condition-key span+span{color:#77bfff}.home-fiber-layers{position:absolute;left:40%;top:19%;width:58%;height:65%;z-index:5;cursor:pointer}body[data-mode=architecture] .home-fiber-layers{display:none}body[data-mode=neural] #neural-art{opacity:0}body[data-mode=neural] .llm-state-context{display:none}.fiber-room .art-output{top:25%;right:5%;width:auto}.fiber-room aside{width:23%}

/* v18: deep dark surround and a lit, stable surface */
.fiber-room{background:radial-gradient(ellipse at 66% 54%,#112329 0%,#0a1418 42%,#070d10 78%)}
.fiber-room canvas{filter:drop-shadow(0 12px 24px #0008)}
.fiber-room h2{letter-spacing:-.035em}.condition-key span:first-child{color:#ffc47b}.condition-key span+span{color:#65caff}
.fiber-room .art-controls button{transition:color .15s,text-shadow .15s}.fiber-room .art-controls button:hover{color:#ffe3b4;text-shadow:0 0 16px #d9b57777}

.condition-key button:first-child{color:#ffc47b}.condition-key button+button{color:#65caff}.condition-key button{font:13px Georgia;padding:7px 0;border-bottom:1px solid currentColor}.condition-key button[aria-pressed=false]{opacity:.3;border-bottom-color:transparent}.construct-reference{display:block;margin-top:13px;font:11px Arial;color:#a6b7ad!important;text-align:right}.fiber-room .art-output{pointer-events:auto}.fiber-room h2{max-width:95%;text-transform:none}

.construct-literature{max-width:340px;margin-top:12px;font:11px/1.6 Arial;color:#b2c2b7}.fiber-room .construct-literature[open]{width:340px;max-height:320px;overflow:auto;padding:12px;background:#101b1e}.fiber-room .construct-literature p{font:12px/1.6 Georgia;margin:10px 0}.construct-literature summary{cursor:pointer;text-align:right}

/* MVCA: put the experiment and its processing inside the network. */
body[data-mode=architecture] .home-fiber-layers{display:block;left:39%;width:60%;top:22%;height:60%}
body[data-mode=architecture] .agent-architecture{display:none}
.fiber-room[data-mode=architecture] canvas{left:4%;top:25%;width:92%;height:60%}
.fiber-room[data-mode=architecture] aside{display:none}
.fiber-room[data-mode=architecture] .art-output{top:auto;bottom:6%;right:5%;width:28%;background:linear-gradient(90deg,#0a141800,#0a1418);padding:8px 14px;box-sizing:border-box}
.fiber-room[data-mode=architecture] #fit{font-size:24px;margin:3px 0}.fiber-room[data-mode=architecture] #mvca-response{font:11px Arial;margin:6px 0;color:#bdc9bc}
.fiber-room[data-mode=architecture] .construct-reference{margin-top:7px}.fiber-room[data-mode=architecture] h2{margin-bottom:15px}

/* v25: one sculptural process field, with typography outside its light. */
body[data-mode=architecture] #neural-art{opacity:0}
body[data-mode=architecture] .home-fiber-layers{left:40%;width:58%;top:20%;height:62%}
.fiber-room[data-mode=architecture]{background:radial-gradient(ellipse at 53% 48%,#122329 0%,#090f13 58%,#070c10 100%)}
.fiber-room[data-mode=architecture] h2{font:clamp(28px,3.7vw,52px)/1.1 Georgia;letter-spacing:-.04em;margin:24px 0 20px}
.fiber-room[data-mode=architecture] .art-controls{gap:28px}
.fiber-room[data-mode=architecture] .art-controls>button{font:14px Georgia;padding:9px 0;border-bottom:1px solid transparent}
.fiber-room[data-mode=architecture] .art-controls>button.chosen{border-color:#bc9e72}
.fiber-room[data-mode=architecture] .mvca-agent-label{margin-left:auto}
.fiber-room[data-mode=architecture] select{background:transparent;font:13px Arial;color:#a3b4af;min-width:160px}
.fiber-room[data-mode=architecture] canvas{left:2%;top:26%;width:96%;height:58%;filter:none;touch-action:none}
.fiber-room[data-mode=architecture] .art-output{top:auto;bottom:6%;left:6%;right:6%;width:auto;background:none;padding:0}
.mvca-trace{display:flex;gap:34px;align-items:center}
.fiber-room .mvca-trace button{font:14px Georgia;color:#829590;padding:0 0 10px;transition:color .3s}
.fiber-room .mvca-trace button[aria-pressed=true]{color:#f1d2a8}
.mvca-time{display:block;width:100%;height:2px;appearance:none;background:#3a4b48;accent-color:#e6bd85;cursor:ew-resize;margin:0 0 13px}
.mvca-time::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:#edc58e;box-shadow:0 0 12px #e4ba78}
.mvca-evidence{display:flex;justify-content:space-between;font:10px Arial;color:#8c9f96;height:14px}
.mvca-evidence a{color:#9baca4;text-decoration:none}
@media(max-width:700px){.fiber-room[data-mode=architecture]{padding:20px}.fiber-room[data-mode=architecture] h2{font-size:29px;margin:20px 0 16px}.fiber-room[data-mode=architecture] .art-controls{gap:17px}.fiber-room[data-mode=architecture] .art-controls>button{font-size:12px}.fiber-room[data-mode=architecture] .mvca-agent-label{display:none}.fiber-room[data-mode=architecture] canvas{top:25%;height:57%}.fiber-room[data-mode=architecture] .art-output{left:5%;right:5%;bottom:7%}.mvca-trace{gap:0;justify-content:space-between}.fiber-room .mvca-trace button{font-size:11px}.mvca-evidence{font-size:9px}.mvca-evidence span{max-width:58%}body[data-mode=architecture] .home-fiber-layers{left:5%;width:90%;top:40%;height:43%}}

/* v27 — editorial research indexes, shared by both streams. */
@font-face{font-family:Research Serif;src:url('/assets/fonts/newsreader-latin-wght-normal.woff2') format('woff2');font-weight:200 800;font-display:swap}
.research-library{position:absolute;left:3.6%;top:25%;bottom:7%;width:21%;display:flex;flex-direction:column;z-index:8}
.library-label{font:10px Arial;color:#8ba09c;letter-spacing:.04em}
#library-search{font:13px Arial;background:none;color:#d5ded4;border:0;border-bottom:1px solid #344744;padding:13px 0 11px;outline-offset:4px;width:100%;border-radius:0;margin:0 0 13px}
#library-search::placeholder{color:#748a86}
.library-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#425751 transparent;padding:17px 10px 70px 0;mask-image:linear-gradient(transparent,#000 15px,#000 calc(100% - 30px),transparent);flex:1;min-height:0}
.fiber-room .library-scroll button{display:block;text-align:left;width:100%;padding:9px 0;font:400 18px/1.2 'Research Serif',Georgia,serif;color:#718783;transition:color .2s,font-size .2s,padding .2s;white-space:normal}
.fiber-room .library-scroll button:hover{color:#d3dacf;text-shadow:none}
.fiber-room .library-scroll button[aria-selected=true]{font-size:29px;line-height:1.08;color:#f0e7d4;padding:16px 0 19px;letter-spacing:-.025em}
.fiber-room .library-scroll button[hidden]{display:none}
.fiber-room .library-scroll button:focus-visible{outline:1px solid #889c93;outline-offset:3px}
.fiber-room[data-mode=architecture] canvas{left:26%;width:72%;top:25%;height:59%}
.fiber-room[data-mode=architecture] .art-output{left:29%;right:4%;bottom:6%}
.fiber-room[data-mode=architecture] .art-controls{margin-left:25%;gap:22px;align-items:center;min-height:42px}
.experiment-conditions{display:flex;gap:24px}
.fiber-room .experiment-conditions button{font:16px 'Research Serif',Georgia;padding:8px 0;border-bottom:1px solid transparent}
.fiber-room .experiment-conditions button.chosen{border-bottom-color:#bd9f75;color:#eed5b2}
.fiber-room .art-controls .experiment-caption{font:12px Arial;color:#849a93}
.fiber-room .mvca-agent-label{font-size:9px}
.fiber-room .experiment-question{position:relative;color:#a1b2a9;font:11px Arial;z-index:10}
.fiber-room .experiment-question summary{cursor:pointer}
.fiber-room .experiment-question[open]{position:absolute;bottom:25px;left:0;width:360px;max-height:210px;overflow:auto;padding:18px;background:#111f22;box-shadow:0 8px 50px #0009}
.fiber-room .experiment-question p{font:17px/1.4 'Research Serif',Georgia;margin:15px 0 0;color:#ccd6cd}
.fiber-room[data-mode=neural] .art-controls{margin-left:25%}
.fiber-room[data-mode=neural] aside{left:28%;width:22%;top:35%;max-height:53%}
.fiber-room[data-mode=neural] aside p{font:16px/1.5 'Research Serif',Georgia}
.fiber-room[data-mode=neural] canvas{left:48%;width:51%;top:27%;height:64%}
.fiber-room[data-mode=neural] .art-output{right:4%;top:25%}
.fiber-room h2{font-family:'Research Serif',Georgia,serif}
.atlas-entry{max-width:52%;text-align:right;font:15px/1.25 'Research Serif',Georgia,serif}
@media(max-width:760px){
 .research-library{left:20px;top:23%;width:30%;bottom:9%}
 .fiber-room .library-scroll button{font-size:15px}.fiber-room .library-scroll button[aria-selected=true]{font-size:22px}
 .fiber-room[data-mode=architecture] canvas{left:32%;width:68%;top:32%;height:46%}
 .fiber-room[data-mode=architecture] .art-controls{margin-left:32%;gap:10px;flex-wrap:wrap}.experiment-conditions{gap:12px;flex-wrap:wrap}.fiber-room .experiment-conditions button{font-size:13px}
 .fiber-room[data-mode=architecture] .art-output{left:35%;right:4%;bottom:6%}.fiber-room .mvca-trace{flex-wrap:wrap;gap:7px}
 .fiber-room[data-mode=neural] .art-controls{margin-left:32%}.fiber-room[data-mode=neural] canvas{left:32%;width:68%;top:33%;height:40%}.fiber-room[data-mode=neural] aside{left:36%;width:59%;top:74%;max-height:17%}.fiber-room[data-mode=neural] .art-output{top:27%;right:5%}.condition-key{gap:12px}.condition-key button{font-size:11px!important}
 .atlas-entry{max-width:57%;font-size:12px}.fiber-room .experiment-question[open]{width:240px;left:auto;right:0}
}
.experiment-documents{display:flex;gap:20px}.fiber-room .experiment-question[open]{max-height:260px;width:min(480px,65vw)}.fiber-room .experiment-question a{display:block;font:11px Arial;margin-top:14px}.fiber-room footer>span{color:#84988e;font:11px Arial}
