:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background-color:#121212cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:2rem;position:sticky;top:0;z-index:1000;width:100%;box-sizing:border-box}.navbar-brand{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.5px}.navbar-links{display:flex;gap:2rem}.nav-link{color:#aaa;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .2s ease;padding:.5rem 1rem;border-radius:8px}.nav-link:hover,.nav-link.active{color:#fff;background-color:#ffffff1a}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:transform .2s,background-color .2s;cursor:pointer;text-decoration:none;color:inherit;display:block}.card:hover{transform:translateY(-2px);background:#ffffff14}.card h3{margin-top:0;margin-bottom:10px;color:#fff}.card p{color:#ccc;font-size:.9rem;margin:5px 0}.page-container{padding:0 20px;max-width:1200px;margin:0 auto}.page-title{margin-bottom:30px;font-weight:300;font-size:2rem;color:#fff}.app-container{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh;box-sizing:border-box}.app-header{text-align:center;margin-bottom:40px;font-weight:600;font-size:1.5rem;letter-spacing:-.02em;color:var(--text-primary)}.landing-container{max-width:600px;margin:0 auto;text-align:center;padding-top:40px}.config-box{margin:40px auto;padding:32px;background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--radius-lg);text-align:left;max-width:480px;box-shadow:var(--glass-shadow)}.config-title{margin-top:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.01em}.config-grid{display:grid;grid-template-columns:1fr;gap:20px}.config-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:8px;display:block}.config-select{width:100%;background:var(--bg-color);color:var(--text-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:12px 16px;font-size:.95rem;cursor:pointer;appearance:none;transition:var(--transition)}.config-select:focus{outline:none;border-color:var(--text-tertiary)}.config-note{font-size:.85rem;color:var(--text-secondary);margin-top:24px;line-height:1.5}.start-button-override{margin-top:32px;width:100%;font-size:1rem;padding:14px}.video-panel-container{position:relative;width:100%;height:100%;background-color:#000;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-hidden{display:none}.video-canvas{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#ffffff80;pointer-events:none}.chat-input-container{margin-top:20px;display:flex;gap:10px}.chat-input-textarea{flex:1;height:60px;resize:none}.chat-input-button{height:60px}.controls-container{padding:15px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn-mic-active{background-color:#ef4444}.btn-clear{background:#f59e0b}.btn-close{background:#ef4444}.video-overlay-container{position:absolute;inset:0;background:#000000e6;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column}.overlay-video{width:100%;height:100%;object-fit:cover}.error-container{color:#fff;text-align:center}.loading-bar-container{width:200px;height:4px;background:#333;margin-top:10px}.loading-bar{width:100%;height:100%;background:#0078d4;transition:width 5s linear}.skip-btn{margin-top:20px;padding:10px 20px}.session-player-container{display:grid;gap:20px;align-items:start;height:calc(100vh - 140px);position:relative}.session-active-grid{grid-template-columns:2fr 1fr}.session-full-grid,.session-inactive-grid{grid-template-columns:1fr}.top-left-controls{position:absolute;top:10px;left:10px;z-index:100;display:flex;gap:10px}.btn-circle-control{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.btn-circle-control:hover{background:#ffffff1a;transform:scale(1.1)}.is-fullscreen{width:100vw!important;height:100vh!important;background:#000;padding:0!important;gap:0!important}.is-fullscreen .player-left-col{height:100vh}.is-fullscreen .video-display-area{border-radius:0}.is-fullscreen .controls-wrapper{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;z-index:100;transition:opacity .3s ease}.is-fullscreen .controls-wrapper:hover{opacity:1}.is-fullscreen:not(:hover) .controls-wrapper{opacity:.1}.player-left-col{display:flex;flex-direction:column;gap:20px;height:100%;width:100%}.video-display-area{position:relative;width:100%;flex:1;background-color:#000;border-radius:16px;overflow:hidden;min-height:400px}.avatar-layer{height:100%}.video-layer{position:absolute;inset:0;z-index:10}.controls-wrapper{padding:20px}.action-buttons{margin-top:10px;display:flex;justify-content:flex-end;gap:10px}.btn-action{font-size:.9rem;padding:8px 16px}.btn-continue{background:#10b981}.btn-interrupt{background:#64748b}.btn-skip{background:#3b82f6}.script-panel{padding:20px;height:100%;overflow-y:auto}.session-script-title{margin-bottom:15px}.script-list{display:flex;flex-direction:column;gap:10px}.script-item{padding:10px;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.script-item-active{background-color:#ffffff1a;border-color:#ffffff4d}.script-item-inactive{background-color:transparent}.script-item-header{font-size:.8rem;font-weight:700;color:#aaa;margin-bottom:4px}.script-content{font-size:.9rem;color:#ccc}.script-content-active{color:#fff}.script-intro{font-size:.85rem;color:#888;margin-top:4px;font-style:italic}.thinking-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .3s ease}.thinking-content{background:#1e293be6;padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 20px 25px -5px #0003}.thinking-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #0ea5e9;border-radius:50%;animation:spin 1s linear infinite}.thinking-text{color:#fff;font-size:1.1rem;font-weight:500;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--bg-color: #121212;--surface-color: #1c1c1e;--surface-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #a1a1a1;--text-tertiary: #6b6b6b;--accent-color: #ffffff;--accent-text: #000000;--glass-bg: rgba(28, 28, 30, .6);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .2);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition: all .2s cubic-bezier(.25, .1, .25, 1)}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;transition:var(--transition)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.glass-panel{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary{background-color:var(--accent-color);color:var(--accent-text);padding:12px 24px;border-radius:var(--radius-full);font-weight:500;font-size:.95rem;letter-spacing:-.01em}.btn-primary:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.input-field{background:var(--surface-color);border:1px solid var(--surface-border);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius-md);font-family:var(--font-family);font-size:.95rem;width:100%;box-sizing:border-box;transition:var(--transition)}.input-field:focus{outline:none;border-color:var(--text-secondary)}.label-text{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px;display:block;font-weight:500}