:root{--bg:#302c29;--fg:#eee6d8;--dim:#bbb2a2;--accent:#dfc394}body{background:radial-gradient(ellipse at 50% 45%,#696055,#302c29 70%)}#gl{left:50%;top:50%;width:min(66vw,650px);height:82vh;transform:translate(-50%,-50%);border-radius:47% 47% 7px 7px;box-shadow:0 0 0 5px #756959,0 0 0 8px #c1ad8b,0 0 0 12px #4b4237,0 35px 65px #100c0baa;object-fit:cover}#intro{background:transparent;align-items:flex-start;text-align:left;padding:0 7vw;pointer-events:none;z-index:4}#intro h1{font:italic clamp(75px,13vw,180px)/.9 Georgia,serif;letter-spacing:-.06em;position:absolute;top:15vh;left:6vw}#intro p{font:15px/1.65 Georgia,serif;max-width:220px;position:relative;top:13vh}#intro button{pointer-events:auto;position:relative;top:13vh}#intro .fine{font:10px/1.6 monospace;opacity:.85;max-width:200px}#intro .mirror-actions{position:relative;top:13vh;display:flex;gap:10px;flex-direction:column;pointer-events:auto}#intro .mirror-actions button{top:0}.primary{background:#dcd1bd!important;color:#302c29!important;border-radius:2px;padding:14px!important}#bar{bottom:20px}#bar button{font-size:10px;border-radius:2px}#status{top:28px;max-width:55vw;left:60%;font-size:10px}#who{left:auto;right:4vw;bottom:10vh;width:170px;color:#ddd0ba;opacity:.9;text-shadow:none}#mirror-study{position:fixed;left:50%;top:50%;width:min(66vw,650px);height:82vh;transform:translate(-50%,-50%);border-radius:47% 47% 7px 7px;overflow:hidden;background:#827e6b;box-shadow:inset 0 0 60px #1a1b14,0 0 0 5px #756959,0 0 0 8px #c1ad8b,0 0 0 12px #4b4237,0 35px 65px #100c0baa;z-index:2}#mirror-study img{width:100%;height:100%;object-fit:cover;filter:sepia(.5) saturate(.45) brightness(.62);opacity:.82;transition:opacity .7s,filter 1s,transform 1.6s;transform:scale(1.04)}#mirror-study:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#eeeecc40,transparent 38%,#19272280),radial-gradient(ellipse,transparent 42%,#28281fba 90%);box-shadow:inset 0 0 35px #28291d}#mirror-caption{position:fixed;bottom:9vh;right:5vw;width:170px;font:12px/1.6 Georgia;color:#e5d9c4;z-index:5}#demo-next{display:none}body.previewing #demo-next{display:block}#closeMirror{position:fixed;right:24px;top:20px;z-index:9}body.live-mirror #intro{display:none}
@media(max-width:800px){#intro{justify-content:flex-end;padding:20px 24px 80px;align-items:center;text-align:center;gap:10px}#intro h1{top:9vh;left:7vw;font-size:70px;z-index:8}#intro p,#intro button,#intro .mirror-actions{top:0}#intro p{max-width:330px;background:#302c2988;padding:6px}#intro .fine{max-width:300px}#mirror-study,#gl{width:78vw;height:70vh;top:43%}#mirror-caption{display:none}#intro .mirror-actions{flex-direction:row}#status{top:70px;width:90%;max-width:90%;left:50%}#bar{bottom:10px}#who{bottom:110px;right:12px;font-size:9px}}

.experiment-return{position:fixed;top:24px;left:25px;z-index:8;font:11px monospace;color:#e9dec8;text-decoration:none}