.app__body{display:grid;grid-template-columns:1fr 420px;gap:16px;padding:12px 16px 24px}.panel{background:#0f1220;border:1px solid #23263a;border-radius:12px}.panel--video{height:calc(100vh - 140px);display:grid}.video{width:100%;height:100%;object-fit:contain}.panel--ai{display:grid;grid-template-rows:auto 1fr auto auto;min-height:calc(100vh - 140px);padding:12px}.ai__videoWrap{display:grid;place-items:center;padding-top:8px}.ai__transcript{overflow:auto;margin:8px 0;padding:8px;background:#0b0e1a;border:1px solid #1f2337;border-radius:8px}.ai__cta{font-size:12px;opacity:.8;margin-bottom:8px}.brand{font-weight:700;display:flex;align-items:center;gap:8px}.brand__dot{width:10px;height:10px;border-radius:50%;background:#7c4dff;display:inline-block}:root{--bg: #0b0f1a;--panel: #12182a;--card: #1a2140;--text: #e9eefc;--muted: #9aa5c0;--brand: #7c6cff;--accent: #ff9800;--success: #33d69f;--danger: #ff5d5d;--border: rgba(255, 255, 255, .08)}.flex{display:flex!important}.j-c{justify-content:center}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}html,body{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.app{height:100%;display:grid;grid-template-rows:auto 1fr}.app__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#ffffff08,#fff0)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px}.brand__dot{width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 12px var(--brand)}.header__status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.app__body{display:grid;grid-template-columns:2fr 1fr;gap:14px;padding:14px}.left{display:flex;flex-direction:column}.video-container{position:relative;background:#000;border-radius:10px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16 / 9}.video{width:100%;height:100%;display:block;object-fit:contain}.right{display:grid;grid-template-rows:auto 1fr auto;gap:12px}.ai-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.ai-video{width:80%;border-radius:8px;display:block;background:#000}.transcript{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;min-height:70vh;max-height:75vh;overflow:hidden;display:flex;flex-direction:column}.transcript__title{margin:0 0 8px;font-size:14px;color:var(--muted);letter-spacing:.3px}.transcript__scroll{overflow-y:auto;padding-right:6px;flex:1;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.transcript__scroll::-webkit-scrollbar{width:6px}.transcript__scroll::-webkit-scrollbar-track{background:transparent}.transcript__scroll::-webkit-scrollbar-thumb{background-color:var(--muted);border-radius:4px}.transcript__scroll::-webkit-scrollbar-button{display:none!important;width:0;height:0}.msg{margin:8px 0;line-height:1.35;font-size:14px}.msg strong{color:#fff}.msg--you strong{color:var(--accent)}.msg--ai strong{color:var(--brand)}.controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.btn{appearance:none;border:0;border-radius:10px;padding:12px 14px;color:#0b0f1a;background:var(--accent);font-weight:700;cursor:pointer;transition:transform .06s ease,filter .2s ease,opacity .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--danger{background:var(--danger);color:#fff}.btn--muted{background:#2a3359;color:#c9d2ff}.listening{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px var(--danger);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.6}}@media (max-width: 1024px){.app__body{grid-template-columns:1.4fr 1fr}.transcript{max-height:40vh}}@media (max-width: 820px){.app__body{grid-template-columns:1fr;row-gap:12px}.left{order:-1}.right{order:0}.transcript{min-height:30vh;max-height:45vh}.left>*,.right>*{margin-top:0!important;margin-bottom:0!important}.card,.panel,.transcript,.video-container{margin:0!important}}.video{width:100%;height:auto;background:#000}.video--ai{opacity:.95}.video__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text);background:#00000059;pointer-events:none}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px}.topbar__spacer{flex:1}.btn.btn--ghost{background:transparent;border:1px solid var(--border);padding:8px 12px;border-radius:8px;color:var(--text);cursor:pointer}.btn.btn--ghost:hover{background:#ffffff0f}.statusline{margin-top:10px;min-height:22px;color:var(--muted)}:root{--btn-size: 56px;--btn-grad-idle: radial-gradient( 120% 120% at 30% 20%, #ffe9c6 0%, #ffc86e 55%, #ffad33 100% );--btn-grad-raised: radial-gradient( 120% 120% at 30% 20%, #eeebff 0%, #c9c1ff 55%, #7c6cff 100% );--btn-border: var(--border);--btn-shadow: 0 10px 28px rgba(0,0,0,.35), 0 0 0 1px var(--border), inset 0 1px 0 rgba(255,255,255,.25);--btn-shadow-pressed: 0 6px 16px rgba(0,0,0,.4), 0 0 0 1px var(--border), inset 0 1px 0 rgba(255,255,255,.2);--pulse-idle: rgba(243, 178, 88, .874);--pulse-raised: rgba(142, 142, 250, .892)}.handBtn{width:var(--btn-size);height:var(--btn-size);border-radius:50%;border:1px solid var(--btn-border);background:var(--btn-grad-idle);box-shadow:var(--btn-shadow);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease,background .25s ease;position:relative;outline:none}.handBtn__icon{font-size:26px;line-height:1;transform:translateY(1px);filter:drop-shadow(0 1px 0 rgba(0,0,0,.25)) drop-shadow(0 2px 4px rgba(0,0,0,.18))}.handBtn:is(:hover,:focus-visible){transform:translateY(-1px) scale(1.02)}.handBtn:active{box-shadow:var(--btn-shadow-pressed);transform:translateY(0)}.is-idle:not(:disabled):after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 var(--pulse-idle);animation:pulseIdle 1.8s ease-out infinite}@keyframes pulseIdle{0%{box-shadow:0 0 0 0 var(--pulse-idle)}to{box-shadow:0 0 0 14px #0000}}.is-raised{background:radial-gradient(120% 120% at 30% 20%,#8e8efae3 0% 55%,#8e8efae3);filter:saturate(1.05)}.is-raised:after{content:"";position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 0 2px var(--success)}.is-raised:not(:disabled):before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 var(--pulse-raised);animation:pulseRaised 2s ease-out 1}@keyframes pulseRaised{0%{box-shadow:0 0 0 0 var(--pulse-raised)}to{box-shadow:0 0 0 18px #0000}}.handBtn__badge{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:50%;background:var(--success);color:#0b0f1a;font-size:12px;line-height:18px;text-align:center;box-shadow:0 2px 6px #00000040;font-weight:800}.handBtn:disabled{cursor:default;opacity:.9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.handBtn{overflow:visible}.is-raised{background:radial-gradient(120% 120% at 35% 25%,#ffffffd1,#7c6cff1f 55%,#7c6cff2e);filter:saturate(1.02)}.is-raised:after{content:"";position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 0 2px var(--success);pointer-events:none}.handBtn__icon{position:relative;text-shadow:0 0 2px rgba(255,255,255,.65),0 2px 6px rgba(0,0,0,.35);filter:drop-shadow(0 1px 0 rgba(0,0,0,.25)) drop-shadow(0 3px 6px rgba(0,0,0,.22)) contrast(1.12) saturate(1.08)}.handBtn__badge{right:2px;bottom:2px;z-index:3;outline:2px solid rgba(0,0,0,.25)}.is-raised{background:radial-gradient(120% 120% at 35% 25%,#ffffffe0,#7c6cff1a 55%,#7c6cff24)}