/* Timestamp: 2026-11-01 | Version: 2.1.0 | Author & Credits: https://www.alawise.es/1-s */
.contemplation-heading {padding:42px 5% 28px;max-width:1500px;margin:auto;}
.contemplation-heading>div {display:flex;align-items:baseline;gap:30px;flex-wrap:wrap;}
.contemplation-heading h1 {font:clamp(42px,6vw,76px)/1.1 Georgia,serif;margin:12px 0 18px;letter-spacing:-.04em;}
.contemplation-heading p {color:#a59caf;font:17px Georgia,serif;}
.contemplation-heading nav {display:flex;gap:24px;font:12px monospace;}
.contemplation-heading nav a {padding:7px 0;border-bottom:1px solid transparent;}
.contemplation-heading nav a[aria-current] {border-color:#c2a46a;color:#e7d1a4;}
.contemplation-room {margin:0 auto 90px;max-width:1500px;padding:0 3%;}
.contemplation-stage {position:relative;isolation:isolate;background:#03040a;border:1px solid #292334;overflow:hidden;height:min(76vh,850px);min-height:530px;border-radius:3px;}
.contemplation-stage canvas {display:block;width:100%;height:100%;}
.contemplation-source {position:absolute;top:25px;left:30px;right:30px;display:flex;align-items:center;gap:9px;color:#b3a8c7;font:10px/1.6 monospace;letter-spacing:.04em;}
.flow-interface {margin-left:auto;font-size:9px;color:#766c8b;}
.signal-dot {width:5px;height:5px;background:#7d6b9a;border-radius:50%;flex-shrink:0;}
[data-signal=live] .signal-dot {background:#9fbda5;box-shadow:0 0 12px #86bb8a55;}
[data-signal=demo] .signal-dot {background:#c4a663;}
[data-signal=stale] .signal-dot,[data-signal=offline] .signal-dot {background:#9a7583;}
.contemplation-inscription {position:absolute;bottom:128px;width:100%;text-align:center;pointer-events:none;}
.contemplation-inscription span {display:block;font:9px monospace;letter-spacing:.34em;color:#a58c64;}
.contemplation-inscription small {display:block;font:8px monospace;letter-spacing:.25em;color:#5d536d;margin-top:13px;}
.contemplation-readout {position:absolute;left:8%;right:8%;bottom:28px;display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;border-top:1px solid #9c8ac31b;padding-top:20px;gap:12px;}
.contemplation-readout span {display:block;font:8px monospace;letter-spacing:.18em;color:#756b87;margin-bottom:8px;}
.contemplation-readout strong {font:12px monospace;font-weight:400;color:#b8adc9;}
.contemplation-controls {display:flex;gap:10px;align-items:center;padding:18px 0;flex-wrap:wrap;}
.contemplation-controls button,.exit-focus {border:1px solid #3a3049;padding:11px 15px;background:#0b0912;color:#c5bcd4;font:11px monospace;cursor:pointer;}
.contemplation-controls button:hover,.contemplation-controls button:focus-visible,.exit-focus:focus-visible {border-color:#b59a64;color:#efe2c6;outline-offset:3px;}
.flow-mode {display:flex;margin-right:auto;}
.flow-mode button+button {border-left:0;}
.flow-mode [aria-pressed=true] {background:#30243a;color:#f2e5ca;border-color:#7a624f;}
.flow-glow {display:flex;align-items:center;gap:12px;padding-left:14px;font:10px monospace;color:#93879f;}
.flow-glow input {width:88px;accent-color:#bca069;}
.contemplation-caption {font:12px/1.8 monospace;color:#94869f;max-width:850px;margin:5px 0 26px;}
.contemplation-details {border-top:1px solid #2e2638;padding-top:18px;max-width:950px;color:#a69aae;font-size:14px;line-height:1.9;}
.contemplation-details summary {cursor:pointer;font:11px monospace;color:#b5a6c1;padding:5px 0;}
.contemplation-details code {font-size:11px;color:#d5b985;overflow-wrap:anywhere;}
.exit-focus {display:none;position:absolute;right:22px;top:62px;z-index:3;opacity:.7;}
.contemplation-room.is-focused {position:fixed;inset:0;max-width:none;padding:0;margin:0;z-index:9999;background:#03040a;}
.contemplation-room.is-focused .contemplation-stage {height:100dvh;min-height:0;border:0;border-radius:0;}
.contemplation-room.is-focused .exit-focus {display:block;}
.contemplation-room.is-focused .contemplation-controls,.contemplation-room.is-focused .contemplation-readout,.contemplation-room.is-focused .contemplation-caption,.contemplation-room.is-focused .contemplation-details {display:none;}
.contemplation-room.is-focused .contemplation-inscription {bottom:50px;}
.contemplation-room:fullscreen {max-width:none;background:#03040a;padding:0;width:100%;height:100%;}
.contemplation-room:fullscreen .contemplation-stage {height:calc(100dvh - 64px);min-height:0;}
.contemplation-room:fullscreen .contemplation-controls {padding:12px 25px;}
.contemplation-room:fullscreen .contemplation-caption,.contemplation-room:fullscreen .contemplation-details {display:none;}
.contemplation-room:fullscreen.is-focused .contemplation-stage {height:100dvh;}
.contemplation-intro>p {max-width:750px;color:#ad9fb9;line-height:1.9;}
.contemplation-doors {display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:46px 0 80px;}
.contemplation-door {display:block;position:relative;overflow:hidden;min-height:480px;padding:270px 40px 40px;border:1px solid #33263e;background:#080710;}
.contemplation-door small {font:10px monospace;letter-spacing:.18em;color:#9a80b2;}
.contemplation-door h2 {font:43px Georgia,serif;letter-spacing:-.04em;margin:12px 0;}
.contemplation-door p {max-width:340px;font-size:14px;color:#a599b0;line-height:1.8;}
.contemplation-door>span:last-child {font:11px monospace;color:#cfb685;display:block;margin-top:25px;}
.candle-door {background:radial-gradient(ellipse at 50% 25%,#582b151f,transparent 60%),#080710;}
.door-flame {position:absolute;top:72px;left:calc(50% - 14px);height:105px;width:28px;border-radius:70% 30% 50% 50%;background:radial-gradient(ellipse at 50% 78%,#fffbdc 10%,#fbe19c 30%,#dc854e 55%,#4e274000 75%);filter:drop-shadow(0 0 25px #e9ad5344);transform:rotate(5deg);}
.door-flame:after {content:"";position:absolute;top:99px;left:-13px;width:55px;height:77px;border-radius:40% 38% 8px 8px;background:linear-gradient(90deg,#514335,#cebc98 40%,#8c785d 80%,#3c302a);}
.crystal-door {background:radial-gradient(ellipse at 50% 25%,#43367c33,transparent 60%),#080710;}
.door-orb {position:absolute;left:calc(50% - 87px);top:55px;width:174px;height:174px;border-radius:50%;border:1px solid #ad9cd166;background:radial-gradient(ellipse at 24% 24%,#e8dcfc85,transparent 12%),radial-gradient(ellipse at 65% 69%,#a4789133,transparent 45%),radial-gradient(ellipse at 39% 50%,#50417b99,transparent 53%),radial-gradient(ellipse at 75% 20%,transparent 40%,#9b8cb155 80%,#d0c7e75c 93%,#2c233c 100%);box-shadow:inset -13px -12px 35px #070713,0 0 55px #5f47802b;}
.door-orb:after {content:"";position:absolute;bottom:-21px;left:30px;width:110px;height:15px;border-radius:50%;background:linear-gradient(#8a6d3b,#1b1320);box-shadow:0 3px 15px #050309;}
.contemplation-method {max-width:820px;line-height:1.9;color:#a99cb3;}
.contemplation-method h2 {font:34px Georgia,serif;color:#e2d8ed;}
@media(max-width:650px) {.contemplation-heading{padding-top:28px}.contemplation-heading>div{gap:0}.contemplation-heading p{width:100%;margin-top:0}.contemplation-room{padding:0 3%}.contemplation-stage{height:70vh;min-height:510px}.contemplation-source{left:16px;right:16px;top:18px;align-items:flex-start;flex-wrap:wrap;gap:7px}.flow-interface{width:100%;margin-left:12px;font-size:8px}.contemplation-readout{left:5%;right:5%;bottom:22px;gap:5px}.contemplation-readout strong{font-size:10px}.contemplation-controls{gap:7px}.contemplation-controls button{padding:10px;font-size:10px}.flow-glow{padding-left:0;width:100%}.contemplation-doors{grid-template-columns:1fr}.contemplation-door{padding-left:25px;padding-right:25px}.contemplation-inscription span{font-size:8px;letter-spacing:.2em}.exit-focus{right:15px;top:75px}}
@media(prefers-reduced-motion:reduce){.door-flame,.door-orb{transition:none}}