:root{--bg: #101418;--bg-raised: #1a2027;--bg-input: #232b34;--border: #2e3844;--text: #e8edf2;--text-dim: #93a1b0;--accent: #2f7df6;--accent-hover: #4a90f8;--danger: #e5484d;--good: #2ee66b;--warn: #ffd60a;--bad: #ff4d2e;--radius: 10px;--shadow: 0 8px 32px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1{font-size:1.6rem;margin:0 0 8px;letter-spacing:-.02em}h2{font-size:1.05rem;margin:0 0 8px}.lead{color:var(--text-dim);line-height:1.5;margin:0 0 20px}.hint{color:var(--text-dim);font-size:.85rem;line-height:1.45}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:var(--radius);padding:10px 16px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;min-height:42px}.btn:hover{background:#2b3540}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn.danger:hover{background:#e5484d1f}.btn.big{width:100%;min-height:52px;font-size:1.05rem;font-weight:600}.btn.subtle{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.icon{padding:8px 12px}.btn:disabled{opacity:.55;cursor:default}input,select,textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:11px 12px;font-size:.95rem;font-family:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input.error{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.85rem}label{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:.9rem;color:var(--text-dim);text-align:left}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:32px;width:min(480px,calc(100vw - 32px));text-align:center}.card.wide{width:min(720px,calc(100vw - 32px))}.card label{text-align:left}.center{display:grid;place-items:center;min-height:100%;padding:24px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg-input);border-radius:8px;padding:2px 10px;letter-spacing:.08em}.pill{background:var(--bg-input);border-radius:999px;padding:3px 10px;font-size:.8rem;color:var(--text-dim)}.agent-shell{height:100%;display:flex;flex-direction:column}.linkrow{display:flex;gap:8px;margin-bottom:12px}.linkrow input{font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.linkrow .btn{flex-shrink:0}.steps{list-style:none;padding:0;margin:20px 0;text-align:left}.steps li{padding:8px 4px;color:var(--text-dim);border-bottom:1px solid var(--border)}.steps li.done{color:var(--good)}.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--bg-raised);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:-.02em}.brandmark{font-weight:700;font-size:.95rem;color:var(--accent);margin-bottom:12px}.timer{font-family:ui-monospace,Menlo,monospace;color:var(--text-dim)}.spacer{flex:1}.quality{font-size:.85rem;font-weight:600}.quality.good{color:var(--good)}.quality.warn{color:var(--warn)}.quality.bad{color:var(--bad)}.session-main{flex:1;display:grid;grid-template-columns:1fr 340px;gap:12px;padding:12px;min-height:0}.video-col{display:flex;flex-direction:column;gap:10px;min-height:0;position:relative}.video-stage{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;flex:1;min-height:0}.video-stage video,.video-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.video-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btn.tool{min-width:42px;padding:8px 10px;font-size:1.05rem;line-height:1}.btn.tool.active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-sep{width:1px;height:24px;background:var(--border);margin:0 4px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.active{border-color:#fff}.actionrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actionrow select.btn{width:auto}.self-pip{position:absolute;right:12px;bottom:64px;width:140px;border-radius:8px;border:1px solid var(--border);background:#000;box-shadow:var(--shadow)}.side-col{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);min-height:0}.side-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.outcomes{display:flex;flex-direction:column;gap:8px;margin:16px 0}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:12px 0 20px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.chat{display:flex;flex-direction:column;flex:1;min-height:0}.chat-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-bubble{max-width:85%;padding:8px 12px;border-radius:14px;font-size:.92rem;line-height:1.4;overflow-wrap:break-word}.chat-bubble.mine{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble.theirs{align-self:flex-start;background:var(--bg-input);border-bottom-left-radius:4px}.chat-bubble img{max-width:100%;border-radius:8px;display:block}.chat-system{align-self:center;color:var(--text-dim);font-size:.8rem;text-align:center;padding:2px 8px}.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--border)}.client-shell{height:100%;background:#f4f6f8;color:#16212c}.client-shell .card{background:#fff;border-color:#e1e6eb;color:#16212c}.client-shell .lead{color:#55636f}.client-shell input,.client-shell textarea,.client-shell .btn{background:#fff;border-color:#cdd5dc;color:#16212c;min-height:48px}.client-shell .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.client-shell .btn.danger{color:var(--danger);border-color:var(--danger);background:#fff}.client-shell label{color:#55636f}.consent{flex-direction:row;align-items:flex-start;gap:12px;padding:12px;border:1px solid #e1e6eb;border-radius:var(--radius);cursor:pointer}.consent input{width:22px;height:22px;min-height:0;flex-shrink:0;margin-top:2px;accent-color:var(--accent)}.consent span{text-align:left;line-height:1.45}.client-shell.session{position:relative;display:flex;flex-direction:column;background:#0b0e11}.client-shell.session .main-video{flex:1;border-radius:0}.banner{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#101418d9;color:#fff;padding:10px 18px;border-radius:999px;font-size:1rem;font-weight:600;z-index:20;white-space:nowrap}.banner.saved{background:#2ee66beb;color:#08210f}.agent-pip{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;width:96px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#000;z-index:10}.client-actions{display:flex;gap:8px;padding:10px;background:#101418;justify-content:center;flex-wrap:wrap}.client-actions .btn{background:var(--bg-input);border-color:var(--border);color:var(--text)}.client-actions .btn.danger{background:transparent;color:var(--danger);border-color:var(--danger)}.client-chat{height:220px;display:flex;background:var(--bg-raised);border-top:1px solid var(--border);color:var(--text)}.client-chat .chat-input input{min-height:44px;background:var(--bg-input);border-color:var(--border);color:var(--text)}.client-chat .chat-input input::placeholder{color:var(--text-dim)}.client-chat .btn{background:var(--bg-input);border-color:var(--border);color:var(--text)}.client-chat .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.csat{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.csat-btn{font-size:2.2rem;background:none;border:none;color:#cdd5dc;cursor:pointer;padding:4px}.csat-btn.active{color:#ffb400}.client-shell textarea{margin-bottom:16px}.emoji-fx{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:60}.emoji-float{position:absolute;bottom:-12%;font-size:56px;line-height:1;will-change:transform,opacity;animation:emoji-rise 3.6s ease-out forwards}@keyframes emoji-rise{0%{transform:translateY(0) scale(1.5);opacity:1}to{transform:translateY(-108vh) scale(.45);opacity:0}}.emoji-picker{position:relative}.emoji-pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;z-index:55}.emoji-choice{background:none;border:none;border-radius:8px;font-size:1.5rem;line-height:1;padding:6px;cursor:pointer;min-width:44px;min-height:44px}.emoji-choice:hover{background:var(--bg-input)}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#00000059;z-index:30}.scan-frame{width:min(70vw,340px);aspect-ratio:1;border:3px solid #fff;border-radius:18px;box-shadow:0 0 0 100vmax #00000059;animation:scan-pulse 1.6s ease-in-out infinite}@keyframes scan-pulse{0%,to{border-color:#fffffff2}50%{border-color:var(--accent)}}.scan-hint{color:#fff;font-size:1.05rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6);margin:0;padding:0 24px;text-align:center}.map-card{text-align:center}.map-container{width:100%;height:min(52vh,400px);border-radius:var(--radius);overflow:hidden;background:#e6ecf2;margin-bottom:10px}.map-actions{justify-content:center;margin-top:12px}.map-actions .btn{text-decoration:none;display:inline-flex;align-items:center}@media (max-width: 900px){.session-main{grid-template-columns:1fr;grid-template-rows:1fr 260px}.self-pip{width:96px;bottom:12px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}.emoji-float{animation-name:emoji-fade;bottom:40%}.scan-frame{animation:none}}@keyframes emoji-fade{0%{transform:scale(1.5);opacity:1}to{transform:scale(.45);opacity:0}}