@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap";.app-root{background:radial-gradient(circle at 14% 20%,#3876bf3d,#0000 40%),radial-gradient(circle at 86% 82%,#3fa1872e,#0000 38%),linear-gradient(130deg,#040813 0%,#060d1f 54%,#050712 100%);min-height:100svh}.app-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040a16b8;border-bottom:1px solid #94bfee3d;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex;position:fixed;top:0;left:0;right:0}.brand-link{color:#ecf4ff;letter-spacing:.03em;white-space:nowrap;font-size:clamp(.92rem,1vw,1rem);font-weight:700;text-decoration:none}.scene-menu{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.scene-menu-item{color:#e5eeffe0;border:1px solid #89b1e05c;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;text-decoration:none;transition:border-color .2s,background .2s,color .2s}.scene-menu-item:hover{color:#f4ffff;border-color:#7cf5d0d9}.scene-menu-item-active{color:#ecfff9;background:#5fd3b82e;border-color:#7cf5d0d9}.home-page{color:#f0f5ff;min-height:100svh;padding:6rem clamp(1rem,5vw,3rem) 2rem}.home-hero{max-width:52rem}.home-hero h1{letter-spacing:.02em;margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.04}.home-hero p{color:#d6e2ffe6;max-width:42rem;margin:.95rem 0 0}.home-hero code{background:#1f3a5d80;border:1px solid #92bae94d;border-radius:.4rem;padding:.16rem .4rem}.scene-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:1.6rem;display:grid}.scene-card{background:#071224a6;border:1px solid #8ab4e742;border-radius:1rem;transition:transform .2s,border-color .2s;overflow:hidden}.scene-card:hover{border-color:#7cf5d0ad;transform:translateY(-2px)}.scene-card-link{color:inherit;text-decoration:none;display:block}.scene-thumb{object-fit:cover;width:100%;height:8.8rem;display:block}.scene-thumb-fallback{background:radial-gradient(circle at 30% 30%,#5abae666,#0000 45%),linear-gradient(130deg,#14253f 0%,#102238 44%,#122b2a 100%)}.scene-card-copy{padding:.9rem}.scene-card-copy h2{color:#eef6ff;margin:0;font-size:1.02rem}.scene-card-copy p{color:#d4e3ffe0;margin:.45rem 0 0;font-size:.86rem}.scene-card-copy span{color:#b9ccebf2;margin-top:.6rem;font-size:.72rem;display:inline-flex}.scene-page{min-height:100svh;position:relative;overflow:hidden}.scene-canvas-wrap{position:absolute;inset:0}.scene-canvas{width:100%;height:100%}.zoom-controls{z-index:3;pointer-events:auto;gap:.5rem;display:flex;position:absolute;bottom:1rem;right:clamp(.9rem,3.5vw,1.8rem)}.zoom-btn{color:#f3f9ff;cursor:pointer;background:#162c4abd;border:1px solid #95bdf073;border-radius:.75rem;padding:.5rem .75rem;font-size:.8rem;transition:border-color .2s,background .2s}.zoom-btn:hover{background:#263e5fd6;border-color:#7cf5d0e6}.scene-overlay{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:.9rem;min-height:100svh;padding:5.6rem clamp(.9rem,3.5vw,1.8rem) 1rem;display:flex;position:relative}.scene-meta{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061225ab;border:1px solid #9ec3ec52;border-radius:1rem;max-width:30rem;padding:1rem;box-shadow:0 18px 44px #00000061}.scene-meta h1{color:#f4fbff;margin:0;font-size:clamp(1.2rem,3vw,1.9rem);line-height:1.12}.scene-meta p{color:#dce7fde6;margin:.62rem 0 0}.scene-path{color:#c8dcfadb;word-break:break-all;font-size:.78rem}.scene-error{color:#ffc9c9;font-size:.82rem}.audio-panel{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#eff7ff;background:#061225bd;border:1px solid #9ec3ec52;border-radius:1rem;gap:.75rem;width:min(100%,25rem);padding:1rem;display:grid;box-shadow:0 18px 44px #0006}.audio-panel-head{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.audio-panel-head h3{margin:0;font-size:.98rem}.audio-action-row{gap:.7rem;display:flex}.control-btn{color:#f3f9ff;cursor:pointer;background:#162c4ab3;border:1px solid #95bdf073;border-radius:.75rem;flex:1;padding:.58rem .8rem;transition:border-color .2s,background .2s}.control-btn:hover{background:#263e5fd6;border-color:#7cf5d0e6}.range-group{color:#dce8ffe0;gap:.35rem;font-size:.84rem;display:grid}.range-group input[type=range]{accent-color:#67e2c1;width:100%}.audio-error{color:#ffc9c9;margin:.45rem 0 0;font-size:.75rem}.loading-pill{color:#d7fdf2;background:#51a69929;border:1px solid #6fdbbe5c;border-radius:999px;align-items:center;gap:.42rem;padding:.24rem .56rem;font-size:.72rem;display:inline-flex}.loading-pill-large{margin-top:.68rem}.loading-dot{background:#7cf3d0;border-radius:999px;width:.48rem;height:.48rem;animation:.96s ease-in-out infinite alternate pulse}.start-audio-btn{color:#e6fff9;cursor:pointer;background:#4ec0a52e;border:1px solid #7cf5d0d9;border-radius:.75rem;padding:.56rem .8rem}.not-found-page{text-align:center;color:#f0f5ff;place-items:center;min-height:100svh;padding:7rem 1rem 2rem;display:grid}.not-found-page h1{margin:0;font-size:clamp(2.2rem,7vw,4rem)}.not-found-page p{color:#d6e2ffe6;margin:.55rem 0 0}.primary-link{color:#dffcf4;border:1px solid #7cf5d0cc;border-radius:.75rem;margin-top:1rem;padding:.5rem .8rem;text-decoration:none}@keyframes pulse{0%{opacity:.54;transform:scale(.84)}to{opacity:1;transform:scale(1.2)}}@media (width<=980px){.app-header{position:static}.home-page{padding-top:1.5rem}.scene-overlay{flex-direction:column;justify-content:flex-end;align-items:stretch;padding-top:1rem}.zoom-controls{justify-content:flex-end;inset:1rem .9rem auto}.scene-meta,.audio-panel{width:100%;max-width:none}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#f0f5ff;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#040813;font-family:Sora,Avenir Next,Segoe UI,sans-serif}button,input{font:inherit}