@charset "UTF-8";:root{--tg-bg: #17212B;--tg-card: #232E3C;--tg-text: #FFFFFF;--tg-hint: rgba(255,255,255,.45);--tg-accent: #64B5F6;--tg-accent-text: #17212B;--tg-danger: #E53935;--tg-success: #66BB6A;--tg-warn: #FFB74D;--app-height: 100dvh;--safe-top: var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-bottom: var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--safe-left: var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px));--safe-right: var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px));--safe-top-2x: calc(2 * var(--safe-top));--nav-h: calc(56px + var(--safe-bottom))}@supports not (height: 100dvh){:root{--app-height: 100vh}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:var(--app-height);overflow:hidden}body{background:var(--tg-bg);color:var(--tg-text);font-family:system-ui,-apple-system,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}.card{background:var(--tg-card);border-radius:12px;padding:12px 14px}.chip{display:inline-block;background:#ffffff14;border-radius:20px;padding:4px 10px;font-size:13px;color:var(--tg-hint)}.chip--active{background:var(--tg-accent);color:var(--tg-accent-text)}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;background:#64b5f626;color:var(--tg-accent)}.pill-btn{display:block;width:100%;padding:12px 24px;border:none;border-radius:20px;background:var(--tg-accent);color:var(--tg-accent-text);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.pill-btn:active{opacity:.8}.pill-btn--outline{background:transparent;color:var(--tg-accent);border:1px solid var(--tg-accent)}.section-label{text-transform:uppercase;font-size:11px;color:var(--tg-hint);letter-spacing:.08em;margin-bottom:8px;font-weight:600;display:block}.avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tg-accent);color:var(--tg-accent-text);font-size:16px;font-weight:700;text-transform:uppercase;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--lg{width:72px;height:72px;font-size:28px}.xp-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.xp-fill{height:100%;background:linear-gradient(90deg,var(--tg-accent) 0%,#42A5F5 100%);border-radius:4px;transition:width .3s ease}