*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#ffecd2,#fcb69f 50%,#ff9a9e);background-attachment:fixed;font-family:Playfair Display,Georgia,Times New Roman,serif;min-height:100vh;position:relative}body:before{background-image:radial-gradient(circle at 20% 50%,#ffb6c126 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffc0cb26 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffdae026 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.App{position:relative;z-index:1}.App,.home-page{min-height:100vh;width:100%}.home-page{align-items:center;display:flex;justify-content:center;padding:40px 20px}.home-container{animation:fadeIn .8s ease-out;max-width:1100px;text-align:center;width:100%}.hero-section{margin-bottom:4rem;position:relative}.heart-icon{animation:heartbeat 2s ease-in-out infinite;display:inline-block;font-size:4rem;margin-bottom:1rem}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}30%{transform:scale(1.1)}40%{transform:scale(1)}}.home-title{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease-out,gradientShift 3s ease infinite;background:linear-gradient(135deg,#d4145a,#fbb034,#ff9a9e,#d4145a);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}@keyframes gradientShift{0%,to{background-position:0}50%{background-position:100%}}.home-subtitle{animation:fadeInUp .8s ease-out;color:#8b4c5c;font-size:1.4rem;font-weight:500;letter-spacing:.05em;margin-bottom:1.5rem}.decorative-line{animation:lineGrow 1s ease-out;background:linear-gradient(90deg,#0000,#fbb034,#0000);border-radius:2px;height:3px;margin:2rem auto;width:200px}@keyframes lineGrow{0%{opacity:0;width:0}to{opacity:1;width:200px}}.role-selection{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem;padding:0 1rem}.role-card{animation:fadeIn 1s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffffa;border:2px solid #0000;border-radius:30px;box-shadow:0 10px 40px #d4145a26;color:#333;overflow:hidden;padding:3rem 2.5rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.role-card:before{background:linear-gradient(90deg,#d4145a,#fbb034);content:"";height:5px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.role-card:hover:before{transform:scaleX(1)}.role-card:hover{border-color:#d4145a33;box-shadow:0 20px 60px #d4145a40;transform:translateY(-15px) scale(1.02)}.card-icon-wrapper{margin-bottom:2rem}.icon-circle{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:50%;box-shadow:0 10px 30px #d4145a33;display:flex;height:100px;justify-content:center;margin:0 auto;transition:all .4s ease;width:100px}.role-card:hover .icon-circle{box-shadow:0 15px 40px #d4145a4d;transform:scale(1.1) rotate(10deg)}.icon-circle .icon{display:block;font-size:3rem}.role-card h3{color:#d4145a;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.card-description{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:2rem}.room-code-input{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;width:100%}.room-code-input input{background:#fff;border:2px solid #d4145a33;border-radius:15px;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.2em;min-width:150px;padding:1rem 1.5rem;text-align:center;text-transform:uppercase;transition:all .3s ease}.room-code-input input:focus{background:#fff;border-color:#d4145a;box-shadow:0 0 0 4px #d4145a1a;outline:none}.join-btn{background:linear-gradient(135deg,#d4145a,#fbb034);border:none;border-radius:15px;box-shadow:0 4px 15px #d4145a4d;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;min-width:100px;padding:1rem 2rem;transition:all .3s ease;white-space:nowrap}.join-btn:hover:not(:disabled){box-shadow:0 6px 20px #d4145a66;transform:translateY(-2px)}.join-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn{border-radius:15px;font-size:1.1rem;gap:.8rem;margin-top:1.5rem;padding:1rem 2.5rem;width:100%}.action-btn.primary{background:linear-gradient(135deg,#d4145a,#fbb034);box-shadow:0 6px 20px #d4145a4d;color:#fff}.action-btn.primary:hover{box-shadow:0 8px 25px #d4145a66;transform:translateY(-3px)}.action-btn.secondary{background:#fff;border:2px solid #d4145a;box-shadow:0 4px 15px #d4145a26;color:#d4145a}.action-btn.secondary:hover{background:#d4145a;box-shadow:0 6px 20px #d4145a4d;color:#fff;transform:translateY(-3px)}.action-btn .arrow{font-size:1.3rem;transition:transform .3s ease}.action-btn:hover .arrow{transform:translateX(5px)}.features-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:2px solid #d4145a1a;border-radius:30px;box-shadow:0 10px 40px #d4145a1a;margin-top:5rem;padding:3rem 2rem}.features-title{color:#d4145a;font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-item{padding:1.5rem;text-align:center;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-icon{animation:float 3s ease-in-out infinite;font-size:3rem;margin-bottom:1rem}.feature-item:nth-child(2) .feature-icon{animation-delay:.5s}.feature-item:nth-child(3) .feature-icon{animation-delay:1s}.feature-item:nth-child(4) .feature-icon{animation-delay:1.5s}.feature-item h4{color:#8b4c5c;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.feature-item p{color:#a0788e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem}.home-footer{border-top:2px solid #d4145a1a;margin-top:4rem;padding-top:2rem}.home-footer p{font-size:1.1rem;font-style:italic}.role-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.role-card h2{color:#d4145a;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.role-card p{color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;margin-bottom:1rem}.role-badge{background:linear-gradient(135deg,#d4145a,#fbb034);border-radius:25px;box-shadow:0 4px 15px #d4145a4d;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem}.home-footer{animation:fadeIn 1.2s ease-out;margin-top:2rem}.home-footer p{color:#8b4c5c;font-size:1rem;font-weight:500}.viewer-page{background:linear-gradient(135deg,#ffecd2,#fcb69f 50%,#ff9a9e);background-attachment:fixed;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.viewer-page:before{animation:float 6s ease-in-out infinite;content:"💐";left:5%;top:10%}.viewer-page:after,.viewer-page:before{font-size:4rem;opacity:.1;pointer-events:none;position:fixed}.viewer-page:after{animation:float 5s ease-in-out infinite;animation-delay:1s;bottom:10%;content:"🎊";right:5%}.viewer-loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh;padding:2rem}.viewer-loading-icon{animation:float 2s ease-in-out infinite;font-size:5rem}.viewer-loading-spinner{animation:spin 1s linear infinite;border:4px solid #d4145a33;border-radius:50%;border-top-color:#d4145a;height:60px;width:60px}.viewer-loading-text{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;font-weight:600}.viewer-error-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.viewer-error-icon{animation:float 3s ease-in-out infinite;font-size:6rem}.viewer-error-title{color:#d4145a;font-size:2rem;font-weight:700;margin:0}.viewer-error-message{color:#8b4c5c;font-size:1.1rem;line-height:1.6;margin:0;max-width:500px}.viewer-error-btn{background:linear-gradient(135deg,#d4145a,#fbb034);border:none;border-radius:15px;box-shadow:0 4px 15px #d4145a4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem 2.5rem;transition:all .3s ease}.viewer-error-btn:hover{box-shadow:0 6px 20px #d4145a66;transform:translateY(-2px)}.viewer-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:2px solid #d4145a1a;box-shadow:0 4px 20px #d4145a26;position:-webkit-sticky;position:sticky;top:0;z-index:100}.viewer-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem 2rem}.viewer-title-section{align-items:center;display:flex;flex:1 1;gap:1.5rem;min-width:250px}.viewer-icon{animation:float 3s ease-in-out infinite;font-size:3rem}.viewer-title-info{display:flex;flex-direction:column;gap:.5rem}.viewer-project-title{color:#d4145a;font-size:1.8rem;font-weight:700;line-height:1.2;margin:0}.viewer-room-badge{align-items:center;background:linear-gradient(135deg,#d4145a1a,#fbb0341a);border:1px solid #d4145a33;border-radius:20px;display:inline-flex;gap:.5rem;padding:.4rem 1rem;width:-webkit-fit-content;width:fit-content}.badge-icon{font-size:1rem}.badge-text{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.05em}.viewer-status-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.viewer-status-indicator{align-items:center;border-radius:20px;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.viewer-status-indicator.connected{background:#4caf5026;border:2px solid #4caf504d;color:#2e7d32}.viewer-status-indicator.disconnected{animation:pulse 2s infinite;background:#f4433626;border:2px solid #f443364d;color:#c62828}.status-dot{animation:pulse 2s infinite;background:currentColor}.status-text{white-space:nowrap}.viewer-count-badge{align-items:center;background:#d4145a1a;border:2px solid #d4145a33;border-radius:20px;color:#8b4c5c;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem}.count-icon{font-size:1.1rem}.count-text{white-space:nowrap}.viewer-home-btn{align-items:center;background:#fbb03426;border:2px solid #fbb0344d;border-radius:50%;box-shadow:0 4px 15px #fbb03433;cursor:pointer;display:flex;font-size:1.3rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.viewer-home-btn:hover{background:#fbb03440;border-color:#fbb034;box-shadow:0 6px 20px #fbb0344d;transform:translateY(-2px) scale(1.05)}.viewer-home-btn:active{transform:translateY(0) scale(.98)}.viewer-subtitle-container{flex:1 1;margin:0 auto;max-width:1200px;padding:3rem 2rem}.subtitle-stage,.viewer-subtitle-container{align-items:center;display:flex;flex-direction:column;width:100%}.subtitle-stage{justify-content:center;min-height:60vh;padding:2rem 0}.viewer-subtitle-line{margin:.8rem 0;opacity:.3;text-align:center;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.viewer-subtitle-line .subtitle-content{border-radius:15px;display:inline-block;padding:.5rem 1.5rem;transition:all .6s cubic-bezier(.4,0,.2,1)}.viewer-subtitle-line.active{opacity:1;transform:scale(1)}.viewer-subtitle-line.active .subtitle-content{animation:subtitlePop .6s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:3px solid #d4145a26;border-radius:25px;box-shadow:0 15px 50px #d4145a40;color:#d4145a;font-size:2.8rem;font-weight:700;line-height:1.5;padding:2rem 3rem}.viewer-subtitle-line.nearby{opacity:.6}.viewer-subtitle-line.nearby .subtitle-content{color:#8b4c5c;font-size:1.5rem;font-weight:600;line-height:1.6}.viewer-subtitle-line.distant .subtitle-content{color:#a0788e;font-size:1.1rem;font-weight:500;line-height:1.6}.viewer-progress{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:3rem;max-width:600px;width:100%}.progress-info{align-items:baseline;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:.5rem}.progress-current{color:#d4145a;font-size:2.5rem;font-weight:700}.progress-divider{color:#8b4c5c;font-size:1.5rem;font-weight:600}.progress-total{color:#a0788e;font-size:1.8rem;font-weight:600}.progress-bar-container{background:#fff9;border:2px solid #d4145a1a;border-radius:20px;box-shadow:inset 0 2px 8px #d4145a1a;height:12px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#d4145a,#fbb034);border-radius:20px;box-shadow:0 0 15px #d4145a66;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.viewer-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-top:2px solid #d4145a1a;padding:2rem;text-align:center}.viewer-footer-text{color:#8b4c5c;font-size:1.1rem;font-style:italic;font-weight:600;margin:0}.operator-page{background:linear-gradient(135deg,#8b4c5c,#d4145a);background-attachment:fixed;min-height:100vh;padding:20px;width:100%}.operator-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.2rem 2rem}.operator-header h1{color:#fff;flex:1 1;font-size:2rem;font-weight:700;text-align:center;text-shadow:0 2px 10px #0003}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;padding:.7rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#ffffff40;transform:translateX(-5px)}.control-panel{margin:0 auto;max-width:1200px}.control-buttons{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem;padding:2rem}.control-btn{background:linear-gradient(135deg,#fbb034,#ffdd67);border:2px solid #ffffff4d;border-radius:15px;box-shadow:0 6px 20px #fbb03466;color:#8b4c5c;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;min-width:160px;padding:1.2rem 2.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.control-btn:hover:not(:disabled){box-shadow:0 10px 30px #fbb03499;transform:translateY(-5px) scale(1.05)}.control-btn:active:not(:disabled){transform:translateY(-2px) scale(1.02)}.control-btn:disabled{background:#ffffff1a;box-shadow:none;color:#ffffff80;cursor:not-allowed;opacity:.4}.progress-indicator{align-items:center;display:flex;flex-direction:column;gap:.8rem;min-width:220px}.current-index{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.8rem;font-weight:700;text-shadow:0 2px 10px #0003}.progress-bar{background:#fff3;border-radius:15px;box-shadow:inset 0 2px 4px #0000001a;height:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#fbb034,#ffdd67);border-radius:15px;box-shadow:0 0 10px #fbb03480;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.subtitle-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:2rem}.subtitle-list h2{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 10px #0003}.subtitle-items{max-height:500px;overflow-y:auto;padding-right:1rem}.subtitle-items::-webkit-scrollbar{width:10px}.subtitle-items::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.subtitle-items::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fbb034,#ffdd67);border-radius:10px;box-shadow:0 0 6px #fbb03480}.subtitle-items::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffdd67,#fbb034)}.subtitle-item{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.8rem;padding:1.2rem 1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.subtitle-item:hover{background:#ffffff26;box-shadow:0 4px 15px #0000001a;transform:translateX(8px)}.subtitle-item.active{background:linear-gradient(135deg,#fbb0344d,#ffdd674d);border-color:#fbb03466;box-shadow:0 6px 20px #fbb0344d;transform:translateX(0)}.item-index{color:#fff9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;font-weight:700;min-width:45px;text-align:center}.subtitle-item.active .item-index{color:#fbb034;text-shadow:0 0 10px #fbb03480}.item-text{color:#ffffffd9;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6}.subtitle-item.active .item-text{color:#fff;font-weight:600}.active-badge{background:linear-gradient(135deg,#fbb034,#ffdd67);border-radius:20px;box-shadow:0 3px 10px #fbb03466;color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:700;padding:.4rem 1rem}.error-container,.loading-container{align-items:center;color:#8b4c5c;display:flex;flex-direction:column;justify-content:center;min-height:80vh}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #d4145a33;border-radius:50%;border-top-color:#d4145a;height:60px;margin-bottom:1.5rem;width:60px}.error-icon{animation:shake .5s ease-in-out;font-size:5rem;margin-bottom:1rem}.error-container p{color:#8b4c5c;font-size:1.3rem;font-weight:600;margin-bottom:2rem}.error-container p,.retry-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.retry-button{background:linear-gradient(135deg,#d4145a,#fbb034);border:none;border-radius:15px;box-shadow:0 6px 20px #d4145a4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.retry-button:hover{box-shadow:0 10px 30px #d4145a66;transform:translateY(-3px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes subtitlePop{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.08)}to{opacity:1;transform:scale(1.05)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@media (max-width:768px){.home-container{padding:2rem 1.5rem}.home-title{font-size:2.5rem}.home-subtitle{font-size:1.1rem}.heart-icon{font-size:4rem}.role-selection{gap:1.5rem;grid-template-columns:1fr}.features-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.viewer-header-content{padding:1.2rem 1.5rem}.viewer-project-title{font-size:1.5rem}.viewer-icon{font-size:2.5rem}.viewer-subtitle-line.active .subtitle-content{font-size:2.2rem;padding:1.5rem 2rem}.viewer-subtitle-line.nearby .subtitle-content{font-size:1.3rem}.progress-current{font-size:2rem}.progress-total{font-size:1.5rem}.operator-header{flex-direction:column;padding:1rem 1.5rem;text-align:center}.operator-header h1{font-size:1.6rem}.control-buttons{flex-direction:column;gap:1rem;padding:1.5rem}.control-btn{width:100%}.subtitle-item{flex-wrap:wrap}.active-badge{text-align:center;width:100%}}@media (max-width:480px){body{font-size:14px}.home-container{padding:1.5rem 1rem}.home-title{font-size:2rem}.home-subtitle{font-size:.95rem;padding:0 .5rem}.heart-icon{font-size:3rem}.decorative-line{height:3px;width:150px}.role-card{padding:1.5rem}.icon-circle{height:70px;width:70px}.icon-circle .icon{font-size:2rem}.role-card h3{font-size:1.3rem}.card-description{font-size:.9rem}.room-code-input{flex-direction:column;gap:.8rem}.room-code-input input{font-size:1rem;letter-spacing:.15em;min-width:auto;padding:.9rem 1rem;width:100%}.join-btn{font-size:1rem;padding:.9rem 1.5rem;width:100%}.action-btn{font-size:1rem;padding:.9rem 2rem}.features-section{margin-top:3rem;padding:2rem 1.5rem}.features-title{font-size:1.6rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-icon{font-size:2.5rem}.feature-item h4{font-size:1.1rem}.feature-item p{font-size:.9rem}.viewer-page:after,.viewer-page:before{font-size:3rem;opacity:.08}.viewer-header-content{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.viewer-title-section{gap:1rem;min-width:auto;width:100%}.viewer-icon{font-size:2rem}.viewer-project-title{font-size:1.3rem}.viewer-room-badge{padding:.3rem .8rem}.badge-text{font-size:.85rem}.viewer-status-bar{gap:.8rem;justify-content:flex-start;width:100%}.viewer-count-badge,.viewer-status-indicator{font-size:.85rem;padding:.5rem 1rem}.viewer-subtitle-container{padding:2rem 1rem}.subtitle-stage{min-height:50vh;padding:1rem 0}.viewer-subtitle-line{margin:.5rem 0}.viewer-subtitle-line.active .subtitle-content{border-radius:20px;font-size:1.8rem;line-height:1.4;padding:1.2rem 1.5rem}.viewer-subtitle-line.nearby .subtitle-content{font-size:1.1rem}.viewer-subtitle-line.distant .subtitle-content{font-size:.95rem}.viewer-progress{margin-top:2rem;max-width:100%}.progress-current{font-size:2rem}.progress-divider{font-size:1.3rem}.progress-total{font-size:1.5rem}.progress-bar-container{height:10px}.viewer-footer{padding:1.5rem 1rem}.viewer-footer-text{font-size:1rem}.viewer-error-icon,.viewer-loading-icon{font-size:4rem}.viewer-error-message,.viewer-loading-text{font-size:1rem}.viewer-error-title{font-size:1.6rem}.viewer-error-btn{font-size:1rem;padding:.9rem 2rem}.operator-page{padding:15px}.operator-header{padding:.8rem 1rem}.operator-header h1{font-size:1.4rem}.control-buttons{gap:.8rem;padding:1rem}.control-btn{font-size:1rem;min-width:auto;padding:.9rem 1.5rem}.progress-indicator{min-width:auto;width:100%}.current-index{font-size:1.5rem}.subtitle-list{padding:1rem}.subtitle-list h2{font-size:1.3rem}}@media (max-width:360px){.home-title{font-size:1.8rem}.home-subtitle{font-size:.9rem}.viewer-subtitle-line.active .subtitle-content{font-size:1.5rem;padding:1rem 1.2rem}.viewer-project-title{font-size:1.1rem}.progress-current{font-size:1.8rem}.progress-total{font-size:1.3rem}}@media (max-height:500px) and (orientation:landscape){.viewer-page,body{min-height:auto}.viewer-page{padding:60px 10px 10px}.subtitle-container{min-height:auto;padding:1rem .5rem}.subtitle-line{font-size:1rem;margin:.5rem 0}.subtitle-line.active{font-size:1.8rem;margin:1rem 0;padding:1rem 1.5rem}.subtitle-line.nearby{font-size:1.2rem}.connection-status{right:10px;top:10px}.status-indicator{font-size:.8rem;padding:.4rem .8rem}.operator-page{padding:10px}.operator-header{margin-bottom:1rem;padding:.8rem 1rem}.operator-header h1{font-size:1.3rem}.control-buttons{gap:1rem;padding:1rem}.control-btn{font-size:.95rem;min-width:120px;padding:.8rem 1.5rem}.current-index{font-size:1.3rem}.subtitle-list{padding:1rem}.subtitle-items{max-height:250px}.subtitle-item{margin-bottom:.5rem;padding:.8rem 1rem}.item-text{font-size:.9rem}}@media (min-width:1400px){.subtitle-line.active{font-size:3rem;max-width:1200px}.home-title{font-size:4rem}}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.login-container{max-width:450px;width:100%}.login-card{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #d4145a1a;border-radius:25px;box-shadow:0 20px 60px #d4145a33;padding:3rem}.login-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4145a,#fbb034);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.login-card .subtitle{color:#8b4c5c;font-size:1.1rem;font-weight:500;margin-bottom:2rem;text-align:center}.error-message{background:#f443361a;border-left:4px solid #c62828;border-radius:12px;color:#c62828;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;margin-bottom:1.5rem;padding:.8rem 1rem}.login-method-tabs{background:#d4145a0d;border-radius:15px;display:flex;gap:.5rem;margin-bottom:2rem;padding:.3rem}.tab-btn{background:#0000;border:none;border-radius:12px;color:#8b4c5c;cursor:pointer;flex:1 1;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.tab-btn.active{background:linear-gradient(135deg,#d4145a,#fbb034);box-shadow:0 4px 15px #d4145a4d;color:#fff}.tab-btn:hover:not(.active){background:#d4145a1a}.username-login-form{gap:1.5rem}.form-group,.username-login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#8b4c5c;font-size:.95rem;font-weight:600}.form-group input,.form-group label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.form-group input{background:#ffffffe6;border:2px solid #d4145a33;border-radius:12px;font-size:1rem;padding:1rem 1.2rem;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#d4145a;box-shadow:0 0 0 3px #d4145a1a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.login-btn{background:linear-gradient(135deg,#d4145a,#fbb034);border:none;border-radius:15px;box-shadow:0 6px 20px #d4145a4d;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.login-btn:hover:not(:disabled){box-shadow:0 8px 25px #d4145a66;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.google-login-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#555;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;gap:.8rem;justify-content:center;padding:1rem 2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.google-login-btn:hover:not(:disabled){background:#f8f9fa;border-color:#ccc;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.google-login-btn:disabled{cursor:not-allowed;opacity:.6}.google-icon{height:24px;width:24px}.info-section{border-top:2px solid #d4145a1a;margin-top:2rem;padding-top:2rem;text-align:center}.info-section h3{color:#d4145a;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.info-section p{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem}.viewer-link{margin-top:1.5rem;text-align:center}.viewer-link p{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;margin-bottom:.5rem}.viewer-link a{color:#d4145a;font-weight:600;text-decoration:none;transition:all .3s ease}.viewer-link a:hover{color:#fbb034;text-decoration:underline}.projects-page{background:linear-gradient(135deg,#ffecd2,#fcb69f 50%,#ff9a9e);background-attachment:fixed;min-height:100vh;padding:2rem}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.spinner{animation:spin 1s linear infinite;border:4px solid #d4145a1a;border-radius:50%;border-top-color:#d4145a;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner p{color:#8b4c5c;font-size:1.1rem;font-weight:600}.projects-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #d4145a1a;border-radius:25px;box-shadow:0 10px 40px #d4145a26;flex-wrap:wrap;justify-content:space-between;margin-bottom:3rem;padding:2rem}.header-left,.projects-header{align-items:center;display:flex;gap:1.5rem}.header-left{flex:1 1}.header-icon{animation:float 3s ease-in-out infinite;font-size:3rem}.projects-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4145a,#fbb034);-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.user-info{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;margin:.5rem 0 0}.header-right{align-items:center;display:flex;gap:1rem}.header-right .btn-home,.header-right .btn-primary,.header-right .btn-secondary{align-items:center;border:none;border-radius:15px;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;padding:.9rem 1.8rem;transition:all .3s ease}.header-right .btn-primary{background:linear-gradient(135deg,#d4145a,#fbb034);box-shadow:0 4px 15px #d4145a4d;color:#fff}.header-right .btn-primary:hover{box-shadow:0 6px 20px #d4145a66;transform:translateY(-2px)}.header-right .btn-secondary{background:#fff;border:2px solid #d4145a33;box-shadow:0 2px 10px #d4145a1a;color:#8b4c5c}.header-right .btn-secondary:hover{background:#d4145a0d;border-color:#d4145a;color:#d4145a}.header-right .btn-home{background:#fbb0341a;border:2px solid #fbb0344d;box-shadow:0 2px 10px #fbb03426;color:#d4145a}.header-right .btn-home:hover{background:#fbb03433;border-color:#fbb034;box-shadow:0 4px 15px #fbb0344d;transform:translateY(-2px)}.btn-icon{font-size:1.2rem}.error-banner{background:#f443361a;border-left:4px solid #c62828;border-radius:15px;color:#c62828;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin-bottom:2rem;padding:1rem 1.5rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:.5rem}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px dashed #d4145a4d;border-radius:25px;box-shadow:0 10px 40px #d4145a1a;grid-column:1/-1;padding:5rem 2rem;text-align:center}.empty-state h3{color:#d4145a;font-size:2rem;font-weight:700;margin-bottom:1rem}.empty-state p{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;margin-bottom:2rem}.btn-create-first{align-items:center;background:linear-gradient(135deg,#d4145a,#fbb034);border:none;border-radius:20px;box-shadow:0 6px 25px #d4145a4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;gap:.8rem;padding:1.2rem 2.5rem;transition:all .3s ease}.btn-create-first:hover{box-shadow:0 8px 30px #d4145a66;transform:translateY(-3px)}.sparkle{animation:sparkleRotate 2s ease-in-out infinite;font-size:1.5rem}@keyframes sparkleRotate{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.project-card{animation:slideInUp .5s ease-out both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #d4145a1a;border-radius:25px;box-shadow:0 10px 40px #d4145a26;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-card:hover{border-color:#d4145a4d;box-shadow:0 15px 50px #d4145a40;transform:translateY(-8px)}.project-card-top{flex:1 1;padding:2rem}.project-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.project-card h3{color:#d4145a;flex:1 1;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.status-badge{padding:.4rem 1rem;white-space:nowrap}.status-draft{background:#9e9e9e26;border:1px solid #9e9e9e4d;color:#616161}.status-published{background:#4caf5026;border:1px solid #4caf504d;color:#2e7d32}.project-meta{display:flex;gap:1.5rem;margin-bottom:1rem}.meta-item{font-size:.95rem;gap:.5rem}.meta-icon{font-size:1.1rem}.project-actions{background:#d4145a08;border-top:1px solid #d4145a1a;display:flex;flex-wrap:wrap;gap:.8rem;padding:1.5rem}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:100px;padding:.8rem 1.2rem;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 12px #667eea4d;color:#fff}.btn-edit:hover{box-shadow:0 5px 18px #667eea66;transform:translateY(-2px)}.btn-room{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 3px 12px #f093fb4d;color:#fff}.btn-room:hover{box-shadow:0 5px 18px #f093fb66;transform:translateY(-2px)}.btn-delete{background:#f443361a;border:1px solid #f443364d;color:#c62828}.btn-delete:hover{background:#f4433633;transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInUp .3s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffffa;border:2px solid #d4145a1a;border-radius:25px;box-shadow:0 20px 60px #d4145a4d;max-width:500px;overflow:hidden;padding:0;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#ffecd280,#fcb69f80);border-bottom:2px solid #d4145a1a;display:flex;justify-content:space-between;padding:2rem}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4145a,#fbb034);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;margin:0}.modal-close{align-items:center;background:#f443361a;border:none;border-radius:50%;color:#c62828;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;line-height:1;transition:all .3s ease;width:40px}.modal-close:hover{background:#f4433633;transform:rotate(90deg)}.modal-form{padding:2rem}.modal-form .form-group{margin-bottom:1.5rem}.modal-form label{color:#8b4c5c;display:block;font-weight:600;margin-bottom:.8rem}.modal-form input,.modal-form label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem}.modal-form input{background:#ffffffe6;border:2px solid #d4145a33;border-radius:15px;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.modal-form input:focus{background:#fff;border-color:#d4145a;box-shadow:0 0 0 4px #d4145a1a;outline:none}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-btn{border:none;border-radius:15px;cursor:pointer;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-cancel{background:#9e9e9e1a;border:2px solid #9e9e9e33;color:#616161}.btn-cancel:hover{background:#9e9e9e33;border-color:#9e9e9e4d}.btn-submit{background:linear-gradient(135deg,#d4145a,#fbb034);box-shadow:0 4px 15px #d4145a4d;color:#fff}.btn-submit:hover{box-shadow:0 6px 20px #d4145a66;transform:translateY(-2px)}.editor-page{background:linear-gradient(135deg,#ffecd2,#fcb69f 50%,#ff9a9e);background-attachment:fixed;min-height:100vh;padding:2rem}.editor-header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffffa;border:2px solid #d4145a1a;border-radius:25px;box-shadow:0 10px 40px #d4145a26;margin-bottom:2rem;padding:2rem}.header-top{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.btn-back{background:#d4145a1a;border:2px solid #d4145a33;border-radius:12px;color:#d4145a;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.btn-back:hover{background:#d4145a33;transform:translateX(-3px)}.header-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:1rem}.header-info h1{color:#d4145a;font-size:2rem;font-weight:700;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-action{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;gap:.6rem;padding:.9rem 1.5rem;transition:all .3s ease}.btn-import{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-import:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-add{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb4d;color:#fff}.btn-add:hover{box-shadow:0 6px 20px #f093fb66;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe4d;color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #4facfe66;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-publish{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 15px #43e97b4d;color:#fff}.btn-publish:hover{box-shadow:0 6px 20px #43e97b66;transform:translateY(-2px)}.editor-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffff2;border:2px solid #d4145a1a;border-radius:25px;box-shadow:0 10px 40px #d4145a26;padding:2rem}.slides-info{border-bottom:2px solid #d4145a1a;margin-bottom:1.5rem;padding-bottom:1rem}.info-text{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600}.empty-slides{padding:5rem 2rem;text-align:center}.empty-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}.empty-slides h3{color:#d4145a;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.empty-slides p{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;margin-bottom:2rem}.empty-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary-large,.btn-secondary-large{border:none;border-radius:15px;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;padding:1.2rem 2.5rem;transition:all .3s ease}.btn-primary-large{background:linear-gradient(135deg,#d4145a,#fbb034);box-shadow:0 6px 25px #d4145a4d;color:#fff}.btn-primary-large:hover{box-shadow:0 8px 30px #d4145a66;transform:translateY(-3px)}.btn-secondary-large{background:#fff;border:2px solid #d4145a;box-shadow:0 4px 15px #d4145a26;color:#d4145a}.btn-secondary-large:hover{background:#d4145a0d;transform:translateY(-3px)}.slides-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.slide-card{background:#fff;border:2px solid #d4145a1a;border-radius:15px;box-shadow:0 4px 15px #d4145a1a;padding:1.5rem;transition:all .3s ease}.slide-card:hover{border-color:#d4145a4d;box-shadow:0 8px 25px #d4145a33;transform:translateY(-5px)}.slide-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.slide-number{align-items:center;color:#d4145a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;gap:.5rem}.number-icon{font-size:1.2rem}.btn-delete-slide{background:#f443361a;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:.5rem .8rem;transition:all .3s ease}.btn-delete-slide:hover{background:#f4433633;transform:scale(1.1)}.slide-textarea{border:2px solid #d4145a33;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.slide-textarea:focus{border-color:#d4145a;box-shadow:0 0 0 4px #d4145a1a;outline:none}.slide-footer{margin-top:.8rem;text-align:right}.char-count{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem}.modal-large{max-width:700px}.modal-description{color:#8b4c5c;line-height:1.6;margin-bottom:1.5rem}.import-textarea,.modal-description{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.import-textarea{border:2px solid #d4145a33;border-radius:15px;font-size:1rem;line-height:1.8;padding:1.2rem;resize:vertical;transition:all .3s ease;width:100%}.import-textarea:focus{background:#fff;border-color:#d4145a;box-shadow:0 0 0 4px #d4145a1a;outline:none}.import-info{background:#43e97b1a;border-left:4px solid #43e97b;border-radius:8px;color:#2e7d32;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;margin:1rem 0;padding:.8rem 1.2rem}.error-state,.warning-state{padding:5rem 2rem;text-align:center}.error-icon,.warning-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}.error-state h2,.warning-state h2{color:#d4145a;font-size:2rem;font-weight:700;margin-bottom:1rem}.warning-state p{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;margin-bottom:2rem}.room-page{background:linear-gradient(135deg,#ffecd2,#fcb69f 50%,#ff9a9e);background-attachment:fixed;min-height:100vh;padding:2rem}.room-page-header{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffffa;border:2px solid #d4145a1a;border-radius:25px;box-shadow:0 10px 40px #d4145a26;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:2rem}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4145a,#fbb034);-webkit-background-clip:text;font-size:2.2rem;font-weight:700;margin:0 0 .5rem}.project-name{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;margin:0}.create-room-container{margin:0 auto;max-width:700px}.ready-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffffa;border:2px solid #d4145a1a;border-radius:25px;box-shadow:0 15px 50px #d4145a33;padding:3rem;text-align:center}.ready-card .card-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}.ready-card h2{color:#d4145a;font-size:2.2rem;font-weight:700;margin-bottom:1rem}.ready-card .description{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.features-list{margin-bottom:2.5rem;text-align:left}.feature-item{align-items:center;background:#d4145a0d;border-radius:12px;color:#8b4c5c;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:500;gap:1rem;margin-bottom:.8rem;padding:1rem 1.5rem}.feature-icon{font-size:1.5rem}.btn-create-room{align-items:center;background:linear-gradient(135deg,#d4145a,#fbb034);border:none;border-radius:20px;box-shadow:0 8px 30px #d4145a4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;gap:.8rem;justify-content:center;padding:1.3rem 3rem;transition:all .3s ease}.btn-create-room:hover:not(:disabled){box-shadow:0 12px 40px #d4145a66;transform:translateY(-3px)}.btn-create-room:disabled{cursor:not-allowed;opacity:.7}.spinner-small{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.room-created-container{margin:0 auto;max-width:900px}.success-banner{align-items:center;background:linear-gradient(135deg,#43e97b26,#38f9d726);border:2px solid #43e97b4d;border-radius:15px;color:#2e7d32;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1.5rem}.success-icon{font-size:1.8rem}.room-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.info-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffffa;border:2px solid #d4145a1a;border-radius:20px;box-shadow:0 10px 40px #d4145a26;padding:2rem}.card-header{align-items:center;display:flex;gap:.8rem;margin-bottom:1.5rem}.card-header .card-icon{font-size:2rem}.card-header h3{color:#d4145a;font-size:1.3rem;font-weight:700;margin:0}.code-box{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.code-text{background:linear-gradient(135deg,#ffecd280,#fcb69f80);border-radius:15px;color:#d4145a;flex:1 1;font-family:monospace;font-size:2.5rem;font-weight:700;letter-spacing:.2em;padding:1.5rem;text-align:center}.btn-copy-code{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.btn-copy-code:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.link-box{display:flex;gap:1rem;margin-bottom:1rem}.link-input{background:#ffffffe6;border:2px solid #d4145a33;border-radius:12px;flex:1 1;font-family:monospace;font-size:1rem;padding:1rem 1.5rem}.link-input:focus{border-color:#d4145a;box-shadow:0 0 0 4px #d4145a1a;outline:none}.btn-copy-link{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:12px;box-shadow:0 4px 15px #f093fb4d;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.btn-copy-link:hover{box-shadow:0 6px 20px #f093fb66;transform:translateY(-2px)}.hint{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;margin:0}.action-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.btn-start-presentation{align-items:center;background:linear-gradient(135deg,#d4145a,#fbb034);border:none;border-radius:18px;box-shadow:0 8px 30px #d4145a4d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;gap:1rem;justify-content:center;min-width:250px;padding:1.5rem 2.5rem;transition:all .3s ease}.btn-start-presentation:hover{box-shadow:0 12px 40px #d4145a66;transform:translateY(-3px)}.btn-preview{align-items:center;background:#fff;border:2px solid #d4145a;border-radius:18px;box-shadow:0 4px 15px #d4145a26;color:#d4145a;cursor:pointer;display:flex;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;font-weight:600;gap:1rem;justify-content:center;min-width:250px;padding:1.5rem 2.5rem;transition:all .3s ease}.btn-preview:hover{background:#d4145a0d;transform:translateY(-3px)}.instructions-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffffa;border:2px solid #d4145a1a;border-radius:20px;box-shadow:0 10px 40px #d4145a26;padding:2rem}.instructions-card h4{color:#d4145a;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.instructions-card ol{margin:0;padding-left:1.5rem}.instructions-card li{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:2}.existing-rooms-section{animation:fadeInUp .6s ease-out;margin-bottom:3rem}.section-header{margin-bottom:2rem;text-align:left}.section-header h2{align-items:center;color:#d4145a;display:flex;font-size:2rem;font-weight:700;gap:.8rem;margin-bottom:.5rem}.section-icon{font-size:2.2rem}.room-count-badge{align-items:center;background:linear-gradient(135deg,#d4145a,#fbb034);border-radius:20px;box-shadow:0 4px 15px #d4145a4d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-width:2rem;padding:.3rem .8rem}.section-subtitle{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;margin-left:3rem}.room-card.enhanced{animation:slideInUp .6s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #d4145a26;border-radius:20px;box-shadow:0 8px 30px #d4145a1f;opacity:0;padding:1.8rem;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.room-card.enhanced:hover{border-color:#d4145a4d;box-shadow:0 15px 50px #d4145a33;transform:translateY(-8px)}.room-card-header{align-items:flex-start;border-bottom:2px solid #d4145a1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.2rem}.room-code-display{display:flex;flex-direction:column;gap:.5rem}.room-code-label{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.room-code-badge{background:linear-gradient(135deg,#d4145a,#ff6b9d);border-radius:12px;box-shadow:0 4px 15px #d4145a4d;color:#fff;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;letter-spacing:.15em;padding:.6rem 1.2rem}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.status-badge.active{background:#22c55e26;border:2px solid #22c55e4d;color:#16a34a}.status-badge.inactive{background:#ef444426;border:2px solid #ef44444d;color:#dc2626}.status-dot{animation:pulse 2s ease-in-out infinite;background-color:currentColor;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.room-card-body{margin-bottom:1.5rem}.room-link-section{margin-bottom:1.2rem}.room-label{align-items:center;color:#8b4c5c;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.label-icon{font-size:1rem}.link-display{align-items:center;display:flex;gap:.5rem}.link-input-compact{background:#fffc;border:2px solid #d4145a33;border-radius:10px;color:#666;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;padding:.7rem 1rem;transition:all .3s ease}.link-input-compact:focus{background:#fff;border-color:#d4145a;box-shadow:0 0 0 3px #d4145a1a;outline:none}.btn-icon-small{background:linear-gradient(135deg,#d4145a,#ff6b9d);border:none;border-radius:10px;box-shadow:0 4px 15px #d4145a4d;color:#fff;cursor:pointer;font-size:1.1rem;padding:.7rem 1rem;transition:all .3s ease}.btn-icon-small:hover{box-shadow:0 6px 20px #d4145a66;transform:scale(1.1)}.room-meta{border-top:1px solid #d4145a1a;display:flex;gap:1.5rem;padding-top:1rem}.meta-item{align-items:center;color:#8b4c5c;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;gap:.4rem}.meta-icon{font-size:1rem;opacity:.8}.room-card-actions{display:flex;flex-wrap:wrap;gap:.8rem}.btn-action-danger,.btn-action-primary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:100px;padding:.9rem 1.2rem;transition:all .3s ease}.btn-action-primary{background:linear-gradient(135deg,#d4145a,#ff6b9d);box-shadow:0 4px 15px #d4145a4d;color:#fff}.btn-action-primary:hover{box-shadow:0 6px 20px #d4145a66;transform:translateY(-2px)}.btn-action-danger{background:#fff;border:2px solid #dc2626;box-shadow:0 4px 15px #dc262626;color:#dc2626}.btn-action-danger:hover{background:#dc2626;box-shadow:0 6px 20px #dc26264d;color:#fff;transform:translateY(-2px)}.qr-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf}.qr-modal-enhanced{animation:scaleIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:25px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;padding:0;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.qr-modal-header{background:linear-gradient(135deg,#d4145a,#ff6b9d);color:#fff;justify-content:space-between;padding:2rem}.qr-modal-header,.qr-modal-title{align-items:flex-start;display:flex}.qr-modal-title{gap:1rem}.qr-icon{font-size:2.5rem}.qr-modal-title h3{font-size:1.5rem;font-weight:700;margin-bottom:.3rem}.qr-room-code{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;opacity:.95}.qr-room-code strong{font-weight:700;letter-spacing:.1em}.btn-close-x{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-close-x:hover{background:#ffffff4d;transform:rotate(90deg)}.qr-modal-body{padding:2rem}.qr-code-container{background:#d4145a0d;border-radius:20px;display:flex;justify-content:center;margin-bottom:1.5rem;padding:1.5rem}.qr-code-image{border-radius:15px;box-shadow:0 8px 30px #00000026;height:auto;max-width:280px;width:100%}.qr-hint-box,.qr-info{margin-bottom:1.5rem}.qr-hint-box{align-items:flex-start;background:#fbb0341a;border-left:4px solid #fbb034;border-radius:10px;display:flex;gap:1rem;padding:1rem 1.2rem}.hint-icon{flex-shrink:0;font-size:1.5rem}.qr-hint-box p{color:#8b4c5c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;line-height:1.6;margin:0}.qr-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-copy-code-modal,.btn-download-qr{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;min-width:140px;padding:.9rem 1.5rem;transition:all .3s ease}.btn-download-qr{background:linear-gradient(135deg,#d4145a,#ff6b9d);box-shadow:0 4px 15px #d4145a4d;color:#fff}.btn-download-qr:hover{box-shadow:0 6px 20px #d4145a66;transform:translateY(-2px)}.btn-copy-code-modal{background:#fff;border:2px solid #d4145a;color:#d4145a}.btn-copy-code-modal:hover{background:#d4145a0d;transform:translateY(-2px)}.btn-close-modal-large{background:#d4145a1a;border:none;border-top:1px solid #d4145a1a;color:#d4145a;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.btn-close-modal-large:hover{background:#d4145a26}@media (max-width:768px){.section-header h2{font-size:1.6rem}.room-card.enhanced{padding:1.5rem}.room-code-badge{font-size:1.1rem;padding:.5rem 1rem}.room-card-actions{flex-direction:column}.btn-action-danger,.btn-action-primary{width:100%}.qr-modal-enhanced{width:95%}.qr-modal-body,.qr-modal-header{padding:1.5rem}.qr-actions{flex-direction:column}.btn-copy-code-modal,.btn-download-qr{width:100%}}
/*# sourceMappingURL=main.39bf71b4.css.map*/