*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:16px/1.5 system-ui,sans-serif;background:#02030a;color:white}.scene{position:relative;isolation:isolate;min-height:100vh;padding:56px 20px 20px;text-align:center;background:radial-gradient(circle at 50% 35%,#17204a,#070914 58%,#010207)}.scene::before{content:"";position:absolute;inset:0;z-index:0;background:rgba(0,0,0,.58);pointer-events:none}.content{position:relative;z-index:2;padding:8px 16px;max-width:500px;margin:0 auto;text-shadow:0 2px 18px #000}.content h1{font-size:clamp(1.2rem,3.5vw,2.2rem);margin:0;color:#ffe17e;line-height:1.15}.content p{margin:4px 0 0;font-size:clamp(.8rem,2vw,1rem);color:rgba(255,255,255,.7)}.panel{position:fixed;z-index:10001;right:16px;bottom:16px;width:min(440px,calc(100% - 32px));max-height:45vh;overflow:auto;background:rgba(3,4,14,.97);border:1px solid #39427c;border-radius:14px;padding:16px;box-shadow:0 14px 50px #000}.panel h2{font-size:1rem;margin:0 0 8px;color:#ffd65a}.panel pre{white-space:pre-wrap;margin:0;color:#dce9ff;font-size:12px}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.controls button,.controls input{border:1px solid #4b579c;background:#202854;color:white;border-radius:9px;padding:9px 12px}.controls button{cursor:pointer}.back-row{position:fixed;z-index:10002;left:14px;top:14px;display:flex;gap:6px;align-items:center}
.back-row .back{position:static;color:white;background:#080a19ee;border:1px solid #39427c;padding:8px 12px;border-radius:9px;text-decoration:none;font-size:13px}
.back-row .back:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.sound-btn{color:rgba(255,255,255,.6);background:#080a19ee;border:1px solid #39427c;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:13px;line-height:1}
.sound-btn:hover{color:#fff;border-color:rgba(255,255,255,.4)}.contained{position:relative;isolation:isolate;width:min(900px,90vw);height:520px;overflow:hidden;border:1px solid #5967b3;border-radius:28px;background:#05081d}.contained .grand-fireworks-content{position:relative;z-index:1;height:100%;display:grid;place-items:center;text-align:center;padding:30px;pointer-events:none}.contained.container-background-off{background:transparent}.scene.scene-overlay-off::before{display:none}.scene.scene-background-off{background:#02030a}.layer-panel{width:min(500px,calc(100% - 32px));max-height:64vh}.layer-status{margin:12px 0;padding:12px;border:1px solid #313969;border-radius:10px;background:#080a17;color:#dce9ff;font-size:13px}.layer-status dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 10px;margin:0 0 10px}.layer-status dt{color:#aab6e8}.layer-status dd{margin:0;color:#fff}.layer-status ol,.layer-status p{margin:6px 0 0;padding-left:22px}.layer-status p{padding-left:0}.layer-message{color:#ffd65a}