@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--accent-color:#f59e0b;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-dark:#1e1b4b;--bg-darker:#0f0d24;--border-color:#e2e8f0;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-glow:0 0 20px #6366f166;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--resident-trust:#ef4444;--resident-autonomy:#f59e0b;--resident-initiative:#eab308;--resident-industry:#22c55e;--resident-identity:#3b82f6;--resident-intimacy:#ec4899;--resident-generativity:#8b5cf6}body{background-color:#1e1b4b;background-color:var(--bg-dark);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app-container{background:#fff;background:var(--bg-secondary);margin:0 auto;max-width:100%;min-height:100vh;position:relative}.app-container.loading{align-items:center;background:#1e1b4b;background:var(--bg-dark);color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.screen{display:flex;flex-direction:column;min-height:100vh}.screen-header{align-items:center;background:#fff;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1rem 1.5rem}.screen-header h2{font-size:1.25rem;font-weight:600}.back-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#1f2937;color:var(--text-primary);cursor:pointer;padding:.5rem;transition:background .2s}.back-btn:hover{background:#f1f5f9;background:var(--bg-tertiary)}.landing-screen{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);background:linear-gradient(135deg,var(--bg-dark) 0,#312e81 100%);color:#fff;justify-content:center;padding:2rem;text-align:center}.landing-content{max-width:400px}.landing-symbols{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.landing-symbol{animation:fadeIn .5s ease-out forwards;opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:.8;transform:translateY(0)}}.landing-screen h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.tagline{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9}.landing-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.landing-subtitle{font-size:.9rem;opacity:.7}.app-header{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;justify-content:space-between;padding:1rem 1.5rem}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.header-symbols{display:flex;gap:.25rem}.header-titles h1{font-size:1.25rem;font-weight:700}.header-subtitle{font-size:.8rem;opacity:.9}.header-right{display:flex;gap:.5rem}.header-btn{background:#ffffff26;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:.5rem;transition:background .2s}.header-btn:hover{background:#ffffff40}.home-content{flex:1 1;padding:1.5rem}.home-stats{display:flex;gap:1rem;margin-bottom:2rem}.stat-card{background:#f1f5f9;background:var(--bg-tertiary);border-radius:12px;border-radius:var(--radius-md);flex:1 1;padding:1rem;text-align:center}.stat-value{color:#6366f1;color:var(--primary-color);display:block;font-size:1.25rem;font-weight:700}.stat-label{color:#6b7280;color:var(--text-secondary);font-size:.75rem}.home-actions{gap:1rem}.action-card,.home-actions{display:flex;flex-direction:column}.action-card{align-items:center;background:#fff;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);cursor:pointer;gap:.5rem;padding:2rem;text-align:center;transition:all .2s}.action-card:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card svg{color:#6366f1;color:var(--primary-color)}.action-card span{font-size:1.25rem;font-weight:600}.action-card p{color:#6b7280;color:var(--text-secondary);font-size:.9rem}.room-mode-select{gap:1rem;padding:1.5rem}.mode-card,.room-mode-select{display:flex;flex-direction:column}.mode-card{align-items:center;background:#fff;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);cursor:pointer;gap:.75rem;padding:2rem;text-align:center;transition:all .2s}.mode-card:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 20px #6366f166;box-shadow:var(--shadow-glow)}.mode-card svg{color:#6366f1;color:var(--primary-color)}.mode-card h3{font-size:1.1rem}.mode-card p{color:#6b7280;color:var(--text-secondary);font-size:.9rem}.create-practice-room,.create-real-room{padding:1.5rem}.create-practice-room h3,.create-real-room h3,.matter-input{margin-bottom:1rem}.matter-input{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;width:100%}.scenario-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.scenario-count{color:#6b7280;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.category-filter{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.filter-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s}.filter-btn:hover{color:#6366f1;color:var(--primary-color)}.filter-btn.active,.filter-btn:hover{border-color:#6366f1;border-color:var(--primary-color)}.filter-btn.active{background:#6366f1;background:var(--primary-color);color:#fff}.scenario-card{background:#fff;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;padding:1rem;text-align:left;transition:all .2s}.scenario-card.selected,.scenario-card:hover{border-color:#6366f1;border-color:var(--primary-color)}.scenario-card.selected{background:#6366f10d;box-shadow:0 0 20px #6366f166;box-shadow:var(--shadow-glow)}.scenario-category{color:#6366f1;color:var(--primary-color);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.scenario-preview-modal{animation:modalAppear .2s ease-out;background:#f8fafc;background:var(--bg-primary);border-radius:20px;border-radius:var(--radius-lg);max-height:85vh;max-width:550px;overflow-y:auto;padding:2rem;position:relative;width:90%}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scenario-preview-modal .close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px}.scenario-preview-modal .close-btn:hover{background:#fff;background:var(--bg-secondary);color:#1f2937;color:var(--text-primary)}.scenario-preview-modal .preview-category{color:#6366f1;color:var(--primary-color);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.scenario-preview-modal h2{font-size:1.5rem;margin:.5rem 0 1.5rem}.preview-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.summary-item{background:#fff;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-md);padding:1rem}.summary-label{color:#6366f1;color:var(--primary-color);display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.summary-item p{color:#1f2937;color:var(--text-primary);font-size:.9rem;line-height:1.4;margin:0}.preview-perspectives{margin-bottom:1.5rem}.preview-perspectives h4{color:#6b7280;color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.perspective-preview-cards{display:flex;flex-direction:column;gap:.75rem}.perspective-preview-card{background:#fff;background:var(--bg-secondary);border-left:3px solid #6366f1;border-left:3px solid var(--primary-color);border-radius:12px;border-radius:var(--radius-md);padding:1rem}.perspective-preview-card strong{color:#6366f1;color:var(--primary-color);display:block;margin-bottom:.25rem}.perspective-preview-card span{color:#6b7280;color:var(--text-secondary);font-size:.9rem}.choose-scenario-btn{font-size:1rem;padding:1rem;width:100%}.selected-scenario-banner{align-items:center;background:#6366f11a;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.selected-scenario-banner span{color:#6b7280;color:var(--text-secondary);font-size:.9rem}.selected-scenario-banner strong{color:#6366f1;color:var(--primary-color);flex:1 1}.change-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:.25rem .75rem;transition:all .2s}.change-btn:hover{border-color:#6366f1;border-color:var(--primary-color);color:#6366f1;color:var(--primary-color)}.perspective-select{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.perspective-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.perspective-card{background:#fff;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;padding:1rem;text-align:left;transition:all .2s}.perspective-card.selected,.perspective-card:hover{border-color:#6366f1;border-color:var(--primary-color)}.join-content{padding:2rem 1.5rem;text-align:center}.room-code-input{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:block;font-size:2rem;letter-spacing:.3em;margin:1.5rem auto;max-width:200px;padding:1rem;text-align:center;width:100%}.practice-v2-screen{background:#0f0d24;background:var(--bg-darker);color:#fff;display:flex;flex-direction:column;min-height:100vh}.practice-v2-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 1rem}.practice-v2-header .back-btn{color:#fff}.header-center{text-align:center}.practice-badge{background:#f59e0b;background:var(--accent-color);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.2rem .6rem;text-transform:uppercase}.header-center h2{color:#fff;font-size:1rem;margin-top:.25rem}.exchange-counter{align-items:center;background:#ffffff26;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;padding:.4rem .75rem}.exchange-counter span{color:#fff;font-size:1.25rem;font-weight:700}.exchange-counter small{color:#ffffffb3;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase}.outcome-note{color:#ffffff80;font-size:.75rem;font-style:italic;margin-top:.5rem}.reveal-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary-color),#ec4899);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.5rem .75rem;transition:all .3s}.reveal-btn:hover:not(:disabled){box-shadow:0 0 20px #ec489980;transform:scale(1.05)}.reveal-btn:disabled{cursor:not-allowed;opacity:.5}.matter-banner{background:#6366f126;border-bottom:1px solid #6366f14d;padding:.75rem 1rem;text-align:center}.matter-label{color:#818cf8;color:var(--primary-light);display:block;font-size:.6rem;letter-spacing:.1em;margin-bottom:.25rem;text-transform:uppercase}.matter-banner p{color:#ffffffe6;font-size:.9rem}.split-screen-container{display:flex;flex:1 1;overflow:hidden}.perspective-panel{background:#0003;border-right:1px solid #ffffff1a;display:flex;flex:1 1;flex-direction:column;transition:all .3s}.perspective-panel:last-of-type{border-right:none}.perspective-panel.active{background:#6366f11a}.perspective-panel.watching{opacity:.7}.panel-header{background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:.75rem}.panel-header,.panel-identity{align-items:center;display:flex}.panel-identity{gap:.5rem}.perspective-letter{align-items:center;background:#6366f1;background:var(--primary-color);border-radius:50%;display:flex;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.panel-info{display:flex;flex-direction:column}.panel-info strong{font-size:.85rem}.panel-info span{color:#fff9;font-size:.65rem}.control-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:.6rem;font-weight:700;padding:.25rem .5rem;text-transform:uppercase}.control-badge.you{background:#10b981;background:var(--success-color);color:#fff}.control-badge.ai{background:#fff3;color:#fffc}.panel-residents{background:#0003;display:flex;gap:.25rem;overflow-x:auto;padding:.5rem}.resident-cell{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;min-width:36px;padding:.25rem;transition:all .3s}.resident-cell.active{animation:residentPulse 2s ease-in-out infinite;background:#6366f14d;box-shadow:0 0 10px #6366f180}@keyframes residentPulse{0%,to{box-shadow:0 0 10px #6366f180}50%{box-shadow:0 0 20px #6366f1cc}}.activation-bar{background:#fff3;border-radius:2px;height:3px;overflow:hidden;width:100%}.activation-fill{background:linear-gradient(90deg,#6366f1,#f59e0b);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));height:100%;transition:width .5s ease}.panel-messages{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:.75rem}.message{animation:messageAppear .3s ease-out;border-radius:12px;border-radius:var(--radius-md);font-size:.85rem;line-height:1.4;max-width:85%;padding:.6rem .8rem}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.ai{align-self:flex-start;background:#6366f133;border-bottom-left-radius:4px}.message.self{align-self:flex-end;background:#6366f1;background:var(--primary-color);border-bottom-right-radius:4px}.message.other{align-self:flex-start;background:#ec489933;border-bottom-left-radius:4px}.message.typing{background:#ffffff1a}.typing-indicator{display:flex;gap:4px}.typing-indicator span{animation:typingBounce 1.4s ease-in-out infinite;background:#fff9;border-radius:50%;height:6px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.swap-divider{background:#0006;justify-content:center;width:50px}.swap-btn,.swap-divider{align-items:center;display:flex}.swap-btn{background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary-color),#ec4899);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex-direction:column;gap:2px;padding:.75rem .5rem;transition:all .3s}.swap-btn:hover{box-shadow:0 0 20px #6366f199;transform:scale(1.1)}.swap-btn span{font-size:.55rem;font-weight:700;letter-spacing:.05em}.practice-input-area{background:#0006;border-top:1px solid #ffffff1a;padding:.75rem}.current-perspective-indicator{color:#fff9;font-size:.75rem;margin-bottom:.5rem;text-align:center}.current-perspective-indicator strong{color:#818cf8;color:var(--primary-light)}.input-row{display:flex;gap:.5rem}.input-row input{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--radius-md);color:#fff;flex:1 1;font-size:.9rem;padding:.75rem 1rem}.input-row input::placeholder{color:#fff6}.input-row input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133;outline:none}.send-btn{align-items:center;background:#6366f1;background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.send-btn:hover:not(:disabled){background:#4f46e5;background:var(--primary-dark);transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.outcome-prompt{border-top:1px solid #ffffff1a;margin-top:.75rem;padding-top:.75rem;text-align:center}.outcome-prompt p{color:#ffffffb3;font-size:.8rem;margin-bottom:.5rem}.outcome-buttons{display:flex;gap:.5rem;justify-content:center}.bridge-btn,.fork-btn{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .2s}.bridge-btn{background:#10b981;background:var(--success-color);color:#fff}.fork-btn{background:#f59e0b;background:var(--accent-color);color:#fff}.bridge-btn:hover,.fork-btn:hover{transform:scale(1.05)}.reveal-overlay{align-items:center;animation:revealFadeIn .5s ease-out;background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes revealFadeIn{0%{opacity:0}to{opacity:1}}.reveal-container{color:#fff;max-width:500px;padding:2rem;text-align:center;width:100%}.reveal-stage{animation:stageAppear .6s ease-out}@keyframes stageAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.consent-stage h2{font-size:1.75rem;margin-bottom:.5rem}.reveal-subtitle{color:#818cf8;color:var(--primary-light);font-size:1.1rem;margin-bottom:1.5rem}.reveal-prompt{color:#fffc;font-size:1rem;margin-bottom:2rem}.consent-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.consent-yes{background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary-color),#ec4899);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.consent-yes:hover{box-shadow:0 0 30px #ec489980;transform:scale(1.05)}.consent-no{background:#0000;border:1px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);color:#ffffffb3;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.consent-no:hover{border-color:#ffffff80;color:#fff}.consent-note{color:#ffffff80;font-size:.85rem;font-style:italic}.waiting-stage{align-items:center;display:flex;flex-direction:column}.waiting-symbols{display:flex;gap:1rem;margin-bottom:2rem}.waiting-symbol{animation:symbolFloat 2s ease-in-out infinite}@keyframes symbolFloat{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.waiting-text{font-size:1.1rem;margin-bottom:1rem}.waiting-dots{display:flex;gap:8px;margin-bottom:2rem}.waiting-dots span{animation:dotPulse 1.4s ease-in-out infinite;background:#6366f1;background:var(--primary-color);border-radius:50%;height:10px;width:10px}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.unveiling-stage{position:relative}.reveal-flash{animation:flashPulse 2s ease-out infinite;background:radial-gradient(circle,#6366f14d 0,#0000 70%);height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes flashPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.unveiling-houses{align-items:center;display:flex;justify-content:space-around;margin:2rem 0;position:relative;z-index:1}.house-reveal{text-align:center}.house-symbols{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.house-symbol{animation:symbolReveal .5s ease-out forwards;opacity:0}@keyframes symbolReveal{0%{opacity:0;transform:scale(0)}to{opacity:.5;transform:scale(1)}}.house-symbol.lit{animation:symbolRevealLit .5s ease-out forwards}@keyframes symbolRevealLit{0%{opacity:0;transform:scale(0)}to{filter:drop-shadow(0 0 8px currentColor);opacity:1;transform:scale(1)}}.house-name{font-size:1rem;font-weight:600}.seeing-stage h3{margin-bottom:1.5rem}.seeing-panels{display:flex;gap:1rem}.seeing-panel{background:#ffffff0d;border-radius:12px;border-radius:var(--radius-md);flex:1 1;padding:1rem}.seeing-panel h4{color:#818cf8;color:var(--primary-light);font-size:.9rem;margin-bottom:.75rem}.resident-insights{display:flex;flex-direction:column;gap:.5rem}.insight-item{align-items:center;display:flex;font-size:.8rem;gap:.5rem;text-align:left}.resident-name{font-weight:600}.resident-question{color:#fff9;font-style:italic}.meeting-stage h3,.meeting-visual{margin-bottom:1.5rem}.meeting-visual{align-items:center;display:flex;gap:1rem;justify-content:center}.house-a,.house-b{display:flex;gap:.5rem}.meeting-resident{animation:meetingPulse 2s ease-in-out infinite}@keyframes meetingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.meeting-bridge{animation:bridgeGlow 2s ease-in-out infinite;border-radius:50%;padding:1rem}.meeting-bridge.bridge{background:#10b98133;color:#10b981;color:var(--success-color)}.meeting-bridge.fork{background:#f59e0b33;color:#f59e0b;color:var(--accent-color)}@keyframes bridgeGlow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}.meeting-message{color:#ffffffe6;font-size:1rem}.meeting-note{color:#ffffff80;font-size:.9rem;font-style:italic;margin-top:.5rem}.close-stage{position:relative}.close-glow{animation:closeGlow 3s ease-in-out infinite;background:radial-gradient(circle,#ec489933 0,#0000 70%);height:400px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes closeGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.close-star{animation:starTwinkle 2s ease-in-out infinite;font-size:3rem;margin-bottom:1rem;position:relative;z-index:1}@keyframes starTwinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.close-stage h2{font-size:1.5rem;margin-bottom:.5rem;position:relative;z-index:1}.close-divider{background:linear-gradient(90deg,#0000,#6366f1,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);height:2px;margin:1.5rem auto;width:60px}.close-label{color:#818cf8;color:var(--primary-light);font-size:.75rem;letter-spacing:.2em;margin-bottom:1rem;text-transform:uppercase}.score-reveal{background:#ffffff0d;border-radius:12px;border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem}.score-reveal p{color:#ffffffb3;font-size:.9rem}.final-score{color:#fff!important;font-size:1.25rem!important;font-weight:700;margin-top:.5rem}.close-invite{margin-bottom:1.5rem}.close-invite p{color:#fff9;font-size:.9rem;font-style:italic;margin-bottom:.75rem}.invite-btn{background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary-color),#ec4899);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.invite-btn:hover{box-shadow:0 0 20px #ec489980;transform:scale(1.05)}.home-btn{background:#0000;border:1px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);color:#ffffffb3;cursor:pointer;padding:.75rem 2rem;transition:all .2s}.home-btn:hover{border-color:#fff;color:#fff}.continue-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-weight:600;margin-top:1.5rem;padding:.75rem 2rem;transition:all .2s}.continue-btn:hover{background:#4f46e5;background:var(--primary-dark);transform:scale(1.05)}.resident-creation-screen{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);background:linear-gradient(135deg,var(--bg-dark) 0,#312e81 100%);color:#fff;justify-content:center;padding:4rem 2rem 2rem}.creation-header{align-items:center;display:flex;justify-content:space-between;left:0;padding:1rem;position:absolute;right:0;top:0}.back-btn-light{background:#ffffff1a;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:.5rem;transition:background .2s}.back-btn-light:hover{background:#fff3}.skip-btn{background:#0000;border:1px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);color:#ffffffb3;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.skip-btn:hover{border-color:#fff;color:#fff}.creation-progress{display:flex;gap:.5rem;margin-bottom:2rem}.progress-dot{background:#fff3;border-radius:50%;height:10px;transition:all .3s;width:10px}.progress-dot.active{background:#6366f1;background:var(--primary-color);box-shadow:0 0 10px #6366f1;box-shadow:0 0 10px var(--primary-color)}.creation-content{max-width:400px;text-align:center}.creation-content h2{font-size:1.75rem;margin-bottom:.5rem}.resident-question-display{color:#818cf8;color:var(--primary-light);font-size:1.1rem;font-style:italic;margin-bottom:.5rem}.resident-description{color:#ffffffb3;font-size:.9rem;margin-bottom:2rem}.color-select,.symbol-select{margin-bottom:1.5rem}.color-select h4,.symbol-select h4{color:#fffc;font-size:.9rem;margin-bottom:.75rem}.symbol-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.symbol-btn{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s}.symbol-btn:hover{background:#ffffff26}.symbol-btn.selected{background:#6366f133;border-color:#6366f1;border-color:var(--primary-color)}.symbol-btn span{font-size:.75rem}.color-options{display:flex;gap:.5rem;justify-content:center}.color-btn{border:3px solid #0000;border-radius:50%;cursor:pointer;height:36px;transition:all .2s;width:36px}.color-btn:hover{transform:scale(1.1)}.color-btn.selected{border-color:#fff;box-shadow:0 0 10px currentColor}.name-input{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;border-radius:var(--radius-md);color:#fff;font-size:1rem;margin-bottom:1.5rem;padding:1rem;text-align:center;width:100%}.name-input::placeholder{color:#fff6}.name-input:focus{border-color:#6366f1;border-color:var(--primary-color);outline:none}.profile-screen{background:#fff;background:var(--bg-secondary)}.profile-content{padding:1.5rem}.profile-header{margin-bottom:2rem;text-align:center}.profile-symbols{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.profile-header h2{font-size:1.5rem}.profile-class{color:#6366f1;color:var(--primary-color);font-weight:600}.profile-stats h3{color:#6b7280;color:var(--text-secondary);font-size:.75rem;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.stat-item{background:#f1f5f9;background:var(--bg-tertiary);border-radius:12px;border-radius:var(--radius-md);padding:1rem;text-align:center}.stat-item .stat-value{color:#6366f1;color:var(--primary-color);display:block;font-size:1.5rem;font-weight:700}.stat-item .stat-label{font-size:.75rem}.signout-btn,.stat-item .stat-label{color:#6b7280;color:var(--text-secondary)}.signout-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s;width:100%}.signout-btn:hover{border-color:#ef4444;border-color:var(--danger-color);color:#ef4444;color:var(--danger-color)}.primary-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s;width:100%}.primary-btn:hover:not(:disabled){background:#4f46e5;background:var(--primary-dark)}.primary-btn:disabled{background:#e2e8f0;background:var(--border-color);cursor:not-allowed}.secondary-btn{background:#0000;border:2px solid #ffffff4d;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s;width:100%}.secondary-btn:hover{background:#ffffff1a}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:20px;border-radius:var(--radius-lg);max-width:400px;padding:2rem;width:100%}.auth-modal h2{color:#1f2937;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.auth-error{background:#ef44441a;border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;color:var(--danger-color);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.auth-modal form{display:flex;flex-direction:column;gap:1rem}.auth-modal input{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);font-size:1rem;padding:.875rem 1rem}.auth-modal input:focus{border-color:#6366f1;border-color:var(--primary-color);outline:none}.auth-divider{color:#6b7280;color:var(--text-secondary);margin:1.5rem 0;position:relative;text-align:center}.auth-divider:after,.auth-divider:before{background:#e2e8f0;background:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:40%}.auth-divider:before{left:0}.auth-divider:after{right:0}.google-btn{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;width:100%}.auth-switch{color:#6b7280;color:var(--text-secondary);margin-top:1.5rem;text-align:center}.auth-switch button{background:none;border:none;color:#6366f1;color:var(--primary-color);cursor:pointer;font-weight:600}.forgot-password{margin-top:.75rem;text-align:center}.forgot-password button{background:none;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:.85rem;text-decoration:underline}.forgot-password button:hover{color:#6366f1;color:var(--primary-color)}.guest-btn{background:#0000;border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;margin-top:.75rem;padding:.875rem;transition:all .2s;width:100%}.guest-btn:hover{border-color:#6366f1;border-color:var(--primary-color);color:#6366f1;color:var(--primary-color)}@media (max-width:600px){.split-screen-container{flex-direction:column}.perspective-panel{border-bottom:1px solid #ffffff1a;border-right:none;min-height:40vh}.swap-divider{flex-direction:row;height:50px;width:100%}.seeing-panels{flex-direction:column}.meeting-visual{flex-wrap:wrap}}
/*# sourceMappingURL=main.7baf7603.css.map*/