@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;overflow:hidden}.slideshow-img{object-fit:contain;width:100%;height:100%;transition:opacity .6s ease-in-out}.slideshow-img.fade-in{opacity:1}.slideshow-img.fade-out{opacity:0}.slideshow-img.kenburns-zoom-in,.slideshow-img.kenburns-pan-right,.slideshow-img.kenburns-pan-left{animation-timing-function:ease-in-out;animation-fill-mode:forwards}.slideshow-img.kenburns-zoom-in{animation-name:kenburns-zoom-in}.slideshow-img.kenburns-pan-right{animation-name:kenburns-pan-right}.slideshow-img.kenburns-pan-left{animation-name:kenburns-pan-left}@keyframes kenburns-zoom-in{0%{transform:scale(1)}to{transform:scale(1.28)}}@keyframes kenburns-pan-right{0%{transform:scale(1.2)translate(-6%)}to{transform:scale(1.2)translate(6%)}}@keyframes kenburns-pan-left{0%{transform:scale(1.2)translate(6%)}to{transform:scale(1.2)translate(-6%)}}.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}.about-version{color:var(--text-muted);font-size:.95rem;font-weight:500}.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{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem;margin-top:1rem;display:grid}.photo-item-card{aspect-ratio:16/9;border:1px solid var(--glass-border);background:#f8fafc05;border-radius:12px;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:flex;position:relative;overflow:hidden}.photo-item-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0006}.photo-thumb{object-fit:cover;width:100%;height:100%;display:block}.photo-overlay{opacity:0;background:linear-gradient(#0c0f1780 0%,#0c0f174d 40%,#0c0f17f2 100%);flex-direction:column;justify-content:space-between;padding:.6rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.photo-item-card:hover .photo-overlay,.photo-item-card:focus-within .photo-overlay{opacity:1}@media (width<=768px){.photo-overlay{opacity:1;background:linear-gradient(#0c0f1766 0%,#0c0f1726 50%,#0c0f17e6 100%)}}.photo-top-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.delete-btn{color:#fff;cursor:pointer;background:#ef4444d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin:0;padding:0;font-size:.85rem;font-weight:700;line-height:1;transition:background .2s,transform .2s;display:flex}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.photo-meta{flex-direction:column;gap:.1rem;display:flex}.photo-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:600;overflow:hidden}.photo-details{color:#ffffffb3;font-size:.6rem}.live-pill{border:1px solid var(--accent-green);color:var(--accent-green);background:#26d96826;border-radius:50px;padding:.1rem .4rem;font-size:.6rem;font-weight:700;line-height:1}.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%)}.app-redirect-banner{text-align:center;background:linear-gradient(135deg,#5048e526,#05080fe6);border:1px solid #6366f14d;border-radius:12px;flex-direction:column;align-items:center;gap:.8rem;margin:1rem 1.5rem 0;padding:1.2rem;display:flex}.redirect-text{color:var(--text-secondary);margin:0;font-size:.9rem;font-weight:500}.redirect-btn{background-color:var(--accent-primary);color:#fff;border-radius:8px;padding:.8rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 15px #6366f14d}.redirect-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.apple-signin-btn{color:#fff;width:100%;font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background-color:#000;border:1px solid #1e293b;border-radius:8px;justify-content:center;align-items:center;gap:.8rem;padding:.9rem;font-size:1rem;font-weight:700;display:flex}.apple-signin-btn:hover{background-color:#111827;box-shadow:0 4px 15px #ffffff0d}.apple-signin-btn:disabled{opacity:.6;cursor:not-allowed}.apple-icon{width:20px;height:20px}.gallery-container{box-sizing:border-box;height:100vh;padding:8rem 3rem 3rem;overflow-y:auto}.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;padding-bottom:2rem;display:grid}.gallery-item{background:var(--bg-card);border:1px solid var(--glass-border);aspect-ratio:16/9;cursor:pointer;border-radius:12px;transition:border-color .15s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.gallery-item-img-container{width:100%;height:100%;overflow:hidden}.gallery-item-img{object-fit:cover;width:100%;height:100%;transition:transform .15s}.gallery-item:hover .gallery-item-img{transform:scale(1.05)}.gallery-item.focused,.gallery-item:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary);z-index:5;outline:none}.gallery-item.focused .gallery-item-img,.gallery-item:focus .gallery-item-img{transform:scale(1.05)}.slideshow-empty-state,.gallery-empty-state{box-sizing:border-box;z-index:2;justify-content:center;align-items:center;width:100%;height:100%;padding-top:6rem;display:flex;position:absolute;top:0;left:0}.empty-card{background:var(--bg-card);border:1px solid var(--glass-border);text-align:center;-webkit-backdrop-filter:blur(10px);border-radius:24px;width:90%;max-width:600px;padding:3rem;box-shadow:0 20px 40px #0009}.empty-card h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.8rem}.empty-card p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.empty-action-btn{background:var(--accent-primary);color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:50px;padding:.8rem 2rem;font-size:1.1rem;font-weight:600}.empty-action-btn:hover{background:var(--accent-hover)}.empty-action-btn:focus{border-color:var(--text-primary);box-shadow:0 0 20px var(--glass-glow);outline:none;transform:scale(1.05)}.nav-dropdown-container{display:inline-block;position:relative}.nav-dropdown-menu{-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);z-index:100;background-color:#0c0f17fa;border-radius:8px;flex-direction:column;gap:4px;min-width:200px;padding:8px 0;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #000000b3}.nav-dropdown-item{box-sizing:border-box;text-align:left;width:100%;color:var(--text-secondary);font-size:1rem;font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:12px 16px;display:block}.nav-dropdown-item.clickable:hover,.nav-dropdown-item.clickable.focused{background-color:var(--accent-primary);color:#fff;outline:none}.nav-dropdown-item.disabled{color:#475569;cursor:not-allowed;opacity:.5}.nav-dropdown-item.info-item{color:var(--text-secondary);border-bottom:1px solid var(--glass-border);margin-bottom:4px;padding-bottom:10px;font-size:.9rem}.lang-btn.focused,.lang-btn:focus{border-color:var(--accent-primary);box-shadow:0 0 20px var(--glass-glow), 0 0 0 2px var(--accent-primary);z-index:5;background:#f8fafc26;outline:none;transform:scale(1.05)}