@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#201a16;font-synthesis:none;background:#f1eadc;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#app{background:radial-gradient(circle at 67% 42%,#fff7e7 0%,#eee2cd 52%,#ddcbb1 100%);position:relative}#scene{outline:none;width:100%;height:100%;position:absolute;inset:0}.ui{z-index:2;position:absolute}.header{justify-content:space-between;align-items:center;display:flex;top:24px;left:30px;right:30px}.brand{color:#1f1915;letter-spacing:-.04em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:#efbd54;border:2px solid #2d231d;border-radius:50% 42% 48% 38%;place-items:center;width:32px;height:32px;display:grid;transform:rotate(-8deg)}.edition,.kicker,.footer,.actions button,.scene-card span{letter-spacing:.08em;font-family:DM Mono,ui-monospace,monospace}.edition{color:#73685d;font-size:10px}.copy{pointer-events:none;top:19%;left:5vw}.kicker{color:#9f442f;font-size:11px}.copy h1{letter-spacing:-.08em;text-transform:uppercase;margin:12px 0;font-size:clamp(52px,7vw,102px);line-height:.82}.copy>p:last-child{color:#75695e;width:260px;font-size:13px}.scene-picker{gap:8px;display:grid;top:50%;right:26px;transform:translateY(-50%)}.scene-card{color:#3b3029;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#fffaefb8;border:1px solid #2d231d29;border-radius:12px;grid-template-columns:54px 1fr;align-items:center;gap:10px;width:168px;padding:7px;transition:all .2s;display:grid}.scene-card:hover,.scene-card.active{border-color:#9f442f;transform:translate(-5px);box-shadow:0 10px 30px #4b31211a}.scene-card img{object-fit:cover;mix-blend-mode:multiply;background:#ddd;border-radius:8px;width:54px;height:54px}.scene-card span{gap:3px;font-size:8px;display:grid}.scene-card b{color:#9f442f;font-size:10px}.actions{gap:7px;display:flex;bottom:52px;left:5vw}.actions button{color:#332a24;cursor:pointer;background:#fffaef8a;border:1px solid #2d231d38;border-radius:999px;min-height:36px;padding:0 13px;font-size:9px}.actions button:hover{color:#fff8e9;background:#2d231d}.footer{color:#796d63;justify-content:space-between;font-size:8px;display:flex;bottom:20px;left:30px;right:30px}body.capture .ui{display:none!important}body.capture #app{background:radial-gradient(circle at 52% 43%,#fff4d9 0%,#e7d4b6 55%,#c8ad8a 100%)}@media (width<=760px){.edition{display:none}.copy{top:12%;left:22px}.copy h1{font-size:52px}.copy>p:last-child{display:none}.scene-picker{grid-template-columns:repeat(3,1fr);inset:auto 16px 68px;transform:none}.scene-card{grid-template-columns:1fr;width:auto;padding:5px}.scene-card:hover,.scene-card.active{transform:translateY(-4px)}.scene-card img{width:100%;height:54px}.scene-card span{display:none}.actions{bottom:18px;left:22px}.footer{display:none}}