*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg: #f5f5f0;--surface: #ffffff;--surface2: #f0efea;--border: rgba(0,0,0,.08);--text: #1a1a18;--text2: #6b6b66;--text3: #a0a09a;--accent: #7f77dd;--accent-light: #eeedfe;--accent-dark: #534ab7;--success: #1d9e75;--warning: #ba7517;--danger: #e24b4a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--bg: #1a1a1e;--surface: #26262b;--surface2: #2f2f35;--border: rgba(255,255,255,.08);--text: #e8e8e6;--text2: #9a9a96;--text3: #6b6b66;--accent: #9b94f0;--accent-light: #2d2b45;--accent-dark: #b8b2ff;--success: #2ecc8f;--warning: #e0a030;--danger: #f06060}@media (prefers-color-scheme: dark){[data-theme=auto]{--bg: #1a1a1e;--surface: #26262b;--surface2: #2f2f35;--border: rgba(255,255,255,.08);--text: #e8e8e6;--text2: #9a9a96;--text3: #6b6b66;--accent: #9b94f0;--accent-light: #2d2b45;--accent-dark: #b8b2ff;--success: #2ecc8f;--warning: #e0a030;--danger: #f06060}}html,body,#root{height:100%;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:var(--text);font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.layout{display:flex;flex-direction:column;height:100%;height:100dvh;padding-top:var(--tg-top, 0px)}.page{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:80px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(60px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:.5px solid var(--border);display:flex;z-index:100}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:var(--text3);transition:color .15s}.nav-tab.active{color:var(--accent)}.nav-tab svg{width:22px;height:22px}.token-badge{display:inline-flex;align-items:center;gap:4px;background:var(--accent-light);color:var(--accent-dark);font-size:13px;font-weight:500;padding:4px 10px;border-radius:20px}.card{background:var(--surface);border-radius:var(--radius-lg);border:.5px solid var(--border)}.topbar{padding:12px 16px 8px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:.5px solid var(--border);position:sticky;top:0;z-index:50}.topbar-title{font-size:18px;font-weight:600}.topbar-sub{font-size:12px;color:var(--text2);margin-top:1px}.filter-row{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;scrollbar-width:none;background:var(--surface)}.filter-row::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:6px 14px;border-radius:20px;font-size:13px;border:.5px solid var(--border);color:var(--text2);white-space:nowrap;transition:all .15s}.filter-pill.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent-dark);font-weight:500}.btn-primary{width:100%;padding:14px;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-size:15px;font-weight:500;text-align:center;transition:opacity .15s,transform .1s}.btn-primary:active{opacity:.85;transform:scale(.98)}.btn-primary:disabled{opacity:.4}.btn-outline{width:100%;padding:12px;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);font-size:14px;font-weight:500;text-align:center}.badge{font-size:11px;padding:2px 8px;border-radius:6px;font-weight:500}.badge-done{background:#eaf3de;color:#3b6d11}.badge-proc{background:#faeeda;color:#854f0b}.badge-fail{background:#fcebeb;color:#a32d2d}.badge-pend{background:#f0efea;color:#6b6b66}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,#e8e7e0 50%,var(--surface2) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.model-card{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--surface2);border:.5px solid var(--border);cursor:pointer;transition:transform .15s}.model-card:active{transform:scale(.97)}.model-card video{width:100%;height:120px;object-fit:cover;display:block}.model-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:24px 10px 10px}.model-card-name{color:#fff;font-size:13px;font-weight:600}.model-card-price{color:#fffc;font-size:11px;margin-top:2px}.model-card-selected{outline:2px solid var(--accent);outline-offset:-2px}.feed-grid{columns:2;column-gap:8px;padding:8px}.feed-cell{break-inside:avoid;margin-bottom:8px;border-radius:var(--radius-md);overflow:hidden;position:relative;background:var(--surface2);cursor:pointer}.feed-cell img,.feed-cell video{width:100%;display:block;border-radius:var(--radius-md)}.feed-cell-footer{position:absolute;bottom:6px;left:6px;right:6px;display:flex;align-items:center;justify-content:space-between}.feed-cell-badge{background:#0000008c;color:#fff;font-size:10px;padding:2px 7px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feed-cell-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.6)}.feed-cell-avatar-placeholder{width:22px;height:22px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:600;border:1.5px solid rgba(255,255,255,.6)}.upload-zone{border:1.5px dashed var(--border);border-radius:var(--radius-md);padding:20px;text-align:center;background:var(--surface2);cursor:pointer;transition:border-color .15s}.upload-zone:hover{border-color:var(--accent)}.prompt-area{width:100%;min-height:80px;padding:12px;border:.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface2);color:var(--text);font-size:14px;resize:none;outline:none;transition:border-color .15s}.prompt-area:focus{border-color:var(--accent)}.plan-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.plan-card.selected{border:2px solid var(--accent)}.plan-card.popular{position:relative}.plan-popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:10px;font-weight:600;padding:2px 10px;border-radius:10px;white-space:nowrap}.avatar-placeholder{width:64px;height:64px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent-dark);font-weight:600;flex-shrink:0}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .1s}.menu-item:active{background:var(--surface2)}.stat-card{padding:14px 12px;text-align:center}.stat-value{font-size:22px;font-weight:700;color:var(--accent)}.stat-label{font-size:11px;color:var(--text2);margin-top:2px}.daily-bonus-card{padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;background:var(--accent-light);border-color:var(--accent)}.daily-bonus-card:active{opacity:.9}.daily-claim-btn{padding:8px 16px;background:var(--accent);color:#fff;border-radius:20px;font-size:13px;font-weight:600;flex-shrink:0}.daily-bonus-disabled{padding:16px;display:flex;align-items:center;gap:12px;opacity:.6}.achievement-item{display:flex;align-items:center;gap:12px;padding:14px 16px;transition:opacity .2s}.back-btn{width:36px;height:36px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.model-settings{display:flex;flex-direction:column;gap:14px;padding:14px;background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-md)}.setting-row{display:flex;flex-direction:column;gap:6px}.setting-label{font-size:12px;color:var(--text2);font-weight:500}.setting-chips{display:flex;gap:6px;flex-wrap:wrap}.setting-chip{padding:5px 12px;border-radius:20px;font-size:12px;border:.5px solid var(--border);color:var(--text2);background:transparent;transition:all .15s}.setting-chip.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent-dark);font-weight:500}.setting-toggle-row{flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.setting-toggle{width:44px;height:24px;border-radius:12px;background:var(--surface2);position:relative;transition:background .2s;flex-shrink:0}.setting-toggle.on{background:var(--accent)}.setting-toggle-knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #00000026}.setting-toggle.on .setting-toggle-knob{transform:translate(20px)}.setting-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface2);border-radius:2px;outline:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 1px 4px #0003}.setting-text-input{width:100%;padding:8px 12px;border:.5px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--text);font-size:13px;outline:none}.setting-text-input:focus{border-color:var(--accent)}.toast{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toastIn .2s ease-out,toastOut .3s ease-in 1.7s forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.viewer-container{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:scroll;scroll-snap-type:y mandatory;background:#000;z-index:200}.viewer-slide{height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.viewer-back{position:absolute;top:calc(12px + var(--tg-top, 0px));left:12px;width:40px;height:40px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:30}.viewer-actions{position:absolute;right:10px;bottom:140px;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:10}.viewer-action-btn{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff}.viewer-action-label{font-size:11px;color:#fffc}.viewer-bottom{position:absolute;bottom:0;left:0;right:60px;padding:16px 14px 24px;background:linear-gradient(transparent,#000000b3);z-index:5}.viewer-author{display:flex;align-items:center;gap:8px;margin-bottom:8px}.viewer-author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.4)}.viewer-author-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;font-weight:600}.viewer-author-name{color:#fff;font-size:14px;font-weight:600}.viewer-model{color:#ffffff80;font-size:12px;margin-left:4px}.viewer-prompt{color:#ffffffd9;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.viewer-prompt.expanded{-webkit-line-clamp:unset;display:block}.viewer-comments-panel{position:absolute;bottom:0;left:0;right:0;height:55%;background:#141416f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px 16px 0 0;display:flex;flex-direction:column;z-index:20;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.viewer-comments-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:.5px solid rgba(255,255,255,.1);color:#fff;font-size:15px;font-weight:600}.viewer-comments-list{flex:1;overflow-y:auto;padding:8px 0}.viewer-comment-header{display:flex;align-items:center;gap:8px}.viewer-comment-input{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:.5px solid rgba(255,255,255,.1);position:relative}.viewer-comment-input input{flex:1;padding:10px 14px;border-radius:20px;border:none;background:#ffffff1a;color:#fff;font-size:14px;outline:none}.viewer-comment-input input::placeholder{color:#ffffff4d}.viewer-comment-input button{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.viewer-comment-input button:disabled{opacity:.3}.music-waveform-bg{background:linear-gradient(135deg,var(--accent-light) 0%,var(--surface2) 100%);display:flex;align-items:center;justify-content:center}.waveform-bars{display:flex;align-items:center;gap:3px;height:50px}.waveform-bar{width:4px;border-radius:2px;background:var(--accent);opacity:.6;animation:waveform 1.2s ease-in-out infinite}@keyframes waveform{0%,to{height:8px}50%{height:36px}}