@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-dark:#080c16;--bg-card:#10192db3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#6557ff;--accent-hover:#8a80ff;--accent-green:#26d968;--accent-blue:#0da2e7;--accent-amber:#f59f0a;--glass-border:#f8fafc1a;--glass-glow:#6557ff26;--transition-smooth:.3s cubic-bezier(.25, .8, .25, 1);--font-primary:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;overflow:hidden}html[dir=rtl] body{text-align:right}.app-wrapper{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.app-wrapper.scrollable-mode{overflow-y:auto}.app-wrapper.screensaver-mode{overflow:hidden}.app-wrapper.screensaver-mode .top-navbar{box-sizing:border-box;width:100%;position:absolute;top:0;left:0}.top-navbar{z-index:10;background:linear-gradient(#05080fcc,#0000);justify-content:space-between;align-items:center;padding:1.5rem 3rem;transition:opacity .5s,transform .5s;display:flex}.studio-brand{letter-spacing:1px;background:linear-gradient(135deg, var(--text-primary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.studio-brand span{background:0 0!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:#ff4d4d!important;color:#ff4d4d!important}.navbar-tabs{gap:1rem;display:flex}.nav-tab{color:var(--text-secondary);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:50px;padding:.6rem 1.5rem;font-size:1.1rem;font-weight:600}.nav-tab:hover{color:var(--text-primary);background:#f8fafc0d}.nav-tab.active{color:var(--text-primary);background:var(--accent-primary);box-shadow:0 0 15px var(--glass-glow)}.tab-focusable:focus,.nav-tab:focus{border-color:var(--accent-primary);box-shadow:0 0 20px var(--glass-glow);background:#6557ff26;outline:none;transform:scale(1.05)}.main-content-area{flex:1;width:100%;height:100%;position:relative}.slideshow-container{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.slideshow-blur-bg{filter:blur(25px)brightness(.4);z-index:1;background-position:50%;background-size:cover;transition:background-image .8s ease-in-out;position:absolute;inset:-20px}.slideshow-viewport{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.slideshow-img{object-fit:contain;max-width:100%;max-height:100%;transition:opacity .6s ease-in-out;box-shadow:0 15px 50px #000c}.slideshow-img.fade-in{opacity:1}.slideshow-img.fade-out{opacity:0}.slideshow-overlay{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);z-index:3;border-radius:50px;align-items:center;gap:2rem;padding:.8rem 2rem;transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}html[dir=rtl] .slideshow-overlay{transform:translate(50%)}.slideshow-status{align-items:center;gap:.6rem;display:flex}.status-icon{border-radius:50%;width:10px;height:10px}.status-icon.playing{background-color:var(--accent-green);box-shadow:0 0 10px var(--accent-green);animation:1.5s infinite pulse}.status-icon.paused{background-color:var(--accent-amber);box-shadow:0 0 10px var(--accent-amber)}.status-text{color:var(--text-primary);font-size:.95rem;font-weight:600}.slideshow-controls{gap:.5rem;display:flex}.control-btn{color:var(--text-primary);cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.control-btn:hover{background:#f8fafc1a}.control-btn:focus{background:var(--accent-primary);box-shadow:0 0 15px var(--glass-glow);outline:none}.dialog-backdrop{-webkit-backdrop-filter:blur(8px);z-index:20;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.exit-dialog-card{background:var(--bg-card);border:1px solid var(--glass-border);text-align:center;box-shadow:0 20px 50px #000c, 0 0 30px var(--glass-glow);border-radius:20px;width:90%;max-width:500px;padding:3rem}.exit-dialog-card h3{margin-bottom:2rem;font-size:1.5rem;font-weight:600}.dialog-btns{justify-content:center;gap:1.5rem;display:flex}.dialog-btn{font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:10px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700}.dialog-btn.confirm{background:var(--accent-primary);color:var(--text-primary)}.dialog-btn.cancel{color:var(--text-primary);background:#f8fafc1a}.dialog-btn:focus{box-shadow:0 0 15px var(--accent-primary);outline:none;transform:scale(1.08)}.pairing-container{justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.pairing-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);border-radius:24px;width:100%;max-width:800px;padding:3rem;box-shadow:0 20px 40px #0009}.pairing-title{text-align:center;margin-bottom:.5rem;font-size:2rem;font-weight:700}.pairing-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:3rem;font-size:1.1rem}.pairing-split{justify-content:space-around;align-items:center;gap:3rem;margin-bottom:3rem;display:flex}.qr-wrapper{background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:1.5rem;display:flex;box-shadow:0 10px 25px #00000080}.qr-overlay-text{color:#10192d;letter-spacing:.5px;margin-top:.8rem;font-size:.8rem;font-weight:700}.code-wrapper{flex-direction:column;align-items:center;gap:1rem;display:flex}.code-label{color:var(--text-secondary);font-size:1.1rem;font-weight:600}.pairing-digits{gap:.6rem;display:flex}.digit-box{border:1px solid var(--glass-border);width:55px;height:70px;color:var(--text-primary);text-shadow:0 0 10px #fff3;background:#f8fafc14;border-radius:12px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:700;display:flex}.timer-badge{color:var(--accent-amber);background:#f59f0a26;border:1px solid #f59f0a4d;border-radius:50px;padding:.4rem 1.2rem;font-size:.9rem;font-weight:600}.timer-badge span{font-weight:700}.status-banner{border:1px solid #0000;border-radius:12px;padding:1rem 2rem}.status-banner.waiting{color:#3ebaf4;background:#0da2e71a;border-color:#0da2e733}.status-banner.success{color:#67e495;background:#26d96826;border-color:#26d9684d}.status-flex{justify-content:center;align-items:center;gap:.8rem;font-weight:600;display:flex}.pulse-dot{border-radius:50%;width:10px;height:10px}.pulse-dot.blue{background-color:var(--accent-blue);box-shadow:0 0 10px var(--accent-blue);animation:1.5s infinite pulse}.pulse-dot.green{background-color:var(--accent-green);box-shadow:0 0 10px var(--accent-green);animation:1.5s infinite pulse}.about-container{justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;overflow-y:auto}.about-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);border-radius:24px;width:100%;max-width:900px;padding:3rem;box-shadow:0 20px 40px #0009}.about-title{margin-bottom:1rem;font-size:2.2rem;font-weight:700}.about-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.future-offerings-section{border-top:1px solid var(--glass-border);margin-bottom:3rem;padding-top:2rem}.section-title{margin-bottom:.5rem;font-size:1.4rem;font-weight:600}.section-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.offerings-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.offering-card{border:1px solid var(--glass-border);transition:var(--transition-smooth);background:#f8fafc0a;border-radius:16px;padding:1.5rem;position:relative}.offering-card h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.offering-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.offering-badge{text-transform:uppercase;border-radius:50px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}html[dir=rtl] .offering-badge{left:1rem;right:auto}.offering-badge.pending{color:var(--text-secondary);background:#94a3b826}.offering-card.active{border-color:var(--accent-primary);background:#6557ff0d}.offering-card.active .offering-badge{color:var(--accent-hover);background:#6557ff33}.about-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-top:2rem;display:flex}.studio-link{color:var(--accent-hover);transition:var(--transition-smooth);font-size:1.1rem;font-weight:600;text-decoration:none}.studio-link:hover{text-shadow:0 0 10px var(--glass-glow)}.back-btn{color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background:#f8fafc1a;border:1px solid #0000;border-radius:10px;padding:.6rem 2rem;font-size:1rem;font-weight:700}.language-selector-wrapper{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);border-radius:20px;width:90%;max-width:800px;margin:3rem auto;padding:2rem;box-shadow:0 15px 35px #00000080}.language-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.lang-globe-icon{font-size:1.5rem}.lang-title{font-size:1.2rem;font-weight:700}.language-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.lang-btn{border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-primary);background:#f8fafc0d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:1.2rem;display:flex}.lang-btn:hover{background:#f8fafc1a;transform:translateY(-2px)}.lang-btn.active{background:var(--accent-primary);border-color:var(--accent-hover);box-shadow:0 0 15px var(--glass-glow)}.lang-native{color:var(--text-primary);margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.lang-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.lang-btn.active .lang-label{color:#dbe6f0}.lang-btn:focus{border-color:var(--accent-hover);box-shadow:0 0 15px var(--accent-primary);outline:none;transform:scale(1.04)}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.9)}}.mobile-companion-wrapper{background-color:var(--bg-dark);min-height:100vh;color:var(--text-primary);font-family:var(--font-primary);flex-direction:column;display:flex;overflow-y:auto}.mobile-header{border-bottom:1px solid var(--glass-border);z-index:10;background:#05080fe6;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex;position:sticky;top:0}.companion-logo{background:linear-gradient(135deg, var(--text-primary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2rem;font-weight:700}.companion-badge{background:var(--accent-primary);color:#fff;box-shadow:0 0 10px var(--glass-glow);border-radius:50px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.mobile-content{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;padding:1.5rem;display:flex}.mobile-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;box-shadow:0 8px 30px #0006}.mobile-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.mobile-card-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.85rem;line-height:1.4}.mobile-input,.mobile-select{border:1px solid var(--glass-border);color:#fff;width:100%;font-family:var(--font-primary);transition:var(--transition-smooth);background:#f8fafc0d;border-radius:8px;padding:.8rem 1rem;font-size:1rem}.mobile-input:focus,.mobile-select:focus{border-color:var(--accent-primary);box-shadow:0 0 10px var(--glass-glow);outline:none}.mobile-btn{width:100%;font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;margin-top:1rem;padding:.9rem;font-size:1rem;font-weight:700}.mobile-btn.primary{background:var(--accent-primary);color:#fff}.mobile-btn.primary:disabled{opacity:.6;cursor:not-allowed}.setting-row{border-bottom:1px solid #f8fafc0d;justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.setting-label{font-size:.95rem;font-weight:600}.mobile-checkbox{width:20px;height:20px;accent-color:var(--accent-primary)}.upload-container{justify-content:center;padding:1rem 0;display:flex}.upload-trigger-btn{border:2px dashed var(--glass-border);text-align:center;cursor:pointer;width:100%;transition:var(--transition-smooth);background:#f8fafc14;border-radius:12px;padding:1.5rem;font-weight:700}.upload-trigger-btn:hover{border-color:var(--accent-primary);background:#6557ff0d}.hidden-file-input{display:none}.progress-section{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.progress-bar-container{background:#f8fafc1a;border-radius:50px;height:8px;overflow:hidden}.progress-bar{background:var(--accent-primary);height:100%;transition:width .3s}.progress-status-text{color:var(--text-secondary);font-size:.8rem}.photo-cards-container{flex-direction:column;gap:.8rem;margin-top:1rem;display:flex}.photo-item-card{border:1px solid var(--glass-border);background:#f8fafc08;border-radius:12px;align-items:center;gap:.8rem;padding:.8rem;display:flex}.photo-thumb{object-fit:cover;border-radius:8px;width:50px;height:50px}.photo-meta{text-align:left;flex-direction:column;flex:1;gap:.2rem;display:flex}.photo-name{white-space:nowrap;text-overflow:ellipsis;max-width:150px;color:var(--text-primary);font-size:.9rem;font-weight:600;overflow:hidden}.photo-details{color:var(--text-secondary);font-size:.75rem}.live-pill{border:1px solid var(--accent-green);color:var(--accent-green);background:#26d96826;border-radius:50px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.google-signin-btn{color:#1e293b;width:100%;font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:.8rem;padding:.9rem;font-size:1rem;font-weight:700;display:flex}.google-signin-btn:hover{background-color:#f8fafc;box-shadow:0 4px 15px #ffffff26}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:20px;height:20px}.user-profile-badge{align-items:center;gap:.8rem;display:flex}.user-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.85rem;font-weight:600;overflow:hidden}.signout-link-btn{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.signout-link-btn:hover{border-color:var(--text-primary);background:#f8fafc1a}.app-wrapper.user-inactive .top-navbar{opacity:0;pointer-events:none;transform:translateY(-100%)}.app-wrapper.user-inactive .slideshow-overlay{opacity:0;pointer-events:none;transform:translate(-50%,100%)}html[dir=rtl] .app-wrapper.user-inactive .slideshow-overlay{transform:translate(50%,100%)}