*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-theme-bg-color, #1a1a1a);color:var(--tg-theme-text-color, #ffffff);line-height:1.6;overflow-x:hidden}.app{min-height:100vh;padding:16px;max-width:100%}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:12px 0}.user-info{display:flex;align-items:center;gap:12px}.avatar{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--tg-theme-button-color, #2481cc);border-radius:50%}.user-details h2{font-size:18px;font-weight:600;margin-bottom:4px}.chapter{font-size:14px;color:var(--tg-theme-hint-color, #999999)}.refresh-btn,.back-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;color:var(--tg-theme-text-color, #ffffff)}.refresh-btn:hover,.back-btn:hover{background:var(--tg-theme-secondary-bg-color, #2a2a2a)}.level-card{background:var(--tg-theme-secondary-bg-color, #2a2a2a);border-radius:16px;padding:20px;margin-bottom:24px}.level-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.level{font-size:16px;font-weight:600}.xp{font-size:14px;color:var(--tg-theme-hint-color, #999999)}.progress-bar{width:100%;height:8px;background:var(--tg-theme-bg-color, #1a1a1a);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--tg-theme-button-color, #2481cc);transition:width .3s ease}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.stat-card{background:var(--tg-theme-secondary-bg-color, #2a2a2a);border-radius:12px;padding:16px;text-align:center}.stat-icon{font-size:24px;margin-bottom:8px}.stat-value{font-size:18px;font-weight:600;margin-bottom:4px}.stat-label{font-size:12px;color:var(--tg-theme-hint-color, #999999)}.tips-section{margin-bottom:24px}.tips-section h3{font-size:16px;margin-bottom:12px}.tip-card{background:var(--tg-theme-secondary-bg-color, #2a2a2a);border-radius:12px;padding:16px}.tip-card p{font-size:14px;line-height:1.5}.nav-buttons{display:flex;gap:12px;margin-bottom:24px}.nav-btn{flex:1;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-btn.primary{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff)}.nav-btn.secondary{background:var(--tg-theme-secondary-bg-color, #2a2a2a);color:var(--tg-theme-text-color, #ffffff)}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.pro-badge{position:fixed;top:16px;right:16px;background:linear-gradient(45deg,#ffd700,#ffed4e);color:#000;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.log-screen{min-height:100vh;padding:16px}.type-selector{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.type-btn{background:var(--tg-theme-secondary-bg-color, #2a2a2a);border:none;border-radius:8px;padding:12px 16px;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.type-btn.active{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff)}.log-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.number-input{display:flex;align-items:center;gap:12px}.number-input button{background:var(--tg-theme-secondary-bg-color, #2a2a2a);border:none;border-radius:8px;width:40px;height:40px;font-size:18px;cursor:pointer;color:var(--tg-theme-text-color, #ffffff)}.number-input input{flex:1;background:var(--tg-theme-secondary-bg-color, #2a2a2a);border:none;border-radius:8px;padding:12px;font-size:16px;text-align:center;color:var(--tg-theme-text-color, #ffffff)}.mood-selector{display:flex;gap:8px;justify-content:center}.mood-btn{background:var(--tg-theme-secondary-bg-color, #2a2a2a);border:none;border-radius:8px;width:48px;height:48px;font-size:24px;cursor:pointer;transition:all .2s ease}.mood-btn.active{background:var(--tg-theme-button-color, #2481cc);transform:scale(1.1)}textarea{width:100%;background:var(--tg-theme-secondary-bg-color, #2a2a2a);border:none;border-radius:8px;padding:12px;font-size:14px;color:var(--tg-theme-text-color, #ffffff);resize:vertical;min-height:100px}.char-count{text-align:right;font-size:12px;color:var(--tg-theme-hint-color, #999999);margin-top:4px}.message{padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.message.success{background:rgba(76,175,80,.2);color:#4caf50}.message.error{background:rgba(244,67,54,.2);color:#f44336}.submit-btn{width:100%;background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.today-screen{min-height:100vh;padding:16px}.progress-section{margin-bottom:24px}.progress-section h3{font-size:16px;margin-bottom:16px}.progress-cards{display:flex;flex-direction:column;gap:16px}.progress-card{background:var(--tg-theme-secondary-bg-color, #2a2a2a);border-radius:12px;padding:16px}.progress-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.progress-icon{font-size:20px}.progress-label{flex:1;font-size:14px;font-weight:600}.progress-value{font-size:14px;font-weight:600}.progress-target{font-size:12px;color:var(--tg-theme-hint-color, #999999);margin-top:8px}.progress-fill.sleep{background:#4caf50}.progress-fill.steps{background:#2196f3}.progress-fill.screen{background:#ff9800}.mood-display{text-align:center;font-size:16px;font-weight:600;padding:12px;background:var(--tg-theme-bg-color, #1a1a1a);border-radius:8px}.summary-section{margin-bottom:24px}.summary-section h3{font-size:16px;margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.summary-item{background:var(--tg-theme-secondary-bg-color, #2a2a2a);border-radius:12px;padding:16px;text-align:center}.summary-value{font-size:18px;font-weight:600;margin-bottom:4px}.summary-label{font-size:12px;color:var(--tg-theme-hint-color, #999999)}.tips-list{display:flex;flex-direction:column;gap:8px}.tip-item{display:flex;gap:8px;align-items:flex-start}.tip-bullet{color:var(--tg-theme-button-color, #2481cc);font-weight:700}.tip-text{font-size:14px;line-height:1.5}.quick-actions{margin-top:24px}.action-btn{width:100%;background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--tg-theme-bg-color, #1a1a1a)}.loading-content{text-align:center}.loading-fox{font-size:64px;margin-bottom:16px;animation:bounce 2s infinite}.loading-text{font-size:18px;margin-bottom:24px;color:var(--tg-theme-text-color, #ffffff)}.loading-spinner{display:flex;justify-content:center}.spinner{width:32px;height:32px;border:3px solid var(--tg-theme-secondary-bg-color, #2a2a2a);border-top:3px solid var(--tg-theme-button-color, #2481cc);border-radius:50%;animation:spin 1s linear infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--tg-theme-bg-color, #1a1a1a);padding:16px}.error-content{text-align:center;max-width:300px}.error-icon{font-size:48px;margin-bottom:16px}.error-content h2{font-size:20px;margin-bottom:12px}.error-message{font-size:14px;color:var(--tg-theme-hint-color, #999999);margin-bottom:24px;line-height:1.5}.retry-btn{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media (max-width: 480px){.app,.log-screen,.today-screen{padding:12px}.stats-grid,.summary-grid{grid-template-columns:1fr}.type-selector{gap:6px}.type-btn{padding:10px 12px;font-size:13px}}.ai-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding:0 16px}.ai-tab{flex:1;min-width:80px;padding:12px 8px;border:none;border-radius:12px;background:var(--tg-theme-secondary-bg-color, #f0f0f0);color:var(--tg-theme-text-color, #000);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ai-tab.active{background:var(--tg-theme-button-color, #007aff);color:var(--tg-theme-button-text-color, #fff)}.ai-tab:hover:not(.active){background:var(--tg-theme-hint-color, #999);color:var(--tg-theme-bg-color, #fff)}.ai-tab-content{padding:0 16px;margin-bottom:20px}.ai-description{color:var(--tg-theme-hint-color, #666);font-size:14px;line-height:1.4;margin-bottom:16px;text-align:center}.ai-button{width:100%;padding:16px;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.ai-button.primary{background:var(--tg-theme-button-color, #007aff);color:var(--tg-theme-button-text-color, #fff)}.ai-button:disabled{opacity:.6;cursor:not-allowed}.ai-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ai-input,.ai-textarea{width:100%;padding:16px;border:2px solid var(--tg-theme-hint-color, #ddd);border-radius:16px;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #000);font-size:16px;margin-bottom:16px;resize:vertical;transition:border-color .2s ease}.ai-input:focus,.ai-textarea:focus{outline:none;border-color:var(--tg-theme-button-color, #007aff)}.ai-input::placeholder,.ai-textarea::placeholder{color:var(--tg-theme-hint-color, #999)}.ai-result{margin:20px 16px;padding:20px;background:var(--tg-theme-secondary-bg-color, #f8f9fa);border-radius:16px;border-left:4px solid var(--tg-theme-button-color, #007aff)}.ai-result h3{margin:0 0 12px;color:var(--tg-theme-text-color, #000);font-size:18px;font-weight:600}.ai-result-content{color:var(--tg-theme-text-color, #000);font-size:14px;line-height:1.6}.ai-result-content p{margin:0 0 8px}.ai-result-content p:last-child{margin-bottom:0}@media (max-width: 480px){.ai-tabs{gap:4px}.ai-tab{min-width:70px;padding:10px 6px;font-size:12px}.ai-button,.ai-input,.ai-textarea{padding:14px;font-size:15px}}