*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#1c1c1a;-webkit-font-smoothing:antialiased;background:#fafaf8;font-family:DM Sans,system-ui,sans-serif;font-weight:300;overflow:hidden}.landing{background:#fafaf8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.landing-body{flex-direction:column;align-items:center;gap:20px;display:flex}.landing-title{color:#1c1c1a;letter-spacing:-.02em;font-family:DM Serif Display,Georgia,serif;font-size:clamp(3.5rem,8vw,6rem);font-style:italic;font-weight:400;line-height:1}.landing-sub{color:#1c1c1a73;letter-spacing:.01em;font-family:DM Sans,system-ui,sans-serif;font-size:.9rem;font-weight:300}.landing-btn{color:#1c1c1a61;cursor:pointer;letter-spacing:.06em;background:0 0;border:none;border-bottom:1px solid #1c1c1a26;margin-top:12px;padding:6px 0;font-family:DM Sans,system-ui,sans-serif;font-size:.82rem;font-weight:400}.landing-btn:hover{color:#1c1c1a;border-bottom-color:#1c1c1a80}.landing-footer{bottom:max(28px, env(safe-area-inset-bottom));text-align:center;color:#1c1c1a38;letter-spacing:.02em;padding:0 20px;font-size:.72rem;font-weight:300;position:fixed;left:0;right:0}@media (width<=640px){.landing-body{gap:16px}.landing-sub{text-align:center;padding:0 16px;font-size:.82rem}.landing-btn{padding:12px 0}.landing-footer{font-size:.66rem}}.studio{--accent:#6366f1;background:#fafaf8;position:fixed;inset:0;overflow:hidden}.scene-canvas{position:fixed;inset:0}.hidden-video{display:none}.studio-ui{pointer-events:none;z-index:20;flex-direction:column;display:flex;position:fixed;inset:0}.studio-header{padding:26px 30px}.brand{color:#1c1c1a;letter-spacing:-.01em;align-items:center;gap:8px;font-family:DM Serif Display,Georgia,serif;font-size:1.2rem;font-style:italic;display:flex}.accent-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .5s}.hint{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:9px;display:flex}.hint p{color:#1c1c1a5c;font-size:.88rem;font-weight:300}.hint-sub{color:#1c1c1a33!important;font-size:.7rem!important}.paused-badge{letter-spacing:.1em;color:#1c1c1a47;text-transform:uppercase;flex:1;justify-content:center;align-items:center;font-size:.72rem;font-weight:300;display:flex}.studio-footer{padding:20px 30px max(26px, env(safe-area-inset-bottom));pointer-events:all;justify-content:space-between;align-items:center;display:flex}.instr-bar{gap:24px;display:flex}.instr-btn{color:#1c1c1a47;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-bottom:1px solid #0000;padding:2px 0;font-family:DM Sans,system-ui,sans-serif;font-size:.78rem;font-weight:300}.instr-btn:hover{color:#1c1c1a8c}.instr-btn.active{color:#1c1c1a;border-bottom-color:var(--accent)}.controls{align-items:center;gap:20px;display:flex}.ctrl-btn{color:#1c1c1a47;cursor:pointer;letter-spacing:.03em;background:0 0;border:none;padding:2px 0;font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:400}.ctrl-btn:hover{color:#1c1c1aa6}@media (width<=640px){.studio-header{padding:16px 20px}.hint p{text-align:center;padding:0 24px;font-size:.82rem}.hint-sub{padding:0 24px;font-size:.64rem!important}.studio-footer{padding:12px 20px max(18px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:12px}.controls{align-self:flex-end}.instr-bar{gap:18px}.instr-btn{padding:8px 0;font-size:.76rem}.ctrl-btn{padding:8px 0}}.loading-screen{z-index:100;background:#fafaf8;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.loading-name{color:#1c1c1a;font-family:DM Serif Display,Georgia,serif;font-size:2.2rem;font-style:italic}.loading-label{color:#1c1c1a5c;font-size:.78rem;font-weight:300;animation:2s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.36}50%{opacity:.8}}