:root{--bg: var(--tg-theme-bg-color, #17212B);--secondary-bg: var(--tg-theme-secondary-bg-color, #0E1621);--text: var(--tg-theme-text-color, #F5F5F5);--hint: var(--tg-theme-hint-color, #708499);--link: var(--tg-theme-link-color, #6AB2F2);--btn: var(--tg-theme-button-color, #5288C1);--btn-text: var(--tg-theme-button-text-color, #FFFFFF);--section-bg: var(--tg-theme-section-bg-color, #1B2735);--accent: #6AB2F2;--red: #E06C75;--green: #6EC85A;--yellow: #E5C07B;--purple: #C678DD;--card: #242F3D;--sep: #101921;--bar: #17212B}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{height:var(--tg-viewport-stable-height, 100vh);display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative}.page-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:70px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--bar);border-top:1px solid var(--sep);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:1000}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--hint);font-size:10px;cursor:pointer;padding:4px 0;transition:color .15s;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{color:var(--accent)}.card{background:var(--card);border-radius:12px;padding:14px;margin:5px 16px}.progress-bar{background:var(--sep);border-radius:3px;height:6px;width:100%;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap}.btn-primary{background:var(--btn);color:var(--btn-text);border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;width:100%;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.section-header{padding:12px 16px 6px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}.bubble{padding:10px 14px;max-width:80%;font-size:14px;line-height:1.45}.bubble-ai{background:var(--section-bg);border-radius:4px 16px 16px}.bubble-user{background:var(--btn);border-radius:16px 4px 16px 16px}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loading-dots{display:flex;gap:4px;padding:10px 14px}.loading-dot{width:8px;height:8px;border-radius:4px;background:var(--hint)}.loading-dot:nth-child(1){animation:pulse 1.2s ease-in-out 0s infinite}.loading-dot:nth-child(2){animation:pulse 1.2s ease-in-out .2s infinite}.loading-dot:nth-child(3){animation:pulse 1.2s ease-in-out .4s infinite}