:root{--bg-base: #0b1220;--bg-surface: #121b2e;--bg-surface-raised: #1a2740;--border-subtle: #26334d;--gold-500: #d4af37;--gold-300: #e8ce7a;--text-primary: #f4f1ea;--text-muted: #8a96ac;--status-success: #3fbf7f;--status-pending: #d4af37;--status-error: #e5484d;--font-display: "Fraunces", serif;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-card: 12px;--radius-input: 8px;--radius-pill: 999px;--tab-bar-height: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0}button,select,input,textarea{font-family:inherit}a{color:inherit}::selection{background:var(--gold-500);color:var(--bg-base)}.tap-target{min-width:44px;min-height:44px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:16px}.pill{border-radius:var(--radius-pill);padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.pill--auto{background:var(--bg-surface-raised);color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.btn-primary{background:var(--gold-500);color:var(--bg-base);border:none;border-radius:var(--radius-input);font-weight:600;font-size:16px;padding:14px 20px;cursor:pointer;transition:background-color .15s ease}.btn-primary:hover{background:var(--gold-300)}.btn-primary:disabled{background:var(--bg-surface-raised);color:var(--text-muted);cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-input);padding:10px 16px;font-weight:500;cursor:pointer}.text-muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:13px}.stamp{display:inline-flex;align-items:center;gap:6px;border:1.5px solid currentColor;border-radius:var(--radius-pill);padding:3px 10px 3px 8px;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;transform:rotate(-2deg)}.stamp--success{color:var(--status-success)}.stamp--pending{color:var(--status-pending)}.stamp--error{color:var(--status-error)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:999px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.auth-gate{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-base)}.auth-gate__card{width:100%;max-width:320px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:24px}.auth-gate__input{width:100%;padding:10px 12px;border-radius:var(--radius-input);border:1px solid var(--border-subtle);background:var(--bg-surface-raised);color:var(--text-primary);font-size:15px}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top) + 12px) 16px 12px;background:#0b1220eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle)}.app-header h1{font-size:20px}.app-header__actions{display:flex;gap:8px}.app-header__icon-btn{background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;position:relative;padding:8px}.app-header__icon-btn .dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--status-error)}.app-main{flex:1;padding:16px 16px calc(var(--tab-bar-height) + var(--safe-bottom) + 24px);max-width:640px;width:100%;margin:0 auto}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding-bottom:var(--safe-bottom)}.bottom-tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0 10px;text-decoration:none;color:var(--text-muted);font-size:11px}.bottom-tab-bar__item--active{color:var(--gold-500)}.bottom-tab-bar__icon{font-size:20px;position:relative}.bottom-tab-bar__badge{position:absolute;top:-4px;right:-10px;background:var(--status-error);color:var(--text-primary);font-size:10px;font-weight:700;border-radius:999px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}.sticky-cta{position:fixed;left:0;right:0;bottom:calc(var(--tab-bar-height) + var(--safe-bottom));z-index:25;padding:12px 16px;background:linear-gradient(to top,var(--bg-base) 60%,transparent)}.sticky-cta button{width:100%;max-width:640px;margin:0 auto;display:block}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;display:flex;align-items:flex-end}.sheet{background:var(--bg-surface);border-radius:16px 16px 0 0;border:1px solid var(--border-subtle);border-bottom:none;width:100%;max-height:85vh;overflow-y:auto;padding:8px 16px calc(24px + var(--safe-bottom));animation:sheet-up .2s ease-out}.sheet__handle{width:36px;height:4px;background:var(--border-subtle);border-radius:999px;margin:8px auto 16px}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.job-status-card{display:block;text-decoration:none;color:var(--text-primary)}.progress-track{height:6px;border-radius:999px;background:var(--bg-surface-raised);overflow:hidden;margin-top:8px}.progress-fill{height:100%;border-radius:999px;background:var(--status-pending);transition:width .4s ease}.progress-fill--error{background:var(--status-error)}.progress-fill--success{background:var(--status-success)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;border:1px solid var(--border-subtle);background:var(--bg-surface-raised);color:var(--text-primary);border-radius:var(--radius-pill);padding:10px 16px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.chip--active{border-color:var(--gold-500);background:#d4af371f;color:var(--gold-300)}.field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field-group label{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.field-group select,.field-group input,.field-group textarea{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-input);color:var(--text-primary);padding:12px;font-size:15px;min-height:44px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.collapsible summary{cursor:pointer;color:var(--text-muted);font-size:14px;padding:10px 0;list-style:none}.collapsible summary::-webkit-details-marker{display:none}.collapsible summary:before{content:"▸ "}.collapsible[open] summary:before{content:"▾ "}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.video-card{border-radius:var(--radius-card);overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-subtle);text-decoration:none;color:var(--text-primary);display:block}.video-card__thumb{aspect-ratio:9 / 16;background:var(--bg-surface-raised);position:relative;overflow:hidden}.video-card__thumb img{width:100%;height:100%;object-fit:cover}.video-card__duration{position:absolute;bottom:6px;right:6px;background:#0b1220cc;font-size:11px;padding:2px 6px;border-radius:4px;font-family:var(--font-mono)}.video-card__meta{padding:8px 10px}.video-card__meta h3{font-size:13px;font-weight:600;font-family:var(--font-ui);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline{display:flex;flex-direction:column;gap:0}.timeline__item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.timeline__dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex:0 0 auto}.empty-state{text-align:center;padding:48px 16px;color:var(--text-muted)}.empty-state h2{color:var(--text-primary);font-size:18px;margin-bottom:8px}