:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg-secondary: var(--tg-theme-secondary-bg-color, #f2f3f5);--text: var(--tg-theme-text-color, #111111);--hint: var(--tg-theme-hint-color, #6b7280);--accent: var(--tg-theme-button-color, #2481cc);--accent-text: var(--tg-theme-button-text-color, #ffffff);--gutter: 16px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: var(--tg-theme-bg-color, #17212b);--bg-secondary: var(--tg-theme-secondary-bg-color, #232e3c);--text: var(--tg-theme-text-color, #f5f5f5);--hint: var(--tg-theme-hint-color, #8b98a5)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}.app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.header{padding:16px var(--gutter) 8px}.header h1{margin:0;font-size:22px;font-weight:700}.tabs{display:flex;gap:8px;padding:8px var(--gutter);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:8px 14px;border:0;border-radius:999px;background:var(--bg-secondary);color:var(--text);font:inherit;font-size:14px;cursor:pointer}.tab-active{background:var(--accent);color:var(--accent-text)}.content{flex:1;padding:16px var(--gutter)}.content h2{margin:0 0 8px;font-size:18px}.muted{margin:0;color:var(--hint)}