:root{--tg-bg: var(--tg-theme-bg-color, #ffffff);--tg-secondary: var(--tg-theme-secondary-bg-color, #f1f1f1);--tg-text: var(--tg-theme-text-color, #222222);--tg-hint: var(--tg-theme-hint-color, #8e8e93);--tg-link: var(--tg-theme-link-color, #007aff);--tg-button: var(--tg-theme-button-color, #007aff);--tg-button-text: var(--tg-theme-button-text-color, #ffffff);--menu-icon-bg: #1e3a6e;--radius-card: 16px;--radius-btn: 12px;--nav-height: 72px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overscroll-behavior:none}body{font-family:var(--font);background:var(--tg-bg);color:var(--tg-text);font-size:16px;line-height:1.5}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto}.page{flex:1;overflow-y:auto;padding:0 0 calc(var(--nav-height) + 8px)}.page-header{display:flex;align-items:center;padding:14px 16px 4px}.back-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--tg-button);font-size:16px;font-family:var(--font);padding:4px 0;transition:opacity .15s}.back-btn:active{opacity:.6}.back-btn svg{width:20px;height:20px;stroke-width:2.2}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background:var(--tg-bg);border-top:1px solid color-mix(in srgb,var(--tg-hint) 20%,transparent);display:flex;align-items:center;justify-content:space-around;padding:0 8px env(safe-area-inset-bottom,8px);z-index:100}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;background:none;border:none;cursor:pointer;color:var(--tg-hint);font-size:10px;font-family:var(--font);transition:color .15s}.nav-btn.active{color:var(--tg-button)}.nav-btn svg{width:24px;height:24px;stroke-width:1.8}.hero-card{margin:16px;background:var(--tg-button);border-radius:var(--radius-card);padding:24px 20px;color:#fff;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff14}.hero-username{font-size:14px;opacity:.85;margin-bottom:10px}.hero-balance-row{display:flex;align-items:center;gap:10px}.hero-balance{font-size:42px;font-weight:700;letter-spacing:-1px;line-height:1}.gold-coin{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#ffe066,#fbbf00 60%,#e09000);box-shadow:0 2px 8px #00000040,inset 0 1px #ffffc880;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;position:relative;z-index:1}.gold-coin:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:1.5px solid rgba(255,220,50,.4)}.section-header{padding:20px 16px 8px}.section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--tg-hint)}.menu-list{margin:0 16px;background:var(--tg-secondary);border-radius:var(--radius-card);overflow:hidden}.menu-item{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;transition:background .15s;border:none;background:none;width:100%;text-align:left;font-family:var(--font);color:var(--tg-text)}.menu-item:active{background:color-mix(in srgb,var(--tg-hint) 12%,transparent)}.menu-item+.menu-item{border-top:1px solid color-mix(in srgb,var(--tg-hint) 15%,transparent)}.menu-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--menu-icon-bg)}.menu-text{flex:1}.menu-title{font-size:16px;font-weight:500;color:var(--tg-text)}.menu-subtitle{font-size:13px;color:var(--tg-hint);margin-top:1px}.menu-chevron{color:var(--tg-hint);opacity:.5}.inner-page{animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.page-hero{padding:16px 16px 24px;text-align:center}.page-emoji{font-size:56px;margin-bottom:16px;display:block;animation:pop .35s ease}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.page-title{font-size:24px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.page-desc{font-size:15px;color:var(--tg-hint);line-height:1.5}.info-card{margin:0 16px 12px;background:var(--tg-secondary);border-radius:var(--radius-card);padding:16px}.info-row{display:flex;align-items:center;gap:12px}.info-row+.info-row{margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--tg-hint) 15%,transparent)}.info-icon{font-size:22px}.info-text .label{font-size:13px;color:var(--tg-hint)}.info-text .value{font-size:15px;font-weight:600;margin-top:1px}.ref-box{margin:0 16px 12px;background:var(--tg-secondary);border-radius:var(--radius-card);padding:14px 16px}.ref-link-text{font-size:13px;color:var(--tg-hint);margin-bottom:8px}.ref-link-value{font-size:13px;color:var(--tg-link);word-break:break-all;font-family:SF Mono,Fira Code,monospace;background:color-mix(in srgb,var(--tg-link) 10%,transparent);padding:8px 12px;border-radius:8px;display:block}.btn-primary{display:block;width:calc(100% - 32px);margin:0 16px;padding:15px;background:var(--tg-button);color:var(--tg-button-text);border:none;border-radius:var(--radius-btn);font-size:16px;font-weight:600;font-family:var(--font);cursor:pointer;text-align:center;transition:opacity .15s}.btn-primary:active{opacity:.8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:block;width:calc(100% - 32px);margin:10px 16px 0;padding:15px;background:var(--tg-secondary);color:var(--tg-text);border:none;border-radius:var(--radius-btn);font-size:16px;font-weight:600;font-family:var(--font);cursor:pointer;text-align:center;transition:opacity .15s}.btn-secondary:active{opacity:.7}.upload-zone{margin:0 16px 12px;border:2px dashed color-mix(in srgb,var(--tg-hint) 40%,transparent);border-radius:var(--radius-card);padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--tg-secondary)}.upload-zone.has-file{border-color:var(--tg-button);background:color-mix(in srgb,var(--tg-button) 8%,transparent)}.upload-zone-icon{font-size:40px;margin-bottom:12px;display:block}.upload-zone-text{font-size:15px;color:var(--tg-hint)}.upload-zone-text strong{color:var(--tg-button)}.upload-preview{margin:0 16px 12px;border-radius:var(--radius-card);overflow:hidden;background:var(--tg-secondary)}.upload-preview img{width:100%;display:block;max-height:300px;-o-object-fit:contain;object-fit:contain}.upload-status{margin:0 16px 12px;padding:14px 16px;border-radius:var(--radius-card);font-size:15px;text-align:center;font-weight:500}.upload-status.success{background:#d1fae5;color:#065f46}.upload-status.error{background:#fee2e2;color:#991b1b}.upload-status.loading{background:var(--tg-secondary);color:var(--tg-hint)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;gap:12px}.placeholder-icon{font-size:52px;opacity:.35}.placeholder-text{font-size:15px;color:var(--tg-hint);line-height:1.6}.faq-card{margin:0 16px 12px;background:var(--tg-secondary);border-radius:var(--radius-card);overflow:hidden}.faq-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font);color:var(--tg-text);text-align:left;transition:background .15s}.faq-header:active{background:color-mix(in srgb,var(--tg-hint) 10%,transparent)}.faq-chevron{font-size:22px;line-height:1;color:var(--tg-hint);transition:transform .2s;display:inline-block}.faq-chevron.open{transform:rotate(90deg)}.faq-body{padding:0 16px 16px;border-top:1px solid color-mix(in srgb,var(--tg-hint) 15%,transparent);animation:slideIn .18s ease}.reward-table{border-radius:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tg-hint) 18%,transparent)}.reward-row{display:grid;grid-template-columns:2fr 1.2fr 2.2fr;gap:4px;align-items:center;padding:9px 10px;font-size:12px;color:var(--tg-text);border-bottom:1px solid color-mix(in srgb,var(--tg-hint) 10%,transparent)}.reward-row:last-child{border-bottom:none}.reward-row--head{background:color-mix(in srgb,var(--tg-hint) 12%,transparent);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--tg-hint)}.reward-row--mega{background:color-mix(in srgb,#fbbf00 12%,transparent)}.reward-stars{font-weight:700;font-size:13px}.reward-example{color:var(--tg-hint);font-size:11px}.store-list{margin:0 16px;background:var(--tg-secondary);border-radius:var(--radius-card);overflow:hidden}.store-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid color-mix(in srgb,var(--tg-hint) 12%,transparent)}.store-item:last-child{border-bottom:none}.store-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;background:var(--menu-icon-bg);display:flex;align-items:center;justify-content:center;font-size:20px}.store-info{flex:1;min-width:0}.store-name{font-size:15px;font-weight:500;color:var(--tg-text)}.store-avg{font-size:12px;color:var(--tg-hint);margin-top:2px}.store-amount{font-size:15px;font-weight:700;color:var(--tg-button);white-space:nowrap;flex-shrink:0}.store-item-wrap{border-bottom:1px solid color-mix(in srgb,var(--tg-hint) 12%,transparent)}.store-item-wrap:last-child{border-bottom:none}.store-item{display:flex;align-items:center;gap:12px;padding:13px 16px;background:none;border:none;width:100%;text-align:left;font-family:var(--font);cursor:pointer;transition:background .15s}.store-item:active{background:color-mix(in srgb,var(--tg-hint) 8%,transparent)}.store-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.store-body{padding:0 16px 14px 68px;animation:slideIn .18s ease}.store-meta{margin-top:8px;font-size:13px;color:var(--tg-text)}.store-admin-btns{display:flex;gap:8px;margin-top:10px}.store-edit-btn{flex:1;padding:8px;background:color-mix(in srgb,var(--tg-button) 15%,transparent);color:var(--tg-button);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font)}.store-del-btn{flex:1;padding:8px;background:color-mix(in srgb,#ef4444 15%,transparent);color:#ef4444;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font)}.admin-form{margin:0 16px 4px;background:var(--tg-secondary);border-radius:var(--radius-card);padding:16px}.admin-form-title{font-size:14px;font-weight:700;color:var(--tg-hint);text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px}.admin-row{display:flex;gap:8px;margin-bottom:8px}.admin-input{width:100%;padding:12px 14px;background:var(--tg-bg);border:1.5px solid color-mix(in srgb,var(--tg-hint) 20%,transparent);border-radius:10px;font-size:15px;font-family:var(--font);color:var(--tg-text);outline:none;transition:border-color .2s;margin-bottom:8px}.admin-input:focus{border-color:var(--tg-button)}.admin-input--emoji{width:52px;min-width:52px;flex-shrink:0;text-align:center;font-size:20px;padding:8px 6px}.admin-textarea{resize:vertical;min-height:80px}.admin-store-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--tg-hint) 10%,transparent)}.admin-store-item:last-child{border-bottom:none}.admin-store-actions{display:flex;gap:4px;flex-shrink:0}.admin-store-actions button{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .15s}.admin-store-actions button:active{background:color-mix(in srgb,var(--tg-hint) 15%,transparent)}.store-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;display:block}.store-upload-btn{display:block;width:100%;margin-top:12px;padding:12px;background:var(--tg-button);color:var(--tg-button-text, #fff);border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity .15s;text-align:center}.store-upload-btn:active{opacity:.8}.admin-photo-row{width:100%;height:140px;border-radius:12px;border:2px dashed color-mix(in srgb,var(--tg-hint) 30%,transparent);background:var(--tg-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:8px;overflow:hidden;transition:border-color .2s}.admin-photo-row:hover{border-color:var(--tg-button)}.admin-photo-placeholder{text-align:center;color:var(--tg-hint);font-size:32px;line-height:1.4}.admin-photo-placeholder span{font-size:13px;display:block;margin-top:4px}.admin-photo-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
