:root{--c-bg: var(--tg-theme-bg-color, #ffffff);--c-bg-2: var(--tg-theme-secondary-bg-color, #f3f4f6);--c-text: var(--tg-theme-text-color, #111827);--c-hint: var(--tg-theme-hint-color, #6b7280);--c-muted: var(--tg-theme-subtitle-text-color, #9ca3af);--c-link: var(--tg-theme-link-color, #2563eb);--c-btn: var(--tg-theme-button-color, #2563eb);--c-btn-text: var(--tg-theme-button-text-color, #ffffff);--c-destructive: var(--tg-theme-destructive-text-color, #dc2626);--c-border: #e5e7eb;--c-border-subtle: #f3f4f6;--c-input-border: #d1d5db;--c-success: #16a34a;--c-warning: #d97706;--c-danger-bg: #fee2e2;--c-danger-border: #fca5a5;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--nav-h: 60px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04)}@media (prefers-color-scheme: dark){:root{--c-bg: var(--tg-theme-bg-color, #18181b);--c-bg-2: var(--tg-theme-secondary-bg-color, #27272a);--c-text: var(--tg-theme-text-color, #f4f4f5);--c-hint: var(--tg-theme-hint-color, #a1a1aa);--c-muted: var(--tg-theme-subtitle-text-color, #71717a);--c-link: var(--tg-theme-link-color, #60a5fa);--c-btn: var(--tg-theme-button-color, #3b82f6);--c-btn-text: var(--tg-theme-button-text-color, #ffffff);--c-destructive: var(--tg-theme-destructive-text-color, #f87171);--c-border: #3f3f46;--c-border-subtle: #27272a;--c-input-border: #52525b;--c-success: #4ade80;--c-warning: #fbbf24;--c-danger-bg: #450a0a;--c-danger-border: #7f1d1d;--shadow-sm: 0 1px 3px rgba(0,0,0,.3)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--c-bg);color:var(--c-text);font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}input,select,textarea,button{font-family:inherit}.page-wrap{max-width:640px;margin:0 auto;min-height:100dvh}.page-content{padding:16px 16px calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 16px)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:640px;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--c-bg);border-top:1px solid var(--c-border);display:flex;align-items:stretch;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;text-decoration:none;color:var(--c-muted);font-size:10px;font-weight:500;transition:color .15s;-webkit-tap-highlight-color:transparent;cursor:pointer}.nav-item.active{color:var(--c-link)}.nav-icon{width:22px;height:22px;transition:transform .15s}.nav-item.active .nav-icon{transform:translateY(-1px)}.page-title{font-size:22px;font-weight:700;margin:0 0 20px;letter-spacing:-.3px}.greeting-card{background:var(--c-btn);color:var(--c-btn-text);border-radius:var(--r-xl);padding:20px 20px 22px;margin-bottom:16px;position:relative;overflow:hidden}.greeting-card:before{content:"";position:absolute;top:-50px;right:-30px;width:150px;height:150px;border-radius:50%;background:#ffffff1a;pointer-events:none}.greeting-card:after{content:"";position:absolute;bottom:-40px;right:20px;width:100px;height:100px;border-radius:50%;background:#ffffff12;pointer-events:none}.greeting-name{font-size:19px;font-weight:700;margin:0 0 3px;position:relative}.greeting-sub{font-size:13px;opacity:.8;margin:0;position:relative;text-transform:capitalize}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat-card{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:14px 16px}.stat-value{font-size:26px;font-weight:700;line-height:1.1;margin-bottom:4px;letter-spacing:-.5px}.stat-label{font-size:12px;color:var(--c-hint);font-weight:500}.card{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:16px}.video-list{display:flex;flex-direction:column;gap:10px}.video-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-lg);text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;transition:transform .12s}.video-card:active{transform:scale(.985)}.video-card-body{flex:1;min-width:0}.video-card-title{font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card-meta{font-size:12px;color:var(--c-hint)}.video-card-footer{display:flex;align-items:center;gap:8px;margin-top:6px}.render-progress{margin-bottom:16px;padding:14px 16px;background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-lg)}.render-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.render-progress-stage{font-size:13px;font-weight:600;color:var(--c-text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.render-progress-pct{font-size:13px;font-weight:700;color:var(--c-warning);flex-shrink:0}.render-progress-pct.done{color:var(--c-success)}.render-progress-pct.failed{color:var(--c-destructive)}.render-progress-track{height:6px;background:var(--c-border);border-radius:999px;overflow:hidden}.render-progress-fill{height:100%;border-radius:999px;background:var(--c-warning);transition:width .6s ease}.render-progress-fill.done{background:var(--c-success)}.render-progress-fill.failed{background:var(--c-destructive)}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.6}}.render-progress-fill:not(.done):not(.failed){animation:progress-pulse 2s ease-in-out infinite}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-success{background:#16a34a21;color:var(--c-success)}.badge-progress{background:#d9770621;color:var(--c-warning)}.badge-muted{background:var(--c-bg);color:var(--c-muted);border:1px solid var(--c-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:var(--r-md);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn:active{transform:scale(.97);opacity:.88}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--c-btn);color:var(--c-btn-text)}.btn-secondary{background:var(--c-bg-2);color:var(--c-text);border:1.5px solid var(--c-border)}.btn-danger{background:var(--c-danger-bg);color:var(--c-destructive);border:1.5px solid var(--c-danger-border)}.btn-sm{padding:7px 14px;font-size:13px}.btn-full{width:100%}.input{width:100%;padding:11px 14px;border:1.5px solid var(--c-input-border);border-radius:var(--r-md);font-size:14px;background:var(--c-bg);color:var(--c-text);transition:border-color .15s,box-shadow .15s;outline:none;box-sizing:border-box;-webkit-appearance:none}.input:focus{border-color:var(--c-btn);box-shadow:0 0 0 3px #2563eb1f}.input::placeholder{color:var(--c-muted)}.input-sm{padding:8px 12px;font-size:13px;border-radius:var(--r-sm)}.field{margin-bottom:14px}.field-label{display:block;font-size:11px;font-weight:700;color:var(--c-hint);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.section-card{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:16px;margin-bottom:14px}.section-card-title{font-size:11px;font-weight:700;color:var(--c-hint);text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px}.info-card{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:16px}.info-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--c-border-subtle);gap:12px}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:var(--c-hint);flex-shrink:0}.info-value{font-size:13px;font-family:SF Mono,Fira Code,monospace;color:var(--c-text);text-align:right;word-break:break-all;max-width:60%}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--c-link);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:16px;-webkit-tap-highlight-color:transparent}.code-block{font-family:SF Mono,Fira Code,monospace;font-size:12px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:12px;white-space:pre-wrap;word-break:break-all;color:var(--c-text);margin:0;line-height:1.6}.filters-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 16px;background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:999px;font-size:13px;font-weight:500;text-decoration:none;color:var(--c-text);-webkit-tap-highlight-color:transparent;transition:transform .1s;white-space:nowrap;display:inline-block}.chip:active{transform:scale(.96)}.empty-state{text-align:center;padding:48px 24px;color:var(--c-hint)}.empty-icon{font-size:44px;margin-bottom:14px}.empty-title{font-size:16px;font-weight:600;color:var(--c-text);margin-bottom:6px}.empty-desc{font-size:13px;line-height:1.55}.msg-success{color:var(--c-success);font-size:14px;font-weight:500}.msg-error{color:var(--c-destructive);font-size:14px}.pagination{display:flex;gap:8px;margin-top:16px}.section-label{font-size:11px;font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.07em;margin:20px 0 10px}