{"path":"visualization/atlas.css","url":"/source/visualization/atlas.css.txt","kind":"css","bytes":14616,"sha256":"a7b42a3022d927dcd78ce6663807036981a1a0b1ed86f1e52e17ea0f465b962a","local_paths_redacted":false,"start":1,"end":120,"total_lines":133,"content":"@charset \"UTF-8\";\n:root { color-scheme:dark; --paper:#102a2b; --ink:#e7eddf; --muted:#9bb0a7; --line:#ffffff20; --accent:#dbe8a0; --world:#102a2b; --serif:\"Iowan Old Style\",\"Palatino Linotype\",Palatino,Georgia,serif; --mono:\"SFMono-Regular\",Consolas,\"Liberation Mono\",monospace; }\nbody[data-scene=\"membrane\"] { --paper:#17252e; --world:#17252e; --accent:#cbbeef; --muted:#a4adbF; }\nbody[data-scene=\"neural\"] { --paper:#292925; --world:#292925; --accent:#f6c085; --muted:#b7b4a4; }\n* { box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }\nbutton,input,select { font:inherit; }\nbutton { cursor:pointer; }\nbutton,select { touch-action:manipulation; }\nbutton:disabled { cursor:default; opacity:.45; }\nbutton:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,canvas:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }\nbutton { color:inherit; }\n[hidden] { display:none !important; }\n.skip { position:fixed; z-index:8; top:-70px; padding:14px; color:var(--paper); background:var(--accent); }\n.skip:focus { top:8px; }\n.masthead { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 26px; border-bottom:1px solid var(--line); }\n.brand { display:flex; align-items:center; gap:13px; font:18px var(--serif); letter-spacing:-.3px; flex-shrink:0; }\n.brand-sub { display:block; font:9px var(--mono); letter-spacing:2.1px; margin-top:5px; }\n.brand-mark { width:37px; height:38px; position:relative; transform:rotate(-18deg); }\n.brand-mark i { position:absolute; border:1.3px solid var(--ink); width:18px; height:32px; border-radius:50%; left:10px; top:3px; }\n.brand-mark i:nth-child(2) { transform:rotate(60deg); }\n.brand-mark i:nth-child(3) { transform:rotate(120deg); }\n.world-nav { display:flex; align-items:center; gap:4px; border-bottom:1px solid var(--line); }\n.world-nav button { border:0; background:none; padding:12px 22px 15px; position:relative; font-size:13px; }\n.world-nav button span { font:10px var(--mono); margin-right:8px; color:var(--muted); }\n.world-nav button[aria-pressed=\"true\"]::after { content:\"\"; position:absolute; bottom:-1px; left:14px; right:14px; height:2px; background:var(--ink); }\n.world-nav button:hover { background:#ffffff08; }\n.header-tools { display:flex; align-items:center; gap:12px; }\n.audio-toggle { background:none; border:1px solid var(--line); padding:8px 10px; font:10px var(--mono); white-space:nowrap; }\n.audio-toggle[aria-pressed=\"true\"] { border-color:var(--accent); color:var(--accent); }\n.volume-control { width:58px; }\n.source-button { border:0; padding:12px 0 12px 12px; background:none; font-size:12px; white-space:nowrap; }\n.source-button span { padding-left:10px; }\nmain { margin:0; }\n.stage { position:relative; isolation:isolate; height:clamp(620px,calc(100svh - 260px),1000px); min-height:620px; color:#edeede; background:var(--world); overflow:hidden; }\n.stage[data-scene=\"membrane\"] { --accent:#cbbeef; --world:#17252e; }\n.stage[data-scene=\"neural\"] { --accent:#f6c085; --world:#292925; }\n.stage::after { content:\"\"; position:absolute; inset:0; pointer-events:none; }\n.stage-grain { position:absolute; inset:0; z-index:2; opacity:.08; pointer-events:none; background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' opacity='.25' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E\"); }\n.stage-heading { position:absolute; z-index:3; top:20px; left:28px; max-width:70%; pointer-events:none; }\n.eyebrow { font:10px var(--mono); letter-spacing:1.7px; color:var(--accent); }\nh1 { font:28px/1.1 var(--serif); letter-spacing:-.5px; font-weight:400; margin:9px 0 0; }\nh1 em { color:var(--accent); font-weight:400; }\n.world-sub { max-width:245px; font:12px/1.7 Arial,sans-serif; color:#c0cec5; }\n.kind { display:flex; align-items:flex-start; gap:7px; font:8px/1.7 var(--mono); letter-spacing:.55px; color:#c0cec5; margin-top:8px; max-width:400px; }\n.kind-light { flex:0 0 5px; height:5px; border-radius:50%; background:var(--accent); margin-top:4px; }\n#world { display:block; width:100%; height:100%; position:absolute; inset:0; touch-action:pan-y; cursor:crosshair; }\n.current-grip { position:absolute; z-index:4; width:48px; height:48px; border:1px solid #cbbeef44; border-radius:50%; cursor:ns-resize; touch-action:none; }\n.current-grip:hover { background:#cbbeef0b; }\n.current-grip:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }\n.scene-stamp { position:absolute; right:29px; top:26px; display:flex; gap:10px; align-items:center; opacity:.65; pointer-events:none; }\n.scene-stamp>span:first-child { font:39px var(--serif); }\n.scene-stamp>span:last-child { font:7px/1.5 var(--mono); letter-spacing:1.5px; }\n.scene-note { position:absolute; top:25px; right:28px; font:9px var(--mono); letter-spacing:.4px; color:var(--muted); pointer-events:none; }\n.stage-heading .eyebrow { padding-top:3px; }\n.scene-bottom { position:absolute; top:98px; left:28px; right:28px; display:flex; justify-content:flex-end; align-items:center; gap:12px; z-index:3; pointer-events:none; }\n.scene-bottom p { margin:0; color:#cad8cd; font:10px var(--mono); }\n.scene-bottom p span { padding-left:8px; color:var(--accent); }\n.scene-legend { display:flex; gap:17px; font:9px var(--mono); color:#cad8cd; }\n.scene-legend>span { display:flex; align-items:center; gap:7px; }\n.line-key { display:block; width:16px; height:1px; background:var(--accent); }\n.dot-key { width:4px; height:4px; border:1px solid #e9eddb; border-radius:50%; }\n.cross-key { font:15px var(--mono); color:#c6926d; font-style:normal; }\n.hover-note { position:absolute; z-index:5; background:var(--paper); color:var(--ink); padding:9px 12px; max-width:230px; font:10px/1.6 var(--mono); pointer-events:none; box-shadow:0 3px 12px #0002; }\n.bench { padding:0 28px; border-top:1px solid var(--line); }\n.readouts { position:absolute; z-index:3; bottom:0; left:28px; right:28px; display:flex; align-items:center; gap:52px; padding:16px 0 20px; border-top:1px solid var(--line); pointer-events:none; }\n.readout-label { display:block; font:9px var(--mono); letter-spacing:1px; color:var(--muted); margin-bottom:6px; }\n.readout>div { display:flex; align-items:baseline; gap:8px; }\n.readout output { font:39px/.95 var(--serif); letter-spacing:-1.2px; }\n.readout.primary output { min-width:74px; }\n.readout-unit { font:11px var(--mono); }\n.result-state { margin-left:auto; display:grid; grid-template-columns:20px 1fr; gap:4px 9px; font-size:11px; }\n.result-state .state-symbol { grid-row:1/3; font-size:23px; color:var(--accent); }\n#result-detail { font:9px var(--mono); color:var(--muted); max-width:290px; }\n.experiment { display:flex; align-items:center; flex-wrap:wrap; gap:15px 24px; padding:16px 0 8px; }\n.control-block { flex:1 1 135px; min-width:110px; }\n.control-block label,fieldset legend { display:flex; justify-content:space-between; gap:10px; margin-bottom:10px; font:8px var(--mono); letter-spacing:.65px; color:var(--muted); }\n.control-block output { color:var(--ink); white-space:nowrap; }\n.selection { flex:1.15; }\n.temperature-block { flex:1.7; }\nselect { width:100%; border:0; border-bottom:1px solid var(--line); border-radius:0; color:var(--ink); background:transparent; padding:5px 24px 7px 0; font-size:12px; }\nselect option { background:var(--world); color:var(--ink); }\ninput[type=\"range\"] { display:block; width:100%; height:24px; appearance:none; -webkit-appearance:none; margin:0; background:transparent; cursor:pointer; accent-color:#234c3e; }\ninput[type=\"range\"]::-webkit-slider-runnable-track { height:2px; background:var(--line); }\ninput[type=\"range\"]::-moz-range-track { height:2px; background:var(--line); }\ninput[type=\"range\"]::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:10px; height:10px; border-radius:50%; background:var(--accent); margin-top:-4px; border:0; }\ninput[type=\"range\"]::-moz-range-thumb { width:10px; height:10px; border-radius:50%; background:var(--accent); border:0; }\n.range-ends { display:flex; justify-content:space-between; margin-top:5px; font:8px var(--mono); color:var(--muted); }\nfieldset { border:0; margin:0; padding:0; }\n.model-control { flex:1.3; min-width:255px; }\n.segmented { display:flex; gap:1px; border:1px solid var(--line); padding:3px; }\n.segmented button { font-size:10px; border:0; flex:1; background:transparent; padding:8px; }\n.segmented button[aria-pressed=\"true\"] { background:var(--accent); color:var(--paper); }\n.quiet-toggle { display:flex; align-items:center; gap:7px; font-size:10px; border:0; background:transparent; padding:10px 0; white-space:nowrap; }\n.toggle-check { display:block; border:1px solid var(--line); width:14px; height:14px; font:10px/13px Arial,sans-serif; text-align:center; color:transparent; }\n.quiet-toggle[aria-pressed=\"true\"] .toggle-check { background:var(--accent); border-color:var(--accent); color:var(--paper); }\n.transport { display:flex; gap:15px; align-items:center; padding:9px 12px 17px; }\n.motion-toggle { background:transparent; border:1px solid var(--line); padding:7px 11px; font-size:10px; display:flex; gap:9px; align-items:center; min-width:84px; }\n#motion-icon { font:13px var(--mono); width:10px; text-align:center; }\n#transport-label { font:8px var(--mono); color:var(--muted); letter-spacing:.9px; }\n.transport-track { flex:1; height:1px; background:var(--line); }\n.transport-track span { display:block; height:1px; width:44%; background:var(--ink); transition:none; }\n.reset { font:10px var(--mono); border:0; background:transparent; padding:7px 0 7px 15px; }\n.reset span { padding-left:5px; }\nfooter { margin:0 28px; padding:9px 0 14px; display:flex; justify-content:flex-end; font:8px var(--mono); letter-spacing:.6px; color:var(--muted); }\nfooter>span { font:8px var(--mono); letter-spacing:.6px; }\ndialog { max-width:540px; width:calc(100% - 32px); border:0; background:var(--paper); color:var(--ink); padding:30px 34px; box-shadow:0 20px 90px #0005; }\ndialog::backdrop { background:#0b242bcc; backdrop-filter:blur(5px); }\n.dialog-head { display:flex; justify-content:space-between; align-items:center; gap:12px; }\n.dialog-head .eyebrow { color:var(--muted); font-size:8px; }\n.dialog-head button { border:0; background:transparent; font-size:26px; padding:0 4px; }\nh2 { font:38px var(--serif); font-weight:400; letter-spacing:-1px; margin:23px 0 18px; }\ndialog p { font-size:12px; line-height:1.8; }\n#source-citation { color:var(--accent); font-size:11px; }\ndialog a { display:inline-block; margin:15px 0; color:var(--ink); font:11px var(--mono); text-decoration:none; border-bottom:1px solid var(--ink); padding-bottom:4px; }\ndialog a span { padding-left:12px; }\ndialog dl { font:9px/1.8 var(--mono); overflow-wrap:anywhere; }\ndialog dt { color:var(--muted); margin-top:10px; }\ndialog dd { margin-left:0; }","offset":0,"next_offset":null,"next_start":121}