@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";:root{--app-bg: #0a0a0d;--stage-bg: #12121a;--surface: #1a1a24;--text-primary: #fefae0;--text-secondary: #a09080;--text-muted: #5a5550;--color-primary: #d4a373;--color-primary-rgb: 212, 163, 115;--color-primary-light: #e8c4a0;--color-accent: #bc6c25;--color-cyan: #5ac8fa;--color-clay: #606c38;--accent-color: var(--color-primary);--accent-bg: var(--surface);--input-bg: rgba(18, 18, 26, .9);--border-color: rgba(254, 250, 224, .08);--glass-border: rgba(212, 163, 115, .2);--glow-primary: 0 0 60px rgba(var(--color-primary-rgb), .3);--glow-amber: 0 4px 14px rgba(212, 163, 115, .2);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Inter", sans-serif;--font-mono: "Space Mono", monospace}html,body{height:100%;margin:0;padding:0;font-family:var(--font-sans);background-color:var(--app-bg);color:var(--text-primary);overflow:hidden}@media(max-width:1024px){html,body{overflow:auto;-webkit-overflow-scrolling:touch}}#root{height:100vh;width:100vw;display:flex;flex-direction:column}.immersive-app{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1500px;overflow:hidden}.creator-credit{position:fixed;top:24px;right:24px;z-index:1000;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-sans);text-decoration:none;font-weight:500;opacity:.6;transition:all .3s cubic-bezier(.16,1,.3,1);padding:8px 16px;border-radius:12px;background:#1a1a2e99;border:1px solid rgba(var(--color-primary-rgb),.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.creator-credit:hover{opacity:1;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}@media(max-width:1024px){.creator-credit{top:max(16px,env(safe-area-inset-top,16px));right:max(16px,env(safe-area-inset-right,16px));font-size:.75rem;padding:6px 12px;z-index:1000}}.stage-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.25,.8,.25,1)}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);opacity:1;transform:scale(1);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),visibility 0s linear .8s;z-index:0;animation:ambientFadeIn 1.5s ease-out forwards;padding:40px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes ambientFadeIn{0%{opacity:0}to{opacity:1}}.empty-state.fade-out{opacity:0;transform:scale(1.1);visibility:hidden;pointer-events:none}.empty-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:700px;margin-top:40px}.empty-content h1{display:none}.empty-content p{font-family:var(--font-sans);font-size:clamp(1rem,2vw,1.4rem);max-width:600px;line-height:1.6;margin:0;opacity:0;color:var(--text-secondary);animation:dramaticEntrance 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.5s}.surprise-button{margin-top:10px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--app-bg);padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;gap:8px;opacity:0;animation:dramaticEntrance 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.8s;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--glow-amber)}.surprise-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 0 30px rgba(var(--color-primary-rgb),.5)}.surprise-button:disabled{opacity:.5;cursor:not-allowed}@keyframes dramaticEntrance{0%{opacity:0;filter:blur(20px);transform:translateY(40px) scale(.95)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;background:#ff9f0a1a;border:1px solid rgba(255,159,10,.3);border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);font-family:var(--font-mono);opacity:0;animation:dramaticEntrance 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s}.badge-pulse{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.monolith-container{position:relative;transform-style:preserve-3d;animation:float 6s ease-in-out infinite;perspective:1200px;opacity:0;animation:float 6s ease-in-out infinite,dramaticEntrance 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.15s,.15s;margin:20px 0}.logo-3d{width:280px;height:100px;transform-style:preserve-3d;transform:rotateX(20deg) rotateY(30deg);transition:transform .3s ease-out}.slab{position:absolute;width:100%;height:100%;border:2px solid #333;background:#141414e6;box-shadow:inset 0 0 50px #000c;display:flex;align-items:center;justify-content:center;overflow:hidden}.slab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(212,163,115,.1) 2px,rgba(212,163,115,.1) 4px);opacity:.3}.front{transform:translateZ(25px);border-color:var(--color-primary)}.back{transform:translateZ(-25px) rotateY(180deg)}.right{transform:rotateY(90deg) translateZ(140px);width:50px}.left{transform:rotateY(-90deg) translateZ(140px);width:50px}.top{transform:rotateX(90deg) translateZ(50px);height:50px}.bottom{transform:rotateX(-90deg) translateZ(50px);height:50px}.mountain-cutout{font-family:var(--font-display);font-size:3.5rem;font-weight:900;color:transparent;-webkit-text-stroke:2px var(--color-primary);letter-spacing:8px;text-transform:uppercase}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-tagline{font-family:var(--font-display)!important;font-size:clamp(1.5rem,4vw,2.5rem)!important;font-weight:600!important;color:var(--text-primary)!important;margin:0!important;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(.95rem,2vw,1.15rem)!important;line-height:1.7!important;max-width:560px;color:var(--text-secondary)!important}.hero-hint{font-size:.8rem!important;color:var(--text-muted)!important;margin-top:-8px!important;opacity:0;animation:dramaticEntrance 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1s}.overview-section{margin-top:60px;width:100%;max-width:1000px;padding:0 20px;opacity:0;animation:dramaticEntrance 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.2s}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.overview-card{background:#1a1a2e80;border:1px solid var(--border-color);border-radius:16px;padding:24px 20px;text-align:center;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;cursor:pointer;transform-style:preserve-3d}.overview-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.5s;pointer-events:none}.overview-card:hover:before{left:100%}.overview-card:hover{background:#2d2d4499;border-color:#ff9f0a66;box-shadow:0 25px 50px -15px #0009,0 0 30px #ff9f0a1a}.overview-card .quartz-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%,rgba(255,255,255,.01) 100%);pointer-events:none;border-radius:16px}.overview-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--text-secondary)}.overview-icon svg{width:100%;height:100%}.overview-card h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.01em}.overview-card p{font-size:.8rem!important;line-height:1.5!important;color:var(--text-secondary)!important;margin:0!important;animation:none!important;opacity:1!important}.overview-cta{display:inline-flex;align-items:center;gap:8px;margin-top:32px;padding:12px 24px;background:transparent;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}.overview-cta:hover{color:var(--color-primary);border-color:var(--color-primary);background:#ff9f0a1a}.overview-cta span{transition:transform .3s ease}.overview-cta:hover span{transform:translate(4px)}@media(max-width:900px){.overview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.overview-section{margin-top:40px}.overview-grid{grid-template-columns:1fr;gap:12px}.overview-card{padding:20px 16px;display:flex;align-items:center;text-align:left;gap:16px}.overview-icon{width:40px;height:40px;margin:0;flex-shrink:0}.overview-card h3{font-size:.9rem;margin-bottom:4px}.overview-card p{font-size:.75rem!important}}.session-group{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s ease,filter .7s ease;transform-style:preserve-3d}.session-group.active-session{transform:translate(0) scale(1);opacity:1;z-index:10;pointer-events:auto}.session-group.past-session{transform:translate(-120%) translateZ(-300px);opacity:0;z-index:5;pointer-events:none}.session-group.future-session{transform:translate(120%) translateZ(-300px);opacity:0;z-index:5;pointer-events:none}.artifact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;width:95%;max-width:1600px;height:70vh;perspective:1000px;transition:all .6s cubic-bezier(.16,1,.3,1)}.stage-container.mode-focus .artifact-grid{pointer-events:none}.artifact-card{position:relative;background:#111;border-radius:12px;border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -10px #00000080;transform-origin:center center;pointer-events:auto}.artifact-header{padding:12px 16px;border-bottom:1px solid var(--border-color);background:#0003;display:flex;justify-content:center;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);transition:opacity .3s}.artifact-style-tag{background:#ffffff0d;padding:4px 8px;border-radius:4px}.artifact-card:hover{border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 20px 40px -10px #000000b3}.artifact-card-inner{flex:1;position:relative;background:#fff;width:100%;height:100%}.artifact-iframe{width:100%;height:100%;border:none;display:block;pointer-events:none}.stage-container.mode-focus .artifact-card{opacity:0;pointer-events:none;transform:scale(.8)}.stage-container.mode-focus .artifact-card.focused{position:fixed;top:50%;left:50%;width:90vw;max-width:1200px;height:85vh;transform:translate(-50%,-50%);z-index:100;opacity:1;pointer-events:auto;box-shadow:0 50px 100px -20px #000c;border-color:#ffffff1a;cursor:default}.stage-container.mode-focus{perspective:none!important}.stage-container.mode-focus .session-group.active-session{transform:none!important;transform-style:flat!important}.stage-container.mode-focus .artifact-grid{transform:none!important;perspective:none!important}.stage-container.mode-focus .artifact-card.focused .artifact-header{display:none}.stage-container.mode-focus .artifact-card.focused .artifact-iframe{pointer-events:auto}.artifact-card.generating{border-color:var(--accent-color);box-shadow:0 0 20px #ffffff1a}.generating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#000000e6;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.code-stream-preview{margin:0;padding:20px;color:#4ade80;font-family:Roboto Mono,monospace;font-size:11px;line-height:1.4;white-space:pre-wrap;word-break:break-all;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%);mask-image:linear-gradient(to bottom,transparent,black 20%);opacity:.9}.mobile-inline-input{display:none;width:100%;max-width:500px;margin-top:16px}.floating-input-container{position:fixed;bottom:30px;left:0;right:0;width:100%;display:flex;justify-content:center;z-index:100;padding:0 20px;box-sizing:border-box;pointer-events:none}.stage-container.mode-fullscreen~.floating-input-container,body:has(.stage-container.mode-fullscreen) .floating-input-container{display:none!important}.input-wrapper{pointer-events:auto;width:100%;max-width:600px;background:var(--input-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:999px;padding:8px 8px 8px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px -5px #0000004d;transition:all .3s ease;position:relative;overflow:hidden}.input-wrapper:focus-within{border-color:#ffffff4d;box-shadow:0 20px 40px -10px #00000080;transform:translateY(-2px)}.animated-placeholder{position:absolute;left:24px;color:var(--text-secondary);opacity:.7;pointer-events:none;animation:placeholderSlideUp .5s cubic-bezier(.2,.8,.2,1) forwards;white-space:nowrap;overflow:hidden;display:flex;align-items:center;gap:12px;right:60px}.placeholder-text{text-overflow:ellipsis;overflow:hidden}.tab-hint{font-size:.7rem;text-transform:uppercase;background:#ffffff1a;padding:2px 6px;border-radius:4px;font-weight:600;opacity:.6}@keyframes placeholderSlideUp{0%{opacity:0;transform:translateY(10px);filter:blur(5px)}to{opacity:.7;transform:translateY(0);filter:blur(0)}}.input-wrapper.loading{border-color:transparent;box-shadow:0 0 25px -5px #ffffff4d}.input-wrapper.loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmerMove 2s infinite linear;pointer-events:none}@keyframes shimmerMove{0%{transform:translate(0)}to{transform:translate(200%)}}.input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1rem;font-family:var(--font-sans)}.input-wrapper input::placeholder{color:transparent}.input-generating-label{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary);overflow:hidden;padding-right:8px}.generating-prompt-text{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8;animation:pulseText 1.5s infinite alternate ease-in-out}.input-generating-label .spin-icon{animation:spin 1s linear infinite;font-size:1.2rem;flex-shrink:0}@keyframes pulseText{0%{opacity:.4;transform:translate(0)}to{opacity:1;transform:translate(2px)}}.send-button{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--app-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;z-index:2;box-shadow:var(--glow-amber)}.send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 20px rgba(var(--color-primary-rgb),.6)}.send-button:disabled{background:var(--surface);color:var(--text-muted);cursor:not-allowed;opacity:.5;box-shadow:none}.action-bar{position:absolute;bottom:100px;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(20px);transition:all .4s ease-out .2s;z-index:90;pointer-events:none}.action-bar.visible{opacity:1;transform:translateY(0)}.active-prompt-label{color:var(--text-secondary);font-size:.9rem;background:#00000080;padding:6px 12px;border-radius:20px;max-width:80vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.action-buttons{display:flex;gap:12px;pointer-events:auto}.action-buttons button{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:999px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 12px #0003}.action-buttons button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.action-buttons .build-button{background:linear-gradient(135deg,#ff9f0a,#ffd080);border:none;color:var(--app-bg);font-weight:600;box-shadow:var(--glow-amber)}.action-buttons .build-button:hover{background:linear-gradient(135deg,#ffb940,#ff9f0a);transform:translateY(-2px);box-shadow:0 6px 20px #ff9f0a80}.nav-handle{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);padding:20px;cursor:pointer;z-index:80;opacity:0;transition:opacity .3s ease,color .2s ease}.immersive-app:hover .nav-handle{opacity:.5}.nav-handle:hover{opacity:1!important;color:var(--text-primary)}.nav-handle.left{left:10px}.nav-handle.right{right:10px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;justify-content:flex-end}.drawer-content{width:100%;max-width:420px;background:#09090bd9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;animation:slideInRight .4s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 50px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border)}.drawer-header h2{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.close-button{background:#ffffff1a;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .2s}.close-button:hover{background:#fff3;color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:24px}.sexy-grid{display:flex;flex-direction:column;gap:24px}.sexy-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative}.sexy-card:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffff40;box-shadow:0 15px 30px -10px #00000080}.sexy-preview{height:220px;background:#000;position:relative;overflow:hidden}.sexy-preview iframe{width:400%;height:400%;border:none;pointer-events:none;transform:scale(.25);transform-origin:top left}.sexy-label{padding:16px;text-align:center;font-weight:500;color:var(--text-primary);background:#0003;border-top:1px solid var(--glass-border);font-size:.95rem}.sexy-card:hover .sexy-label{color:#fff;background:#ffffff0d}.code-block{background:#0000004d;padding:20px;border-radius:12px;overflow-x:hidden;font-family:Roboto Mono,monospace;font-size:.85rem;color:#e5e5e5;border:1px solid var(--glass-border);margin:0;white-space:pre-wrap;word-break:break-word}.loading-state{color:var(--text-secondary);display:flex;align-items:center;gap:12px;justify-content:center;padding:60px 0;font-size:1.1rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.creator-credit.hide-on-mobile{display:none!important}.immersive-app{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:auto;min-height:100vh}.stage-container{position:relative;min-height:100vh;height:auto;padding-bottom:40px}.empty-state{position:relative;min-height:100vh;height:auto;padding:80px 20px 100px;overflow-y:visible;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.empty-content{margin-top:20px;gap:20px;padding:0 16px;max-width:100%;width:100%}.mobile-inline-input{display:block;width:100%;max-width:100%;margin-top:20px}.mobile-inline-input .input-wrapper{max-width:100%}.floating-input-container{display:none}.stage-container:not(.mode-empty) .floating-input-container{display:flex;bottom:20px}.stage-container:not(.mode-empty) .action-bar{bottom:160px}#root{height:auto;min-height:100vh;overflow:visible}body{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}html{overscroll-behavior-y:contain}button,a,input{touch-action:manipulation}.artifact-grid{grid-template-columns:1fr;height:auto;max-height:none;overflow-y:visible;display:flex;flex-direction:column;padding:40px 16px 140px;width:100%;box-sizing:border-box;gap:20px}.stage-container.mode-focus .artifact-grid{overflow-y:hidden!important;pointer-events:none;height:100vh}.artifact-card{min-height:350px;flex-shrink:0}.stage-container.mode-focus .artifact-card.focused{width:92vw;height:65vh;top:40%;left:50%;transform:translate(-50%,-40%)!important}.stage-container.mode-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:var(--app-bg);overflow:hidden}.stage-container.mode-fullscreen .artifact-card.focused{width:100vw;height:100vh;max-width:100vw;max-height:100vh;top:50%;left:50%;transform:translate(-50%,-50%)!important;border-radius:0;border:none;box-shadow:none}.stage-container.mode-fullscreen .artifact-card.focused .artifact-header{display:none}.stage-container.mode-fullscreen .artifact-card.focused .artifact-iframe{border-radius:0}.fullscreen-controls{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;display:flex;justify-content:space-between;align-items:flex-start;padding:max(12px,env(safe-area-inset-top,12px)) max(16px,env(safe-area-inset-right,16px)) 12px max(16px,env(safe-area-inset-left,16px));background:linear-gradient(180deg,rgba(15,15,26,.95) 0%,rgba(15,15,26,.7) 15%,transparent 30%,transparent 100%);pointer-events:none}.fullscreen-exit-btn,.fullscreen-back-btn,.fullscreen-build-btn{pointer-events:auto;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 14px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.9rem;font-weight:500;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.fullscreen-exit-btn{padding:10px;border-radius:50%;width:44px;height:44px;justify-content:center;background:#ff9f0a26;border-color:#ff9f0a4d;color:#ff9f0a}.fullscreen-back-btn{background:#ffffff14;color:var(--text-primary)}.fullscreen-build-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-color:var(--color-primary);color:var(--app-bg);font-weight:600;box-shadow:0 4px 20px #d4a3734d;position:absolute;bottom:max(100px,calc(env(safe-area-inset-bottom,20px) + 80px));left:50%;transform:translate(-50%);padding:14px 28px;font-size:1rem;border-radius:50px}.fullscreen-exit-btn:hover,.fullscreen-back-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.fullscreen-build-btn:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 30px #d4a37380}.fullscreen-build-btn:active{transform:translate(-50%) scale(.98)}.fullscreen-exit-btn:hover{background:#ff9f0a40;border-color:#ff9f0a80;box-shadow:0 0 20px #ff9f0a4d}.fullscreen-exit-btn svg,.fullscreen-back-btn svg,.fullscreen-build-btn svg{width:20px;height:20px;flex-shrink:0}.action-bar.fullscreen-hidden{display:none!important}.action-bar{bottom:140px;width:100%;gap:8px;position:fixed;left:0;right:0;z-index:90}.action-buttons{flex-wrap:wrap;justify-content:center}.input-wrapper{max-width:100%}.sexy-preview{height:160px}.sexy-preview iframe{width:1000px;height:640px;transform:scale(.16)}.hero-tagline{font-size:clamp(1.3rem,5vw,2rem)!important}.hero-subtitle{font-size:.95rem!important;padding:0 10px}.overview-section{display:block;margin-top:30px;padding:0 8px 40px}.overview-cta{margin-top:24px;padding:10px 20px;font-size:.85rem}.nav-handle{display:none}}@media(max-width:768px){.empty-state{padding:80px 20px 120px;padding-top:max(80px,calc(env(safe-area-inset-top,0px) + 60px))}.empty-content{margin-top:20px;gap:18px}.monolith-container{margin:20px 0 15px}.logo-3d{width:240px;height:85px}.mountain-cutout{font-size:2.8rem;letter-spacing:6px;-webkit-text-stroke:1.5px var(--color-primary)}.right,.left{width:42px}.right{transform:rotateY(90deg) translateZ(120px)}.left{transform:rotateY(-90deg) translateZ(120px)}.hero-badge{font-size:.6rem;padding:6px 12px;gap:8px;letter-spacing:.12em}.badge-pulse{width:6px;height:6px}.hero-tagline{font-size:clamp(1.2rem,5vw,1.8rem)!important;margin-top:8px}.hero-subtitle{font-size:.9rem!important;line-height:1.6!important;padding:0 12px}.overview-section{margin-top:40px;padding:0 12px 60px}.surprise-button{padding:12px 24px;font-size:.95rem}.hero-hint{font-size:.75rem!important}.drawer-content{max-width:100%}.drawer-header,.drawer-body{padding:16px}.action-buttons button{padding:6px 12px;font-size:.8rem;gap:6px}.active-prompt-label{font-size:.8rem;padding:5px 10px}.floating-input-container{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));bottom:20px}.stage-container:not(.mode-empty) .floating-input-container{display:flex}.stage-container:not(.mode-empty) .action-bar{bottom:150px}.input-wrapper{border-radius:28px;padding:6px 6px 6px 18px}}@media(max-width:480px){html,body{font-size:14px;overflow:auto;-webkit-overflow-scrolling:touch}.empty-state{padding:max(60px,calc(env(safe-area-inset-top,0px) + 40px)) 16px 130px;padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}.empty-content{margin-top:20px;gap:16px;padding:0 12px}.creator-credit{top:max(12px,env(safe-area-inset-top,12px));right:max(12px,env(safe-area-inset-right,12px));font-size:.7rem;padding:5px 10px}.monolith-container{margin:15px 0 10px;transform-style:preserve-3d}.logo-3d{width:180px;height:65px;transform:rotateX(15deg) rotateY(25deg)}.mountain-cutout{font-size:2rem;letter-spacing:3px;-webkit-text-stroke:1px var(--color-primary)}.slab{border-width:1px}.front{transform:translateZ(18px)}.back{transform:translateZ(-18px) rotateY(180deg)}.right,.left{width:30px}.right{transform:rotateY(90deg) translateZ(90px)}.left{transform:rotateY(-90deg) translateZ(90px)}.top{transform:rotateX(90deg) translateZ(32px);height:36px}.bottom{transform:rotateX(-90deg) translateZ(32px);height:36px}.hero-badge{font-size:.55rem;padding:5px 10px;gap:6px;letter-spacing:.1em}.badge-pulse{width:5px;height:5px}.hero-tagline{font-size:1.1rem!important;letter-spacing:-.01em}.hero-subtitle{font-size:.85rem!important;line-height:1.5!important;padding:0 5px}.surprise-button{padding:10px 20px;font-size:.9rem;border-radius:10px}.hero-hint{font-size:.7rem!important;margin-top:-4px!important}.overview-section{margin-top:30px;padding:0 8px}.overview-grid{gap:10px}.overview-card{padding:16px 12px;gap:12px;border-radius:12px}.overview-card .overview-icon{width:36px;height:36px}.overview-card h3{font-size:.85rem}.overview-card p{font-size:.7rem!important;line-height:1.4!important}.overview-cta{margin-top:20px;padding:10px 18px;font-size:.8rem}.floating-input-container{padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));bottom:15px}.stage-container:not(.mode-empty) .floating-input-container{display:flex}.stage-container:not(.mode-empty) .action-bar{bottom:140px}.input-wrapper{padding:5px 5px 5px 14px;gap:6px;border-radius:24px}.input-wrapper input{font-size:.9rem;min-width:0}.send-button{width:34px;height:34px;flex-shrink:0}.animated-placeholder{left:14px;right:50px;font-size:.8rem}.tab-hint{display:none}.action-bar{bottom:120px;gap:6px}.action-buttons{gap:8px}.action-buttons button{padding:5px 10px;font-size:.75rem;gap:4px}.action-buttons button svg{width:14px;height:14px}.active-prompt-label{font-size:.75rem;padding:4px 8px;max-width:90vw}.artifact-card{min-height:280px}.artifact-header{padding:8px 12px;font-size:.7rem}.stage-container.mode-focus .artifact-card.focused{width:95vw;height:60vh;top:38%}.stage-container.mode-fullscreen .artifact-card.focused{width:100vw;height:100vh;max-width:100vw;max-height:100vh;top:50%;left:50%;transform:translate(-50%,-50%)!important;border-radius:0}.fullscreen-controls{padding:max(10px,env(safe-area-inset-top,10px)) max(12px,env(safe-area-inset-right,12px)) 10px max(12px,env(safe-area-inset-left,12px))}.fullscreen-exit-btn,.fullscreen-back-btn,.fullscreen-build-btn{padding:8px 12px;font-size:.85rem}.fullscreen-exit-btn{width:40px;height:40px;padding:8px}.fullscreen-build-btn{padding:12px 24px;font-size:.95rem;bottom:max(90px,calc(env(safe-area-inset-bottom,20px) + 70px))}.fullscreen-exit-btn svg,.fullscreen-back-btn svg,.fullscreen-build-btn svg{width:18px;height:18px}.creator-credit{top:12px;right:12px;font-size:.65rem;padding:4px 8px}}@media(max-width:360px){.logo-3d{width:160px;height:55px}.mountain-cutout{font-size:1.7rem;letter-spacing:2px}.right,.left{width:25px}.right{transform:rotateY(90deg) translateZ(80px)}.left{transform:rotateY(-90deg) translateZ(80px)}.hero-tagline{font-size:1rem!important}.hero-subtitle{font-size:.8rem!important}.surprise-button{padding:9px 18px;font-size:.85rem}.overview-card{padding:14px 10px;gap:10px}.overview-card .overview-icon{width:32px;height:32px}.overview-card h3{font-size:.8rem}.overview-card p{font-size:.65rem!important}}@media(max-height:500px)and (orientation:landscape){.empty-state{padding:20px 20px 100px}.empty-content{margin-top:0;gap:10px}.monolith-container{margin:5px 0}.logo-3d{width:200px;height:60px}.mountain-cutout{font-size:2rem}.hero-tagline{font-size:1.2rem!important}.hero-subtitle{font-size:.85rem!important}.overview-section{margin-top:20px}.overview-grid{grid-template-columns:repeat(2,1fr)}.floating-input-container{bottom:10px}.stage-container.mode-fullscreen~.floating-input-container{display:none!important}}@supports (padding: max(0px)){.empty-state{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(90px,calc(env(safe-area-inset-bottom) + 70px))}.floating-input-container{padding-bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.action-bar{bottom:max(140px,calc(env(safe-area-inset-bottom) + 120px))}}@media(pointer:coarse){.send-button{min-width:44px;min-height:44px}.action-buttons button{min-height:40px}.overview-card{min-height:60px}.nav-handle,.close-button{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.monolith-container{animation:dramaticEntrance 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes float{0%,to{transform:translateY(0)}}.badge-pulse{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}