.app{min-height:100vh;position:relative;display:flex;flex-direction:column}.start-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;position:relative;z-index:1}.start-screen h1{font-size:3rem;letter-spacing:.2em;margin-bottom:8px}.subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:20px}.start-btn{font-size:1.1rem;padding:16px 48px;margin-top:20px}.warning-card,.error-card{background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:8px;padding:16px 24px;max-width:400px;text-align:center}.features{display:flex;gap:40px;margin-top:40px}.feature{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted)}.feature-icon{font-size:2rem}.connecting-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;position:relative;z-index:1}.loader{width:60px;height:60px;border:3px solid transparent;border-top-color:var(--pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.session-layout{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.session-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0000004d;border-bottom:1px solid rgba(255,110,199,.2)}.header-left{display:flex;align-items:center;gap:20px}.session-title{font-size:1.5rem;margin:0}.session-status{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--aqua);transition:all .3s}.status-dot.speaking{background:var(--pink);box-shadow:0 0 10px var(--pink);animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.header-center{position:absolute;left:50%;transform:translate(-50%)}.timer{font-family:Orbitron,monospace;font-size:1.2rem;display:flex;gap:4px}.timer-elapsed{color:var(--aqua)}.timer-separator,.timer-max{color:var(--text-muted)}.header-right{display:flex;gap:12px}.btn.muted{background:#ff646433;border-color:#ff646480}.session-content{flex:1;display:flex;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;padding:24px;overflow:hidden}.screen-share-status{margin-bottom:20px}.sharing-active{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:8px}.share-dot{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f0}.frame-count{color:var(--text-muted);font-size:.9rem;margin-left:auto}.transcript-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:16px;background:#0003;border-radius:12px}.transcript-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.transcript-item{display:flex;flex-direction:column;gap:4px;animation:fade-in .3s ease-out}.transcript-item.user{align-items:flex-end}.transcript-role{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.transcript-text{max-width:80%;padding:12px 16px;border-radius:12px;line-height:1.5}.transcript-item.user .transcript-text{background:linear-gradient(135deg,var(--purple),var(--pink));border-bottom-right-radius:4px}.transcript-item.assistant .transcript-text{background:#00ffff1a;border:1px solid rgba(0,255,255,.2);border-bottom-left-radius:4px}.sidebar{width:320px;background:#0000004d;border-left:1px solid rgba(255,110,199,.2);display:flex;flex-direction:column;overflow:hidden}.sidebar-section{padding:20px;border-bottom:1px solid rgba(255,110,199,.1)}.sidebar-section h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.15em;color:var(--pink);margin-bottom:16px}.empty-text{color:var(--text-muted);font-size:.9rem;font-style:italic}.questions-section{max-height:300px;overflow-y:auto}.questions-list{display:flex;flex-direction:column;gap:12px}.question-item{display:flex;gap:10px;padding:12px;background:#ffffff0d;border-radius:8px;border-left:3px solid transparent}.question-item.essential{border-left-color:var(--pink)}.question-item.non-essential{border-left-color:var(--aqua)}.question-type{flex-shrink:0}.question-text{font-size:.9rem;line-height:1.4}.chat-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.chat-message{padding:10px 14px;border-radius:8px;font-size:.9rem;animation:fade-in .2s ease-out}.chat-message.system{background:#ffffff0d;color:var(--text-muted);font-style:italic}.chat-message.gpt{background:#ff6ec71a;border-left:2px solid var(--pink)}.chat-message.gemini{background:#00ffff1a;border-left:2px solid var(--aqua)}.chat-link{color:var(--aqua);text-decoration:none}.app.dragging{position:relative}.drop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a0033f2;display:flex;align-items:center;justify-content:center;z-index:1000;border:4px dashed var(--aqua);animation:pulse-border 1s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:var(--aqua)}50%{border-color:var(--pink)}}.drop-content{text-align:center}.drop-icon{font-size:4rem;display:block;margin-bottom:1rem}.drop-content h2{font-family:var(--font-display);font-size:2rem;color:var(--aqua);margin:0 0 .5rem;text-shadow:0 0 20px var(--aqua)}.drop-content p{color:var(--text-secondary);margin:0}.upload-area{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0000004d;border-radius:8px;margin-top:auto}.upload-btn{cursor:pointer;display:flex;align-items:center;gap:.5rem}.upload-hint{color:var(--text-secondary);font-size:.85rem}.assets-section{border-bottom:1px solid rgba(255,110,199,.2)}.assets-list{display:flex;flex-direction:column;gap:.5rem}.asset-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0000004d;border-radius:6px;font-size:.85rem;border-left:3px solid var(--purple);transition:all .2s ease}.asset-item:hover{background:#00000080}.asset-item.analyzed{border-left-color:var(--aqua)}.asset-icon{font-size:1.2rem}.asset-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.asset-analyzed{color:var(--aqua);font-weight:700}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.chat-message{display:flex;gap:.5rem;padding:.5rem;border-radius:6px;margin-bottom:.5rem;background:#ffffff08;border-left:2px solid transparent}.chat-message.gpt{border-left-color:var(--neon-pink, #ff6ec7)}.chat-message.gemini{border-left-color:var(--neon-aqua, #00f5d4)}.chat-message.system{border-left-color:#ffffff4d;opacity:.8}.chat-message.link{background:#00f5d40d}.chat-message.insight{background:#ff6ec70d}.chat-icon{font-size:.9rem;flex-shrink:0}.chat-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.chat-content p{margin:0;font-size:.85rem;line-height:1.4;word-wrap:break-word}.chat-title{font-weight:600;font-size:.85rem;color:var(--neon-aqua, #00f5d4)}.chat-link{color:var(--neon-aqua, #00f5d4);text-decoration:none;font-size:.8rem;word-break:break-all}.chat-link:hover{text-decoration:underline}.chat-messages{max-height:300px;overflow-y:auto;padding-right:.5rem}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.review-summary{background:#9d4edd33;border:1px solid rgba(157,78,221,.5);border-radius:12px;padding:1.5rem;margin:1rem 0 2rem;max-width:600px;text-align:left}.review-summary h3{color:#ff6ec7;margin:0 0 1rem;font-size:1.2rem}.review-summary p{color:#ffffffe6;margin:.5rem 0;line-height:1.5}.review-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,110,199,.3)}.review-details h4{color:#0ff;margin:0 0 .5rem;font-size:1rem}.review-details ul{margin:0;padding-left:1.5rem}.review-details li{color:#fffc;margin:.3rem 0;line-height:1.4}.timer-warning{animation:pulse-warning 1s ease-in-out infinite}.timer-critical{animation:pulse-critical .5s ease-in-out infinite}.timer-warning .timer-elapsed{color:#fa0}.timer-critical .timer-elapsed{color:#f44}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-critical{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.timer-warning-badge{display:inline-block;margin-left:.5rem;padding:.2rem .5rem;background:#ffaa004d;border:1px solid rgba(255,170,0,.5);border-radius:4px;font-size:.75rem;color:#fa0;animation:blink 1s ease-in-out infinite}.timer-critical .timer-warning-badge{background:#ff44444d;border-color:#ff444480;color:#f44}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.time-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ff444426;display:flex;align-items:center;justify-content:center;z-index:100;animation:warning-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes warning-pulse{0%,to{background:#ff44441a}50%{background:#f443}}.time-warning-content{background:#000000e6;border:2px solid #ff4444;border-radius:16px;padding:2rem;text-align:center;max-width:400px;pointer-events:auto}.time-warning-content h2{color:#f44;margin:0 0 1rem;font-size:1.5rem}.time-warning-content p{color:#fffc;margin:0;line-height:1.5}.browser-viewport.chrome-style{background:#202124;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0006;margin-bottom:1rem;animation:browserSlideIn .3s ease-out}@keyframes browserSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chrome-titlebar{display:flex;align-items:center;padding:8px 12px;background:#35363a;gap:12px}.chrome-buttons{display:flex;gap:8px}.chrome-btn{width:12px;height:12px;border-radius:50%}.chrome-btn.red{background:#ff5f56}.chrome-btn.yellow{background:#ffbd2e}.chrome-btn.green{background:#27c93f}.chrome-title{flex:1;text-align:center;color:#9aa0a6;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chrome-toolbar{display:flex;align-items:center;padding:8px 12px;background:#35363a;border-top:1px solid #28292c;gap:8px}.chrome-nav-buttons{display:flex;gap:4px}.nav-btn{padding:4px 8px;color:#9aa0a6;cursor:default;font-size:14px;-webkit-user-select:none;user-select:none}.chrome-url-bar{flex:1;display:flex;align-items:center;background:#202124;border-radius:20px;padding:6px 12px;gap:8px}.url-icon{font-size:12px}.url-text{flex:1;color:#e8eaed;font-size:13px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-viewport.chrome-style .browser-content{background:#1a1a1a;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}.browser-screenshot{width:100%;height:100%;object-fit:contain}.browser-loading{color:#9aa0a6;font-size:.875rem}.chat-url-full{word-break:break-all;display:block}:root{--pink: #ff6ec7;--aqua: #00ffff;--purple: #9d4edd;--deep-purple: #1a0033;--dark-bg: #0d1b2a;--darker-bg: #0f0f1e;--text: #ffffff;--text-muted: rgba(255, 255, 255, .6);--grid-color: rgba(255, 110, 199, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--deep-purple) 0%,var(--dark-bg) 25%,#2d0a3d 50%,var(--darker-bg) 100%);color:var(--text);min-height:100vh;overflow:hidden}#root{min-height:100vh}.neon-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.05) 1px,transparent 1px);background-size:60px 60px;animation:grid-move 30s linear infinite;pointer-events:none;z-index:0}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(60px)}}h1,h2,h3{font-family:Orbitron,monospace;font-weight:600;letter-spacing:.05em}.glow-pink{text-shadow:0 0 10px var(--pink),0 0 20px var(--pink),0 0 40px var(--pink)}.glow-aqua{text-shadow:0 0 10px var(--aqua),0 0 20px var(--aqua),0 0 40px var(--aqua)}.btn{font-family:Orbitron,monospace;font-size:.9rem;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:0 0 20px #ff6ec766}.btn-primary:hover{box-shadow:0 0 30px #ff6ec799;transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--aqua);border:1px solid var(--aqua);box-shadow:0 0 10px #0ff3}.btn-secondary:hover{background:#00ffff1a;box-shadow:0 0 20px #0ff6}.btn-danger{background:linear-gradient(135deg,#f44,#c00);color:#fff}.card{background:#0d1b2acc;border:1px solid rgba(255,110,199,.2);border-radius:8px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--pink)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff6ec766}50%{box-shadow:0 0 40px #ff6ec7cc}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-fade-in{animation:fade-in .3s ease-out}