*{box-sizing:border-box}body,html{margin:0;background:#171614;color:#f3f1ed;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #b7a997;outline-offset:3px}.app{min-height:100dvh;display:flex;flex-direction:column}.header{height:69px;background:#f3f1ed;color:#191817;position:relative;z-index:3;justify-content:space-between;padding:0 20px;gap:12px}.brand,.header{display:flex;align-items:center}.brand{gap:13px;letter-spacing:5px;font-size:17px}.mark{display:flex;align-items:center;flex-direction:column;gap:3px;width:30px;height:31px}.mark i{height:6px;background:#756a5e;border-radius:0 0 8px 8px}.mark i:first-child{width:30px}.mark i:nth-child(2){width:21px}.mark i:nth-child(3){width:7px;height:12px}.right{display:flex;align-items:center;gap:18px}.mic{background:none;border:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#514a42}.mic.active{background:#e2dbd1;color:#181715}.mina{display:flex;flex-direction:column;text-align:right;gap:3px}.mina strong{font:normal 29px Georgia,serif;letter-spacing:4px}.mina small{font-size:7px;letter-spacing:1px}.theatre{display:flex;justify-content:center;flex:1 1;overflow:hidden;background:#151515}.portrait{position:relative;isolation:isolate;width:min(100vw,calc((100dvh - 69px)*9/16));height:calc(100dvh - 69px);min-height:560px;overflow:hidden;background:#625e57}.film,.image-stage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-stage{overflow:hidden;background:linear-gradient(155deg,#958c7d,#4d4840)}.render{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);filter:saturate(.83) contrast(1.03)}.render.moving{animation:camera-move 13s ease-in-out infinite alternate}@keyframes camera-move{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.13) translate(-1.5%,1.1%)}}.no-asset{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;background:linear-gradient(125deg,#beb8ad,#6a6058);font-family:Georgia,serif;color:#f1ede6}.no-asset>span{font:10px Arial,serif;letter-spacing:3px}.no-asset>b{font-size:45px;font-weight:400}.no-asset>small{font:12px Arial,sans-serif}.source-hint{position:absolute;top:25px;left:25px;color:#f5f1ebc0;font-size:10px;letter-spacing:1.9px;text-shadow:0 1px 4px #16141277}.scrim{inset:0;background:linear-gradient(180deg,#15151525,transparent 42%,#12100f39 55%,#10100fee);pointer-events:none}.copy,.scrim{position:absolute}.copy{bottom:130px;left:27px;right:27px;z-index:1}.copy>span{font-size:10px;letter-spacing:2.4px;color:#e7e1d9;font-weight:700}.copy h1{font:normal clamp(43px,6vw,68px)/1.04 Georgia,serif;letter-spacing:-.8px;margin:16px 0 14px;text-wrap:balance}.copy p{font-size:14px;line-height:1.55;color:#eee6da;margin:0;max-width:480px}.status{position:absolute;bottom:33px;left:27px;right:27px;color:white;display:flex;align-items:center;gap:9px;z-index:2;font-size:11px}.status i{height:7px;width:7px;display:block;border-radius:50%;background:#b7ab9a}.status i.online{background:#c7d8be;box-shadow:0 0 0 3px #d4dac730}.reconnect{bottom:70px;left:26px;border:1px solid white;background:#1c1b1aaa;color:white;padding:10px 16px}.pdf-note,.reconnect{position:absolute;z-index:2;font-size:12px}.pdf-note{top:55px;left:22px;right:22px;background:#f4f0e6;padding:14px;color:#211e1a;line-height:1.5}.modal-layer{position:fixed;inset:69px 0 0;background:#100e0cba;z-index:5;display:grid;place-items:center;padding:20px}.modal{width:min(390px,100%);padding:34px;background:#f3f1ed;color:#1c1a17;box-shadow:0 20px 65px #0009}.modal small{color:#7d7368;font-size:10px;line-height:1.6}.modal h2{font:normal 42px/1.1 Georgia,serif;margin:16px 0}.modal p{font-size:14px;color:#61584e;line-height:1.66}.modal button{margin:23px 0 17px;width:100%;min-height:54px;border:0;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;background:#161513;color:white}.modal button b{font-weight:400;font-size:21px}.debug{position:fixed;z-index:10;top:80px;right:11px;max-width:350px;background:#f3f1ed;color:#111;padding:13px;font-size:11px}.debug pre{font-size:10px;white-space:pre-wrap;max-height:250px;overflow:auto}@media(max-width:670px){.header{height:64px;padding:0 14px}.brand{font-size:15px;letter-spacing:3px;gap:8px}.mark{transform:scale(.8);transform-origin:left center;width:24px}.right{gap:8px}.mic{width:35px;height:35px}.mina strong{font-size:24px;letter-spacing:2px}.mina small{font-size:6px}.portrait{width:100vw;height:calc(100svh - 64px);min-height:540px}.copy{bottom:124px}.copy h1{font-size:clamp(45px,11vw,60px)}.modal-layer{inset:64px 0 0}.modal{padding:29px}.modal h2{font-size:38px}}