:root{--bg: var(--tg-theme-bg-color, #17212b);--secondary-bg: var(--tg-theme-secondary-bg-color, #232e3c);--text: var(--tg-theme-text-color, #f5f5f5);--hint: var(--tg-theme-hint-color, #8a9aa9);--link: var(--tg-theme-link-color, #6ab3f3);--button: var(--tg-theme-button-color, #5288c1);--button-text: var(--tg-theme-button-text-color, #ffffff);--section-separator: var(--tg-theme-section-separator-color, #0d1620)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom)}#app{display:flex;flex-direction:column;min-height:100vh}.tab-content{flex:1;padding:16px}.tab-bar{position:sticky;bottom:0;display:flex;border-top:1px solid var(--section-separator);background:var(--secondary-bg)}.tab-bar button{flex:1;appearance:none;border:none;background:transparent;color:var(--hint);font-size:13px;padding:12px 4px calc(12px + env(safe-area-inset-bottom));cursor:pointer}.tab-bar button.active{color:var(--link);font-weight:600}h1,h2{margin:0 0 12px}h1{font-size:22px}h2{font-size:17px}.hint{color:var(--hint)}.card{background:var(--secondary-bg);border-radius:12px;padding:16px;margin-bottom:12px}.btn{appearance:none;border:none;border-radius:10px;background:var(--button);color:var(--button-text);font-size:16px;font-weight:600;padding:14px 20px;width:100%;cursor:pointer}.btn[disabled]{opacity:.55;cursor:not-allowed}.placeholder-tab{text-align:center;padding:48px 16px;color:var(--hint)}.empty-list{color:var(--hint);text-align:center;padding:24px;border:1px dashed var(--section-separator);border-radius:12px}.error{color:#ff6b6b;padding:16px}