:root{--bg: #0c0d11;--panel: #15161d;--card: #1b1d25;--border: #2c2e3a;--text: #f1efe9;--muted: #9a9aa6;--accent: #f4c542;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;overflow:hidden;background:var(--bg)}#root{height:100dvh;width:100%}.app-shell{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.app-header,.app-bottom-nav{flex:none}.app-content{position:relative;flex:1;min-height:0;overflow:hidden}.app-content>.stage-fill{position:absolute;top:0;right:0;bottom:0;left:0}.app-content>.panel-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:14px}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg)}#loading-screen p{margin:0;font-size:14px;color:var(--muted)}h1,h2,h3,h4{line-height:1.2}button{border-radius:8px;border:1px solid var(--border);padding:6px 12px;font-size:13px;font-weight:600;font-family:inherit;background-color:var(--card);color:var(--text);cursor:pointer;transition:filter .15s,transform .05s}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-track{background:transparent}