:root{--bg: var(--tg-theme-bg-color, #1c1c1e);--text: var(--tg-theme-text-color, #fff);--hint: var(--tg-theme-hint-color, #8e8e93);--accent: var(--tg-theme-button-color, #2481cc);--accent-text: var(--tg-theme-button-text-color, #fff);--secondary: var(--tg-theme-secondary-bg-color, #2c2c2e);--destructive: var(--tg-theme-destructive-text-color, #ff453a)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.header{padding:16px 16px 8px}.header h1{margin:0;font-size:1.25rem}.header p{margin:4px 0 0;color:var(--hint);font-size:.875rem}.tabs{display:flex;gap:8px;padding:0 16px 12px;overflow-x:auto}.tab{border:none;background:var(--secondary);color:var(--text);padding:8px 14px;border-radius:999px;font-size:.875rem;cursor:pointer}.tab.active{background:var(--accent);color:var(--accent-text)}#content{padding:0 16px 24px}.card{background:var(--secondary);border-radius:12px;padding:14px;margin-bottom:12px}.card h2{margin:0 0 8px;font-size:1rem}.card p{margin:0 0 8px;line-height:1.45;font-size:.9375rem}.card .meta{color:var(--hint);font-size:.8125rem}.rank{display:flex;gap:10px;align-items:flex-start}.rank-num{min-width:24px;height:24px;border-radius:999px;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:.8125rem;font-weight:600}.actions{display:flex;gap:8px;margin-top:10px}.btn{border:none;border-radius:8px;padding:8px 12px;font-size:.875rem;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-secondary{background:transparent;color:var(--hint);border:1px solid var(--hint)}.btn-danger{background:transparent;color:var(--destructive);border:1px solid var(--destructive)}.empty,.error{color:var(--hint);padding:24px 0;text-align:center}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:.75rem;margin-bottom:8px}