:root{color-scheme:dark;--bg-top: #0b1220;--bg-bottom: #050913;--panel: rgba(10, 18, 31, .92);--panel-border: rgba(133, 173, 204, .18);--text-main: #eef6ff;--text-muted: #95afc4;--accent: #c3e6ff;--accent-2: #4687b4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Bahnschrift,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(60,98,136,.16),transparent 28%),linear-gradient(180deg,#ffffff04,#fff0),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:var(--text-main)}body{display:flex;align-items:stretch;justify-content:center;overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 120px #00000052}#app-shell{width:min(100vw,1120px);min-height:100vh;position:relative;padding:24px 24px 18px;display:flex;flex-direction:column;gap:14px}#app-shell:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:20px;border:1px solid rgba(255,255,255,.04);pointer-events:none}#app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 14%)}#app{flex:1;min-height:0;position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(133,173,204,.15);background:linear-gradient(180deg,#08101cf0,#050a12fa);box-shadow:inset 0 1px #ffffff09,0 18px 44px #00000047}#app:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(255,255,255,.03);border-radius:14px;pointer-events:none}#app canvas{display:block;width:100%;height:100%}@media(max-width:900px){#app-shell{padding:14px 14px 12px;gap:12px}#app{border-radius:18px}}@media(max-width:520px){body:after,#app-shell:before{display:none}#app-shell{padding:10px 10px 8px}}