:root{--bg: #08090d;--bg-elev: #10131b;--bg-card: #141824;--line: rgba(232, 234, 239, .1);--text: #e8eaef;--muted: #8b93a7;--teal: #3ee0c5;--gold: #e8b86d;--violet: #9b8cff;--danger: #ff6b7a;--ok: #5ee0a0;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--radius: 18px;font-family:Figtree,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(62,224,197,.08),transparent 50%),radial-gradient(900px 500px at 100% 0%,rgba(155,140,255,.1),transparent 45%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,h4{font-family:Outfit,sans-serif;margin:0;letter-spacing:-.02em}p{margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;background:#08090dc7}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#1aa58f 55%,var(--violet));display:grid;place-items:center;color:#06110f;font-weight:700}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:500}.nav{display:flex;gap:6px}.nav a,.chip,.btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:999px;padding:8px 14px;cursor:pointer}.nav a.active,.chip.active{background:#3ee0c51f;border-color:#3ee0c566;color:var(--teal)}.btn.primary{background:var(--teal);color:#06221c;border-color:transparent;font-weight:700}.btn.ghost{color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.meta-pill{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);border:1px solid var(--line);padding:8px 12px;border-radius:999px}.page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:36px 0 80px}.hero{display:grid;gap:18px;margin-bottom:36px}.kicker{color:var(--teal);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.05;max-width:16ch}.hero p.lede{color:var(--muted);font-size:18px;max-width:62ch}.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:linear-gradient(180deg,#ffffff08,#ffffff04);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card h3{font-size:16px;margin-bottom:6px}.card p,.muted{color:var(--muted)}.icon-wrap{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#3ee0c51a;color:var(--teal);margin-bottom:12px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:28px 0 14px}.dropzone{border:1px dashed rgba(62,224,197,.35);border-radius:var(--radius);padding:28px;text-align:center;background:#3ee0c50a}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.video-card{display:grid;gap:10px}.video-card h3{font-size:18px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.badge.processed{background:#5ee0a026;color:var(--ok)}.badge.processing,.badge.uploaded{background:#e8b86d26;color:var(--gold)}.badge.failed{background:#ff6b7a26;color:var(--danger)}.analysis{width:min(1360px,calc(100% - 28px));margin:0 auto;padding:24px 0 80px}.analysis-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.player-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.player-frame,.widget-frame{width:100%;min-height:420px;border:0;border-radius:16px;background:#000}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 12px}.tabs button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 12px;cursor:pointer}.tabs button.active{color:var(--text);border-color:#e8eaef47;background:#1a2030}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.stat{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg-elev)}.stat b{display:block;font-size:22px;font-family:Outfit,sans-serif}.stat span{color:var(--muted);font-size:12px}.list{display:grid;gap:8px}.item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff05;cursor:pointer}.item:hover{border-color:#3ee0c566}.time{font-family:IBM Plex Mono,monospace;color:var(--gold);font-size:12px}.chip-cloud{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:13px}button.person{background:none;border:0;color:inherit;cursor:pointer;padding:0}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.person{text-align:center}.dropzone input[type=file]{display:none}.person img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;background:#1a2030;border:1px solid var(--line)}.timeline{position:relative;height:84px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0e121a;margin:14px 0 8px}.tl-seg{position:absolute;top:10px;height:18px;border-radius:6px;opacity:.9}.tl-seg.positive{background:#5ee0a0}.tl-seg.negative{background:#ff6b7a}.tl-seg.neutral{background:#8b93a7}.tl-seg.emotion{top:42px;background:var(--violet)}.progress{height:8px;border-radius:99px;background:#1a2030;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--violet))}.error{color:var(--danger)}.success{color:var(--ok)}.empty{color:var(--muted);padding:18px;border:1px dashed var(--line);border-radius:14px}@media(max-width:980px){.player-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}