.unity-container{position:relative;width:100%;height:100%;min-height:400px;background-color:#000;overflow:hidden}.unity-canvas{display:block}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10}.loading-content{text-align:center;padding:2rem}.loading-content h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}.progress-bar-container{width:300px;height:8px;background-color:#fff3;border-radius:4px;overflow:hidden;margin:0 auto .75rem}.progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;opacity:.8}.fullscreen-button{position:absolute;bottom:1rem;right:1rem;width:48px;height:48px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s,transform .2s;z-index:5}.fullscreen-button:hover{opacity:1;transform:scale(1.05)}.fullscreen-button:active{transform:scale(.95)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border-bottom:1px solid rgba(var(--color-primary-rgb),.12);box-shadow:0 2px 16px #00000026;z-index:100}.header-left{display:flex;align-items:center;gap:.75rem}.header-logo{height:36px;width:auto}.header-title{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:.5rem}.nav-button{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-normal);background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-light);border:1px solid rgba(var(--color-primary-rgb),.2)}.nav-button:hover{background:rgba(var(--color-primary-rgb),.2);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nav-button:active{transform:translateY(0)}.nav-button.accent{background:var(--gradient-accent);color:#fff;border:none}.nav-button.accent:hover{box-shadow:var(--shadow-glow-accent)}@media (max-width: 768px){.app-header{padding:0 1rem}.header-title{font-size:1rem}.nav-button{padding:.4rem .75rem;font-size:.75rem}}.app-footer{padding:1.25rem 1.5rem;border-top:1px solid rgba(var(--color-primary-rgb),.12);text-align:center;background:linear-gradient(180deg,transparent 0%,var(--color-teal-tint) 100%)}.footer-content{max-width:800px;margin:0 auto}.footer-text{margin:0 0 .5rem;font-size:.875rem;color:var(--color-text-soft)}.footer-copyright{margin:0;font-size:.75rem;color:var(--color-text-muted)}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-top:.75rem}.footer-link{color:var(--color-primary);text-decoration:none;font-size:.8rem;transition:var(--transition-fast)}.footer-link:hover{color:var(--color-primary-light)}@media (max-width: 768px){.app-footer{padding:.75rem 1rem}.footer-text{font-size:.75rem}.footer-copyright{font-size:.65rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);background-image:radial-gradient(ellipse at top left,rgba(var(--color-primary-rgb),.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(var(--color-violet-rgb),.12) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(var(--color-accent-rgb),.05) 0%,transparent 70%);padding:20px}.login-card{background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:48px 40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg),0 0 60px rgba(var(--color-primary-rgb),.08),inset 0 1px #ffffff0d;border:1px solid rgba(var(--color-primary-rgb),.15);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent),var(--color-violet))}.login-header{text-align:center;margin-bottom:36px}.login-header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary) 50%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.login-header p{color:var(--color-text-soft);margin:12px 0 0;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.25);color:var(--color-error);padding:14px 16px;border-radius:var(--radius-md);font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;color:var(--color-text-soft);font-weight:500}.form-group input{padding:14px 16px;border-radius:var(--radius-md);border:1px solid rgba(var(--color-primary-rgb),.15);background:rgba(var(--color-background-rgb),.5);color:var(--color-text);font-size:1rem;transition:var(--transition-normal)}.form-group input:focus{outline:none;border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form-group input::placeholder{color:var(--color-text-muted)}.remember-me-group{display:flex;align-items:center}.remember-me-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:10px}.remember-me-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.remember-me-checkmark{position:relative;width:20px;height:20px;background:rgba(var(--color-background-rgb),.5);border:2px solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-sm);transition:var(--transition-fast);flex-shrink:0}.remember-me-label:hover .remember-me-checkmark{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.remember-me-checkbox:checked+.remember-me-checkmark{background:var(--gradient-primary);border-color:var(--color-primary)}.remember-me-checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid var(--color-text-on-butter);border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-me-checkbox:checked+.remember-me-checkmark:after{display:block}.remember-me-text{font-size:.9rem;color:var(--color-text-soft)}.login-btn{padding:16px 24px;border-radius:var(--radius-md);border:none;background:var(--gradient-primary);color:var(--color-text-on-butter);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);margin-top:8px;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-slow)}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;margin:28px 0;gap:16px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-primary-rgb),.3),transparent)}.login-divider span{color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.register-btn{width:100%;padding:16px 24px;border-radius:var(--radius-md);border:2px solid rgba(var(--color-accent-rgb),.5);background:rgba(var(--color-accent-rgb),.08);color:var(--color-accent-light);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.register-btn:hover:not(:disabled){background:rgba(var(--color-accent-rgb),.15);border-color:var(--color-accent);box-shadow:var(--shadow-glow-accent)}.register-btn:disabled{opacity:.6;cursor:not-allowed}.profile-setup{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%)}.profile-setup-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;width:100%;max-width:500px;border:1px solid rgba(255,255,255,.1)}.setup-header{text-align:center;margin-bottom:2rem}.setup-header h1{color:#fff;font-size:1.75rem;margin-bottom:1.5rem}.step-indicator{display:flex;justify-content:center;gap:.75rem}.step-dot{width:12px;height:12px;border-radius:50%;background:#fff3;transition:all .3s ease}.step-dot.active{background:var(--color-primary);transform:scale(1.2)}.step-dot.completed{background:var(--color-success)}.setup-step h2{color:#fff;font-size:1.25rem;margin-bottom:1.5rem}.hint{color:#fff9;font-size:.875rem;margin-bottom:1rem}.character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.character-preview-note{text-align:center;color:#ffffffb3;font-size:.9rem;padding:1rem;background:#ffffff0d;border-radius:8px}.interests-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.setup-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}@media (max-width: 480px){.profile-setup{padding:1rem}.profile-setup-card{padding:1.5rem}.setup-header h1{font-size:1.5rem}}.field-error{color:#ff4d6d;font-size:.85rem;margin-top:.25rem;display:block}.character-slot-selector{margin-bottom:.75rem}.character-slot-selector .slots{display:flex;gap:.5rem}.character-slot-selector .slot{flex:1;min-width:0;height:48px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-surface);border:2px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);color:var(--color-text-soft);padding:0 .75rem}.character-slot-selector .slot:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.3)}.character-slot-selector .slot.selected{background:rgba(var(--color-primary-rgb),.15);border-color:var(--color-primary);color:var(--color-text)}.character-slot-selector .slot:disabled{opacity:.4;cursor:not-allowed}.character-slot-selector .slot-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff;flex-shrink:0}.character-slot-selector .slot-name{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-slot-selector .slot-icon{font-size:1.25rem;color:var(--color-text-muted)}.character-slot-selector .slot.empty:hover:not(:disabled) .slot-icon{color:var(--color-accent)}@media (min-width: 768px){.character-slot-selector{margin-bottom:1rem}.character-slot-selector .slots{gap:.75rem}.character-slot-selector .slot{height:56px;padding:0 1rem}.character-slot-selector .slot:hover:not(:disabled){box-shadow:var(--shadow-glow-primary)}.character-slot-selector .slot-avatar{width:32px;height:32px;font-size:.75rem}.character-slot-selector .slot-name{font-size:.875rem}}.gender-selector .selector-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.gender-selector .gender-options{display:flex;gap:.5rem}.gender-selector .gender-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .625rem;background:var(--color-surface);border:2px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);color:var(--color-text-soft);min-height:48px}.gender-selector .gender-option:hover,.gender-selector .gender-option:active{background:rgba(var(--color-primary-rgb),.12);border-color:rgba(var(--color-primary-rgb),.35)}.gender-selector .gender-option.selected{background:rgba(var(--color-primary-rgb),.15);border-color:var(--color-primary);color:var(--color-text)}.gender-selector .gender-icon{font-size:1rem;color:var(--color-primary-light)}.gender-selector .gender-text{font-size:.8rem;font-weight:500}.gender-selector .gender-option.selected .gender-icon{color:var(--color-accent)}@media (min-width: 768px){.gender-selector .selector-label{font-size:.875rem;margin-bottom:.5rem}.gender-selector .gender-options{gap:.75rem}.gender-selector .gender-option{padding:.75rem 1rem;min-height:48px;border-radius:var(--radius-sm)}.gender-selector .gender-option:hover,.gender-selector .gender-option.selected{box-shadow:var(--shadow-glow-primary)}.gender-selector .gender-icon{font-size:1.25rem}.gender-selector .gender-text{font-size:.9rem}}.color-swatch-picker .picker-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.5px}.color-swatch-picker .swatches{display:flex;gap:.5rem;flex-wrap:wrap}.color-swatch-picker .swatch{width:38px;height:38px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.color-swatch-picker .swatch:hover,.color-swatch-picker .swatch:active{transform:scale(1.1);box-shadow:var(--shadow-md)}.color-swatch-picker .swatch.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.35),var(--shadow-sm)}@media (min-width: 768px){.color-swatch-picker .picker-label{font-size:.8rem;margin-bottom:.4rem}.color-swatch-picker .swatches{gap:.625rem}.color-swatch-picker .swatch{width:42px;height:42px}.color-swatch-picker .swatch:hover{box-shadow:var(--shadow-glow-primary)}}.appearance-controls{display:flex;flex-direction:column;gap:.75rem}.appearance-controls .appearance-title{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:.5rem 0 .25rem}.appearance-controls .appearance-title:first-child{margin-top:0}.hair-style-control .control-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.5px}.hair-style-control .style-selector{display:flex;align-items:center;gap:.5rem}.hair-style-control .style-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);color:var(--color-text-soft);cursor:pointer;transition:var(--transition-fast);font-size:1rem}.hair-style-control .style-btn:hover,.hair-style-control .style-btn:active{background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.4);color:var(--color-text)}.hair-style-control .style-value{flex:1;text-align:center;font-size:.85rem;color:var(--color-text);font-weight:500}@media (min-width: 768px){.appearance-controls{gap:.75rem}.appearance-controls .appearance-title{font-size:.8rem}.hair-style-control .control-label,.accessory-control .control-label{font-size:.8rem;margin-bottom:.35rem}.hair-style-control .style-btn,.accessory-control .style-btn{width:40px;height:40px;font-size:1rem}.hair-style-control .style-btn:hover,.accessory-control .style-btn:hover{box-shadow:var(--shadow-glow-primary)}.hair-style-control .style-value,.accessory-control .style-value{font-size:.85rem}.outfit-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.outfit-btn{padding:.6rem .4rem}}.outfit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.5rem}.outfit-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.75rem .5rem;min-height:60px;background:var(--color-surface);border:2px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.outfit-btn:hover,.outfit-btn:active{background:rgba(var(--color-primary-rgb),.12);border-color:rgba(var(--color-primary-rgb),.35)}.outfit-btn.active{background:rgba(var(--color-primary-rgb),.18);border-color:var(--color-primary);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.3)}.outfit-icon{font-size:1.5rem}.outfit-label{font-size:.65rem;color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.outfit-btn.active .outfit-label{color:var(--color-primary);font-weight:600}.accessory-control .control-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.5px}.accessory-control .style-selector{display:flex;align-items:center;gap:.5rem}.accessory-control .style-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);color:var(--color-text-soft);cursor:pointer;transition:var(--transition-fast);font-size:1rem}.accessory-control .style-btn:hover,.accessory-control .style-btn:active{background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.4);color:var(--color-text)}.accessory-control .style-value{flex:1;text-align:center;font-size:.85rem;color:var(--color-text);font-weight:500}@media (max-width: 599px){.appearance-controls{gap:.5rem}.outfit-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.outfit-btn{min-height:52px;padding:.5rem .35rem}.outfit-icon{font-size:1.25rem}}.character-editor-inline{background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border-radius:var(--radius-md);padding:1rem;border:1px solid rgba(var(--color-primary-rgb),.1);display:flex;flex-direction:column;gap:.75rem}@media (min-width: 768px){.character-editor-inline{padding:1.5rem;gap:1rem}}.editor-content{display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media (min-width: 600px){.editor-content{flex-direction:row;align-items:flex-start;gap:1.5rem}}.preview-panel{flex-shrink:0;width:100%;max-width:200px;margin:0 auto}@media (min-width: 600px){.preview-panel{width:160px;margin:0}}@media (min-width: 768px){.preview-panel{width:200px}}.unity-container{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%);border-radius:var(--radius-md);overflow:hidden;position:relative;border:1px solid rgba(var(--color-primary-rgb),.15);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 45%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 90% 90% at 50% 45%,#000 60%,transparent 100%)}.unity-canvas{border-radius:var(--radius-md)}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:rgba(var(--color-background-rgb),.95);z-index:10}.loading-bar{width:60%;height:3px;background:rgba(var(--color-primary-rgb),.15);border-radius:2px;overflow:hidden}.loading-progress{height:100%;background:var(--gradient-primary);transition:width .2s ease}.loading-text{font-size:.6rem;color:var(--color-text-muted)}.preview-hint{display:none}@media (min-width: 768px){.preview-hint{display:block;font-size:.7rem;color:var(--color-text-muted);text-align:center;margin-top:.5rem}}.controls-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}@media (min-width: 768px){.controls-panel{gap:1rem}}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}@media (min-width: 768px){.form-label{font-size:.8rem}}.form-input{width:100%;padding:.5rem .75rem;background:rgba(var(--color-background-rgb),.5);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem;transition:var(--transition-fast)}@media (min-width: 768px){.form-input{padding:.625rem 1rem;font-size:1rem}}.form-input:focus{outline:none;border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08)}.form-input::placeholder{color:var(--color-text-muted)}.empty-state{text-align:center;padding:2rem 1rem;color:var(--color-text-muted)}.empty-state p{margin-bottom:1rem}.save-message{padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;text-align:center}.save-message.success{background:rgba(var(--color-success-rgb),.12);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.25)}.save-message.error{background:rgba(var(--color-error-rgb),.12);color:var(--color-error);border:1px solid rgba(var(--color-error-rgb),.25)}.editor-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(var(--color-primary-rgb),.1)}@media (min-width: 768px){.editor-actions{gap:.75rem;padding-top:1rem}}.btn-primary,.btn-secondary,.btn-danger{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);border:none;white-space:nowrap}@media (min-width: 768px){.btn-primary,.btn-secondary,.btn-danger{padding:.625rem 1.25rem;font-size:.875rem}}.btn-primary{background:var(--gradient-primary);color:var(--color-text-on-butter)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-primary);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-elevated);border:1px solid rgba(var(--color-primary-rgb),.15);color:var(--color-text-soft)}.btn-secondary:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.3)}.btn-danger{background:rgba(var(--color-error-rgb),.1);color:var(--color-error);margin-right:auto}.btn-danger:hover:not(:disabled){background:rgba(var(--color-error-rgb),.2)}.mobile-fallback{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%);border-radius:var(--radius-md);border:1px solid rgba(var(--color-primary-rgb),.15);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.mobile-fallback-icon{font-size:2rem;margin-bottom:.5rem}.mobile-fallback-text{font-size:.75rem;color:var(--color-text-soft);margin:0;line-height:1.4}.mobile-fallback-subtext{font-size:.65rem;color:var(--color-text-muted);margin:.25rem 0 0}.animation-controls{display:flex;gap:.375rem;justify-content:center;flex-wrap:wrap;margin-top:.75rem}.animation-btn{padding:.5rem .75rem;font-size:.75rem;text-transform:capitalize;background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);color:var(--color-text-soft);cursor:pointer;transition:all .2s ease;min-height:36px;min-width:44px}.animation-btn:hover,.animation-btn:active{background:rgba(var(--color-primary-rgb),.2);border-color:rgba(var(--color-primary-rgb),.3)}.animation-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (min-width: 768px){.animation-controls{gap:.5rem}.animation-btn{padding:.5rem 1rem;font-size:.8rem}}.profile-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%);overflow-y:auto}.profile-page-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;width:100%;max-width:600px;border:1px solid rgba(255,255,255,.1);margin:1rem 0}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-header h1{color:#fff;font-size:1.75rem;margin:0}.profile-header .close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.profile-header .close-btn:hover{background:#fff3}.profile-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#0003;padding:.5rem;border-radius:12px}.tab-btn{position:relative;flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:#fff9;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:#ffffffe6;background:#ffffff0d}.tab-btn.active{background:rgba(var(--color-primary-rgb),.2);color:#fff}.unsaved-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-warning);border-radius:50%}.profile-content{min-height:400px}.tab-content{animation:fadeIn .2s ease}.tab-description{color:#ffffff80;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:#ffffff08;border-radius:8px;border-left:3px solid rgba(255,255,255,.1)}.info-group{margin-bottom:1.25rem}.info-group label{display:block;color:#ffffff80;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.info-value{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffff0d;border-radius:10px;color:#fff;font-size:1rem}.info-value.info-id{font-family:monospace;font-size:.85rem;color:#ffffffb3;word-break:break-all}.readonly-badge{padding:.2rem .5rem;background:#ffffff1a;border-radius:4px;font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:#fffc;font-size:.875rem;margin-bottom:.5rem}.field-hint{color:#ffffff80;font-size:.8rem;margin:0 0 .75rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;transition:border-color .2s,background .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);background:#ffffff26}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-row{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.gender-options{display:flex;flex-wrap:wrap;gap:.5rem}.option-btn{padding:.625rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fffc;font-size:.875rem;cursor:pointer;transition:all .2s ease}.option-btn:hover{background:#ffffff26}.option-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-butter)}.gender-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;border-radius:12px;flex:1}.gender-icon{font-size:1.5rem}.age-range{display:flex;align-items:center;gap:1rem}.age-range input{width:80px;text-align:center}.age-range span{color:#fff9}.interests-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.interest-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fffc;font-size:.8rem;cursor:pointer;transition:all .2s ease}.interest-btn:hover{background:#ffffff26}.gaming-optional-note{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:rgba(var(--color-accent-rgb),.1);border:1px solid rgba(var(--color-accent-rgb),.25);border-radius:12px;margin-bottom:1.5rem}.gaming-optional-note .note-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.gaming-optional-note .note-text{font-size:.9rem;line-height:1.5;color:#ffffffd9}.gaming-optional-note .note-text strong{color:var(--color-accent)}.section{margin-bottom:2rem}.section h3{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.section-hint{color:#ffffff80;font-size:.85rem;margin-bottom:1rem}.character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.character-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:all .2s ease}.character-card:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.character-card.selected{background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.character-icon{font-size:2.5rem;margin-bottom:.5rem}.character-name{color:#fff;font-weight:600;font-size:1rem;margin-bottom:.25rem}.character-desc{color:#fff9;font-size:.75rem;text-align:center}.character-preview-note{text-align:center;color:#ffffffb3;font-size:.9rem;padding:1rem;background:#ffffff0d;border-radius:8px;margin-bottom:1rem}.coming-soon-box{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.2);border-radius:12px;text-align:center}.coming-soon-icon{font-size:2.5rem;margin-bottom:.75rem}.coming-soon-text{color:#fffc;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.coming-soon-hint{color:#ffffff80;font-size:.85rem;margin:0}.save-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}.save-message.success{background:#22c55e26;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.save-message.error{background:#ef444426;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.profile-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-on-butter)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--color-primary-rgb),.4)}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.character-editor-section{display:flex;flex-direction:column;gap:1rem}.btn-character-editor{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);border:none;border-radius:12px;color:var(--color-text-on-butter);cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.btn-character-editor:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-character-editor:active{transform:translateY(0)}.btn-character-editor .btn-icon{font-size:2rem;line-height:1}.btn-character-editor .btn-text{display:flex;flex-direction:column;gap:.25rem}.btn-character-editor .btn-text strong{font-size:1.1rem;font-weight:600}.btn-character-editor .btn-text small{font-size:.85rem;opacity:.85}@media (max-width: 600px){.profile-page{padding:1rem}.profile-page-card{padding:1.5rem}.profile-header h1{font-size:1.5rem}.profile-tabs{flex-direction:column}.tab-btn{text-align:center}.info-row,.form-row,.character-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0c1222e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid rgba(var(--color-primary-rgb),.15);box-shadow:var(--shadow-lg),0 0 80px rgba(var(--color-primary-rgb),.1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(var(--color-primary-rgb),.1);background:var(--color-teal-tint)}.modal-header h2{color:var(--color-text);font-size:1.5rem;margin:0;background:linear-gradient(135deg,var(--color-text),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:none;border:none;color:var(--color-text-muted);font-size:2rem;cursor:pointer;line-height:1;padding:0;transition:var(--transition-fast)}.modal-content form{padding:2rem}.form-group label{display:block;color:var(--color-text-soft);font-size:.875rem;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;background:rgba(var(--color-background-rgb),.5);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;transition:var(--transition-normal)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group select option{background:var(--color-surface)}.context-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.context-option{padding:1rem;background:rgba(var(--color-background-rgb),.5);border:2px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:var(--transition-normal)}.context-option:hover{background:rgba(var(--color-primary-rgb),.08);border-color:rgba(var(--color-primary-rgb),.25)}.context-option.selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.15);box-shadow:0 0 20px rgba(var(--color-primary-rgb),.15)}.context-label{display:block;color:var(--color-text);font-weight:600;margin-bottom:.25rem}.context-desc{display:block;color:var(--color-text-muted);font-size:.75rem}.form-row{display:flex;gap:1.5rem}.form-row .form-group{flex:1}.age-inputs{display:flex;align-items:center;gap:.75rem}.age-inputs input{width:80px;text-align:center}.age-inputs span{color:var(--color-text-muted)}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary)}.modal-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(var(--color-primary-rgb),.1)}.modal-actions .btn-primary,.modal-actions .btn-secondary{flex:1;padding:1rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.modal-actions .btn-primary{background:var(--gradient-primary);color:var(--color-text-on-butter)}.modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-actions .btn-secondary{background:var(--color-surface-elevated);color:var(--color-text);border:1px solid rgba(var(--color-primary-rgb),.2)}.modal-actions .btn-secondary:hover{background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.3)}@media (max-width: 600px){.modal-content{max-height:100vh;border-radius:0}.context-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}}.password-modal{max-width:400px}.password-modal .room-name-label{margin-bottom:1rem;color:var(--color-text-muted)}.password-modal .room-name-label strong{color:var(--color-text)}.password-modal .error-message{background:#ef444426;color:var(--color-error);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border:1px solid rgba(239,68,68,.3)}.password-modal .form-group{margin-bottom:1.5rem}.password-modal .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text)}.password-modal .form-group input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;transition:border-color .2s;background:#ffffff1a;color:var(--color-text)}.password-modal .form-group input:focus{outline:none;border-color:var(--color-primary)}.password-modal .form-group input::placeholder{color:#fff6}.password-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end}.password-modal .btn-secondary,.password-modal .btn-primary{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.password-modal .btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text)}.password-modal .btn-secondary:hover:not(:disabled){background:#ffffff26}.password-modal .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:#fff}.password-modal .btn-primary:hover:not(:disabled){box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.4);transform:translateY(-1px)}.password-modal .btn-primary:disabled,.password-modal .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.share-room-container{position:relative;display:inline-flex;align-items:center}.share-room-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.share-room-btn.icon-btn{width:32px;height:32px;border-radius:50%;background:#ffffff1a}.share-room-btn.icon-btn:hover{background:#fff3;transform:scale(1.1)}.share-room-btn.text-btn{padding:.5rem 1rem;border-radius:8px;background:var(--primary-gradient, linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%));color:#fff;font-weight:500}.share-room-btn.text-btn:hover{opacity:.9;transform:translateY(-1px)}.share-icon{font-size:1rem}.copy-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;animation:fadeInOut 2s ease;z-index:100}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(5px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-5px)}}.share-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;padding:.5rem;min-width:200px;box-shadow:0 10px 40px #0000004d;z-index:1000}.share-menu button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary, white);font-size:.9rem;cursor:pointer;border-radius:8px;transition:background .2s ease}.share-menu button:hover{background:#ffffff1a}.share-link-preview{padding:.5rem;margin-top:.5rem;background:#0003;border-radius:6px}.share-link-preview code{font-size:.7rem;color:var(--text-secondary, #a0a0a0);word-break:break-all}.share-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.pending-approval-modal{max-width:400px;text-align:center;padding:2rem}.pending-icon{width:80px;height:80px;margin:0 auto 1.5rem;position:relative;display:flex;align-items:center;justify-content:center}.pending-icon span{font-size:2.5rem;z-index:1}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(var(--color-primary-rgb),.2);animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.pending-approval-modal h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.room-name{color:#ffffffb3;font-size:1rem;margin-bottom:1rem}.room-name strong{color:#fff}.waiting-text{color:#ffffff80;font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.room-info{display:flex;justify-content:center;gap:2rem;padding:1rem;background:#ffffff0d;border-radius:12px;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{color:#ffffff80;font-size:.75rem;text-transform:uppercase}.info-item .value{color:#fff;font-size:1rem;font-weight:500}.cancel-btn{width:100%;padding:.875rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d;color:#ef4444}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.join-request-modal{max-width:480px;max-height:80vh;display:flex;flex-direction:column}.join-request-modal .modal-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.join-request-modal .modal-header h2{flex:1;margin:0;color:#fff;font-size:1.25rem}.request-count{padding:.25rem .75rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:12px;color:var(--color-text-on-butter);font-size:.75rem;font-weight:600}.requests-list{flex:1;overflow-y:auto;padding:1rem 0}.no-requests{text-align:center;padding:2rem;color:#ffffff80}.request-item{padding:1rem;background:#ffffff0d;border-radius:12px;margin-bottom:.75rem}.request-item:last-child{margin-bottom:0}.requester-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.requester-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden}.requester-avatar img{width:100%;height:100%;object-fit:cover}.requester-avatar span{color:var(--color-text-on-butter);font-size:1.25rem;font-weight:600}.requester-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.requester-name{color:#fff;font-weight:500;font-size:1rem}.request-time{color:#ffffff80;font-size:.8rem}.request-message{color:#ffffffb3;font-size:.9rem;font-style:italic;margin-bottom:.75rem;padding:.5rem;background:#0003;border-radius:8px}.request-actions{display:flex;gap:.5rem;justify-content:flex-end}.request-actions button{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-approve{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.btn-approve:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-deny{background:#ffffff1a;color:#fffc}.btn-deny:hover:not(:disabled){background:#ef444433;color:#ef4444}.request-actions button:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem;margin-bottom:1rem}.character-selection-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:480px;width:90vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.character-selection-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.character-selection-modal .modal-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.character-selection-modal .close-btn{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-fast)}.character-selection-modal .close-btn:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-text)}.character-selection-modal .modal-description{padding:1rem 1.5rem 0;color:var(--color-text-muted);font-size:.875rem;margin:0}.character-selection-modal .character-options{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:50vh}.character-selection-modal .character-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-background);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);position:relative}.character-selection-modal .character-option:hover{background:rgba(var(--color-primary-rgb),.05);border-color:rgba(var(--color-primary-rgb),.2)}.character-selection-modal .character-option.selected{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.character-selection-modal .character-avatar-large{width:56px;height:56px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.character-selection-modal .character-avatar-large .class-icon{font-size:1.75rem}.character-selection-modal .character-avatar-large .gender-badge{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:var(--shadow-sm)}.character-selection-modal .character-details{flex:1;min-width:0}.character-selection-modal .character-name{font-weight:600;color:var(--color-text);font-size:1rem;margin-bottom:.25rem}.character-selection-modal .character-meta{display:flex;gap:.75rem;font-size:.8rem;color:var(--color-text-muted)}.character-selection-modal .character-class{text-transform:capitalize}.character-selection-modal .active-indicator{position:absolute;top:.5rem;right:.5rem;padding:.125rem .5rem;background:rgba(var(--color-primary-rgb),.2);color:var(--color-primary);font-size:.65rem;font-weight:600;text-transform:uppercase;border-radius:var(--radius-sm)}.character-selection-modal .check-mark{position:absolute;right:1rem;bottom:1rem;width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.character-selection-modal .modal-actions{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(var(--color-primary-rgb),.1)}.character-selection-modal .cancel-btn{flex:1;padding:.875rem;background:transparent;border:2px solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-md);color:var(--color-text);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.character-selection-modal .cancel-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.character-selection-modal .confirm-btn{flex:2;padding:.875rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.character-selection-modal .confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow-primary)}.character-selection-modal .confirm-btn:disabled,.character-selection-modal .cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.character-selection-modal{max-width:100%;width:100%;max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0}.character-selection-modal .modal-header{padding:1rem}.character-selection-modal .modal-description{padding:.75rem 1rem 0}.character-selection-modal .character-options{padding:.75rem 1rem;max-height:40vh}.character-selection-modal .character-option{padding:.875rem;gap:.75rem}.character-selection-modal .character-avatar-large{width:48px;height:48px}.character-selection-modal .character-avatar-large .class-icon{font-size:1.5rem}.character-selection-modal .modal-actions{padding:1rem;flex-direction:column-reverse}.character-selection-modal .cancel-btn,.character-selection-modal .confirm-btn{flex:none;width:100%}}.rooms-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-content h1{color:var(--color-text);font-size:2rem;margin-bottom:.25rem;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{color:var(--color-text-muted)}.header-actions{display:flex;align-items:center;gap:1rem}.connection-indicator{padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.connection-indicator.connected{background:rgba(var(--color-success-rgb),.12);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.25)}.connection-indicator.disconnected{background:rgba(var(--color-error-rgb),.12);color:var(--color-error);border:1px solid rgba(var(--color-error-rgb),.25)}.refresh-btn{padding:.625rem 1rem;background:var(--color-surface-elevated);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:var(--transition-normal)}.refresh-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.4)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.create-room-btn{padding:.875rem 1.5rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-on-butter);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.create-room-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.create-room-btn:disabled{opacity:.5;cursor:not-allowed}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;margin-bottom:1rem;background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.25);border-radius:var(--radius-md);color:var(--color-error)}.error-banner button{padding:.5rem 1rem;background:rgba(var(--color-error-rgb),.15);border:1px solid rgba(var(--color-error-rgb),.3);border-radius:var(--radius-sm);color:var(--color-error);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.error-banner button:hover{background:rgba(var(--color-error-rgb),.25)}.room-category-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.5rem;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-lg);overflow-x:auto}.category-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-normal);white-space:nowrap}.category-tab:hover{background:rgba(var(--color-primary-rgb),.08);color:var(--color-text)}.category-tab.active{background:var(--gradient-primary);color:var(--color-text-on-butter);border-color:transparent;box-shadow:var(--shadow-sm)}.tab-icon{font-size:1.1rem;line-height:1}.tab-label{font-weight:600}.tab-count{padding:.125rem .5rem;background:#00000026;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.category-tab.active .tab-count{background:#ffffff40}.info-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:var(--radius-md);font-size:.9rem;line-height:1.4}.info-banner .banner-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.info-banner .banner-text{color:var(--color-text)}.info-banner .banner-text strong{color:inherit}.info-banner.gaming-optional{background:rgba(var(--color-accent-rgb),.1);border:1px solid rgba(var(--color-accent-rgb),.25)}.info-banner.gaming-optional .banner-text strong{color:var(--color-accent)}.info-banner.gaming-info{background:rgba(var(--color-violet-rgb),.1);border:1px solid rgba(var(--color-violet-rgb),.25)}.info-banner.gaming-info .banner-text strong{color:var(--color-violet)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--color-text-muted)}.loading-state .loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--color-primary-rgb),.15);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.filters-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-lg);margin-bottom:2rem}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:.75rem 1rem;background:rgba(var(--color-background-rgb),.5);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem;transition:var(--transition-normal)}.search-box input::placeholder{color:var(--color-text-muted)}.search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group select{padding:.75rem 1rem;background:rgba(var(--color-background-rgb),.5);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem;cursor:pointer;transition:var(--transition-normal)}.filter-group select:focus{outline:none;border-color:var(--color-primary)}.filter-group select option{background:var(--color-surface)}.age-filter{gap:.5rem}.age-filter label{color:var(--color-text-muted);font-size:.875rem}.age-filter input{width:60px;padding:.5rem;background:rgba(var(--color-background-rgb),.5);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);color:var(--color-text);text-align:center}.age-filter span{color:var(--color-text-muted)}.checkbox-filter{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.875rem;cursor:pointer}.checkbox-filter input{width:18px;height:18px;accent-color:var(--color-primary)}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.no-rooms{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--color-text-muted)}.no-rooms button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-on-butter);cursor:pointer;transition:var(--transition-normal)}.no-rooms button:hover{box-shadow:var(--shadow-glow-primary)}.room-card{background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition-normal);position:relative;overflow:hidden}.room-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:var(--transition-normal)}.room-card:hover{transform:translateY(-4px);border-color:rgba(var(--color-primary-rgb),.25);box-shadow:var(--shadow-md),0 0 40px rgba(var(--color-primary-rgb),.08)}.room-card:hover:before{opacity:1}.room-card.full{opacity:.7}.room-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.room-icon{font-size:2rem;line-height:1}.room-title{flex:1}.room-title h3{color:var(--color-text);font-size:1.125rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.lock-icon,.approval-icon{font-size:.875rem;opacity:.8;color:var(--color-accent)}.room-header-actions{display:flex;align-items:center;gap:.5rem}.room-context{color:var(--color-text-muted);font-size:.8rem}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.waiting{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.status-badge.full{background:rgba(var(--color-error-rgb),.15);color:var(--color-error)}.status-badge.in-progress{background:rgba(var(--color-accent-rgb),.15);color:var(--color-accent)}.room-description{color:var(--color-text-soft);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.room-meta{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.meta-value{color:var(--color-text);font-size:.875rem;font-weight:500}.room-players{display:flex;gap:-.5rem;margin-bottom:1rem}.player-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-on-butter);font-size:.75rem;font-weight:600;border:2px solid var(--color-surface);margin-left:-8px}.player-avatar:first-child{margin-left:0}.player-avatar.more{background:var(--color-surface-elevated);color:var(--color-text-muted);font-size:.7rem}.room-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.25rem .625rem;background:rgba(var(--color-violet-rgb),.12);border-radius:var(--radius-sm);color:var(--color-violet);font-size:.75rem}.join-btn{width:100%;padding:.875rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-on-butter);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.join-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:var(--shadow-glow-primary)}.join-btn:disabled{background:var(--color-surface-elevated);color:var(--color-text-muted);cursor:not-allowed}@media (max-width: 768px){.rooms-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.room-category-tabs{gap:.5rem;padding:.375rem;margin-bottom:1rem}.category-tab{padding:.625rem 1rem;font-size:.85rem}.tab-icon{font-size:1rem}.tab-label{display:none}.category-tab.active .tab-label{display:inline}.info-banner{padding:.875rem 1rem;font-size:.85rem}.info-banner .banner-icon{font-size:1.25rem}.filters-bar{flex-direction:column}.search-box{width:100%}.rooms-grid{grid-template-columns:1fr}}.sidebar--desktop{width:260px;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-background) 100%);border-right:1px solid rgba(var(--color-primary-rgb),.12);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;box-shadow:4px 0 24px #00000026;z-index:100}@media (max-width: 768px){.sidebar--desktop{display:none}}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--color-primary-rgb),.1);background:rgba(var(--color-primary-rgb),.03)}.logo{margin:0;display:flex;align-items:center;gap:.625rem;font-size:1.375rem;font-weight:700}.logo-icon{color:var(--color-primary);flex-shrink:0}.logo span{background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info{display:flex;align-items:center;gap:.875rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--color-primary-rgb),.1);background:var(--color-teal-tint)}.user-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-on-butter);font-size:1.125rem;font-weight:600;box-shadow:var(--shadow-glow-primary);overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{color:var(--color-text);font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{color:var(--color-success);font-size:.75rem;display:flex;align-items:center;gap:.35rem}.user-status:before{content:"";width:7px;height:7px;background:var(--color-success);border-radius:var(--radius-full);box-shadow:0 0 8px rgba(var(--color-success-rgb),.6)}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.375rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9rem;cursor:pointer;transition:var(--transition-normal);text-align:left;width:100%;position:relative}.nav-item:hover{background:rgba(var(--color-primary-rgb),.08);color:var(--color-text)}.nav-item.active{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.18),rgba(var(--color-secondary-rgb),.12));color:var(--color-primary-light);border:1px solid rgba(var(--color-primary-rgb),.25)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--gradient-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.nav-label{font-weight:500}.sidebar-footer{padding:1rem;border-top:1px solid rgba(var(--color-primary-rgb),.1);background:rgba(var(--color-background-rgb),.5)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.75rem;background:rgba(var(--color-error-rgb),.08);border:1px solid rgba(var(--color-error-rgb),.2);border-radius:var(--radius-md);color:var(--color-error);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-normal)}.logout-btn:hover{background:rgba(var(--color-error-rgb),.15);border-color:rgba(var(--color-error-rgb),.35)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid rgba(var(--color-primary-rgb),.15);box-shadow:0 -4px 20px #0000001f;z-index:1000;padding:.5rem .25rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0))}@media (max-width: 768px){.mobile-nav{display:flex;justify-content:space-around;align-items:stretch}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex:1;padding:.625rem .375rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.65rem;cursor:pointer;transition:var(--transition-fast);position:relative;-webkit-tap-highlight-color:transparent;min-height:48px;min-width:48px}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-item.active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--color-primary);border-radius:var(--radius-full)}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mobile-nav-icon svg{width:22px;height:22px}.mobile-nav-label{font-weight:500;line-height:1}@media (max-width: 768px) and (orientation: landscape){.mobile-nav{padding:.375rem .25rem;padding-bottom:calc(.375rem + env(safe-area-inset-bottom,0))}.mobile-nav-item{min-height:40px;padding:.375rem}.mobile-nav-icon svg{width:20px;height:20px}.mobile-nav-label{font-size:.6rem}}@media (max-width: 360px){.mobile-nav-label{font-size:.55rem}.mobile-nav-icon svg{width:20px;height:20px}}@media (min-width: 769px) and (max-width: 1024px){.sidebar--desktop{width:220px}.sidebar-header{padding:1rem 1.25rem}.logo{font-size:1.25rem}.user-info{padding:1rem 1.25rem}.user-avatar{width:40px;height:40px;font-size:1rem}.nav-item{padding:.625rem .875rem;font-size:.85rem;gap:.75rem}}@media (prefers-reduced-motion: reduce){.nav-item,.mobile-nav-item,.logout-btn{transition:none}.mobile-nav-item:active{transform:none}}.nav-item:focus-visible,.mobile-nav-item:focus-visible,.logout-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-switcher{margin-bottom:1.5rem}.theme-switcher-title{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.theme-options{display:flex;flex-direction:column;gap:.75rem}.theme-option{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:left}.theme-option:hover{border-color:rgba(var(--color-primary-rgb),.3);background:var(--color-surface-light)}.theme-option.active{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.theme-preview{width:48px;height:48px;border-radius:var(--radius-sm);flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.theme-preview-ukrainian-sky{background:linear-gradient(135deg,#87ceeb,#0057b7,gold)}.theme-preview-royal-sapphire{background:linear-gradient(135deg,#0d1b2a,#1b2d45,#f5b800)}.theme-preview-sunset-glow{background:linear-gradient(135deg,#1a1a2e,#7c3aed,#ff6b4a)}.theme-info{display:flex;flex-direction:column;gap:.25rem}.theme-name{font-size:.875rem;font-weight:600;color:var(--color-text)}.theme-description{font-size:.75rem;color:var(--color-text-muted)}@media (min-width: 768px){.theme-options{flex-direction:row;flex-wrap:wrap}.theme-option{flex:1;min-width:200px;max-width:300px}}.preferences-panel{padding:2rem;max-width:800px;margin:0 auto}.panel-header{margin-bottom:2rem}.panel-header h1{color:#fff;font-size:2rem;margin-bottom:.25rem}.panel-header p{color:#fff9}.preferences-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem}.pref-section{margin-bottom:2.5rem}.pref-section:last-of-type{margin-bottom:0}.pref-section h3{color:#fff;font-size:1.125rem;margin-bottom:.25rem}.section-desc{color:#ffffff80;font-size:.875rem;margin-bottom:1.25rem}.age-inputs{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.age-input-group{display:flex;flex-direction:column;gap:.5rem}.age-input-group label{color:#fff9;font-size:.75rem;text-transform:uppercase}.age-input-group input{width:100px;padding:.875rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1.125rem;text-align:center}.age-input-group input:focus{outline:none;border-color:var(--color-primary)}.age-range-display{padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.2),#2dd4bf33);border-radius:12px;color:#fff;font-size:1.25rem;font-weight:600}.interests-grid{display:flex;flex-wrap:wrap;gap:.5rem}.interest-btn{padding:.625rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#fffc;font-size:.875rem;cursor:pointer;transition:all .2s ease}.interest-btn:hover{background:#ffffff1f;border-color:#ffffff40}.interest-btn.selected{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:transparent;color:var(--color-text-on-butter)}.toggle-option{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px}.toggle-info{display:flex;flex-direction:column;gap:.25rem}.toggle-label{color:#fff;font-weight:500}.toggle-desc{color:#ffffff80;font-size:.8rem}.toggle-switch{position:relative;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#fff3;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.save-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.save-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:12px;color:var(--color-text-on-butter);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--color-primary-rgb),.4)}@media (max-width: 600px){.preferences-panel{padding:1rem}.preferences-card{padding:1.5rem}.age-inputs{flex-direction:column;gap:1rem}.age-input-group input{width:100%}}.game-chat{position:fixed;bottom:20px;right:20px;width:320px;background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid rgba(var(--color-primary-rgb),.15);overflow:hidden;z-index:1000;transition:var(--transition-slow)}.game-chat.minimized{width:120px}.game-chat.expanded{max-height:400px;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-teal-tint);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.chat-title{color:var(--color-text);font-weight:600;font-size:.9rem}.unread-badge{background:var(--gradient-accent);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);margin-left:8px;box-shadow:var(--shadow-glow-accent)}.chat-messages{flex:1;overflow-y:auto;padding:12px;max-height:280px;min-height:200px}.chat-message{margin-bottom:12px;padding:10px 14px;background:var(--color-surface-elevated);border-radius:var(--radius-sm);max-width:85%;border:1px solid rgba(var(--color-primary-rgb),.08)}.chat-message.own{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.2),rgba(var(--color-secondary-rgb),.15));margin-left:auto;border-color:rgba(var(--color-primary-rgb),.2)}.chat-message.system{background:rgba(var(--color-violet-rgb),.08);text-align:center;max-width:100%;font-style:italic;opacity:.8;border-color:rgba(var(--color-violet-rgb),.15)}.message-sender{display:block;color:var(--color-primary);font-size:.75rem;font-weight:600;margin-bottom:4px}.chat-message.own .message-sender{color:var(--color-accent)}.message-content{color:var(--color-text);font-size:.85rem;word-wrap:break-word}.chat-input-container{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(var(--color-primary-rgb),.1);background:rgba(var(--color-background-rgb),.5)}.player-notification{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--color-surface-elevated);padding:12px 24px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);border:1px solid rgba(var(--color-primary-rgb),.15);z-index:1001;animation:slideDown .3s ease,fadeOut .3s ease 2.7s forwards}.player-notification.join{border-left:4px solid var(--color-success);background:linear-gradient(90deg,rgba(var(--color-success-rgb),.1),var(--color-surface-elevated))}.player-notification.leave{border-left:4px solid var(--color-error);background:linear-gradient(90deg,rgba(var(--color-error-rgb),.1),var(--color-surface-elevated))}.player-notification-text{color:var(--color-text);font-size:.9rem}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.character-selector{background:#ffffff0d;border-radius:16px;padding:1.5rem}.character-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.character-selector-header h3{color:#fff;font-size:1.25rem;margin:0}.create-character-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:8px;color:var(--color-text-on-butter);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-character-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.4)}.create-character-btn:disabled{opacity:.5;cursor:not-allowed}.character-error{padding:.75rem 1rem;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);border-radius:8px;color:var(--color-error);margin-bottom:1rem}.character-loading,.no-characters{text-align:center;padding:2rem;color:#fff9}.create-first-character-btn{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;color:var(--color-text-on-butter);font-size:1rem;cursor:pointer;transition:all .2s ease}.create-first-character-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.4)}.character-list{display:flex;flex-direction:column;gap:.75rem}.character-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.character-card:hover{background:#ffffff1a;border-color:rgba(var(--color-primary-rgb),.3)}.character-card.active{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.character-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-background),var(--color-surface));display:flex;align-items:center;justify-content:center;flex-shrink:0}.class-icon{font-size:1.5rem}.character-info{flex:1;min-width:0}.character-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-details{display:flex;gap:.75rem;color:#fff9;font-size:.8rem}.character-class{text-transform:capitalize}.active-badge{padding:.25rem .5rem;background:#4caf5033;color:var(--color-success);border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.delete-character-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:50%;background:#ff6b6b33;border:none;color:var(--color-error);font-size:1rem;cursor:pointer;opacity:0;transition:all .2s ease}.character-card:hover .delete-character-btn{opacity:1}.delete-character-btn:hover{background:#ff6b6b66}.delete-confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1a1a2ef2;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.delete-confirm-overlay p{color:#fff;margin:0}.delete-confirm-actions{display:flex;gap:.5rem}.delete-confirm-actions button{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.delete-confirm-actions button:first-child{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.delete-confirm-actions button.confirm-delete{background:var(--color-error);border:none;color:#fff}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.create-character-modal{background:var(--color-background);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{color:#fff;font-size:1.5rem;margin:0}.close-btn{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#fff3}.create-character-modal form{padding:1.5rem}.form-error{padding:.75rem 1rem;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);border-radius:8px;color:var(--color-error);margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#fffc;font-size:.9rem;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-group input::placeholder{color:#fff6}.class-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.class-option{padding:1rem;background:#ffffff0d;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.class-option:hover{background:#ffffff1a;border-color:rgba(var(--color-primary-rgb),.3)}.class-option.selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.class-option .class-icon{display:block;font-size:2rem;margin-bottom:.5rem}.class-option .class-name{display:block;color:#fff;font-weight:600;margin-bottom:.25rem}.class-option .class-desc{display:block;color:#ffffff80;font-size:.75rem}.gender-selector{display:flex;gap:.75rem}.gender-option{flex:1;padding:.75rem;background:#ffffff0d;border:2px solid transparent;border-radius:10px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease}.gender-option:hover{background:#ffffff1a;border-color:rgba(var(--color-primary-rgb),.3)}.gender-option.selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.cancel-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#ffffff26}.create-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;color:var(--color-text-on-butter);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.4)}.create-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.class-selector{grid-template-columns:1fr}}.room-join-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#162b49,#1a3a5c);padding:1rem}.room-join-card{background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:1.5rem;padding:3rem 2.5rem;max-width:440px;width:100%;text-align:center;color:#f8fafc;box-shadow:0 8px 32px #0000004d}.room-join-logo{font-size:1.5rem;font-weight:700;color:#f1d557;margin-bottom:2rem;letter-spacing:-.02em}.room-join-card h1{font-size:1.75rem;font-weight:700;margin:0 0 .75rem;line-height:1.2}.room-join-subtitle{color:#f8fafcb3;font-size:1rem;margin:0 0 .5rem}.room-join-meta{color:#f8fafc80;font-size:.875rem;margin:0 0 1.5rem}.room-join-cta-text{color:#f8fafc99;font-size:.95rem;margin:1rem 0 1.5rem}.room-join-error{color:#ff6b6b;font-size:.95rem;margin:.5rem 0 1.5rem;line-height:1.5}.room-join-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;min-width:200px}.room-join-btn.primary{background:linear-gradient(135deg,#f1d557,#f9e99e);color:#162b49}.room-join-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f1d55766}.room-join-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.15);border-top-color:#f1d557;border-radius:50%;margin:1.5rem auto;animation:room-join-spin .8s linear infinite}@keyframes room-join-spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.room-join-card{padding:2rem 1.5rem;border-radius:1rem}.room-join-card h1{font-size:1.4rem}}.profile-edit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-edit-container{background:#1a1a2e;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.profile-edit-loading,.profile-edit-error{padding:60px;text-align:center;color:#a0a0c0}.profile-edit-error button{margin-top:20px;padding:10px 24px;background:#6c5ce7;color:#fff;border:none;border-radius:8px;cursor:pointer}.profile-edit-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);gap:20px}.profile-edit-header h1{margin:0;font-size:1.5rem;color:#fff;flex-shrink:0}.profile-completion{flex:1;display:flex;align-items:center;gap:12px}.completion-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.completion-fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#a29bfe);transition:width .3s ease}.profile-completion span{font-size:.85rem;color:#a0a0c0;white-space:nowrap}.close-btn{background:none;border:none;color:#a0a0c0;font-size:28px;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.profile-edit-tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:none}.profile-edit-tabs::-webkit-scrollbar{display:none}.profile-edit-tabs .tab-btn{padding:10px 16px;background:transparent;border:none;color:#a0a0c0;font-size:.9rem;cursor:pointer;border-radius:8px;white-space:nowrap;transition:all .2s}.profile-edit-tabs .tab-btn:hover{background:#ffffff0d;color:#fff}.profile-edit-tabs .tab-btn.active{background:#6c5ce733;color:#a29bfe}.profile-edit-content{flex:1;overflow-y:auto;padding:24px}.tab-panel{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-hint{color:#a0a0c0;margin-bottom:20px;font-size:.9rem}.tab-panel h3{color:#fff;font-size:1.1rem;margin:24px 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.tab-panel h3:first-child{margin-top:0}.form-group{margin-bottom:20px}.form-group label{display:block;color:#a0a0c0;font-size:.85rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s,background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6c5ce7;background:#ffffff14}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.age-range-inputs{display:flex;align-items:center;gap:12px}.age-range-inputs input{width:80px;text-align:center}.age-range-inputs span{color:#a0a0c0}.option-buttons{display:flex;flex-direction:column;gap:10px}.option-btn{padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#a0a0c0;font-size:.95rem;cursor:pointer;text-align:left;transition:all .2s}.option-btn:hover{background:#ffffff14;border-color:#fff3}.option-btn.selected{background:#6c5ce733;border-color:#6c5ce7;color:#fff}.interests-container{display:flex;flex-direction:column;gap:8px}.interest-category{background:#ffffff08;border-radius:10px;overflow:hidden}.category-header{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;color:#fff;cursor:pointer;transition:background .2s}.category-header:hover{background:#ffffff0d}.category-icon{font-size:1.2rem}.category-name{flex:1;text-align:left;font-weight:500}.category-count{color:#a0a0c0;font-size:.85rem}.chevron{color:#a0a0c0;font-size:.7rem}.interest-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.interest-item{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#a0a0c0;font-size:.9rem;cursor:pointer;transition:all .2s}.interest-item:hover{background:#ffffff1a}.interest-item.selected{background:#6c5ce74d;border-color:#6c5ce7;color:#fff}.interest-item .check{margin-left:6px;color:#6c5ce7}.prompt-editor{background:#ffffff0d;border-radius:12px;padding:20px}.prompt-question{color:#fff;font-size:1.1rem;margin-bottom:16px}.prompt-editor textarea{width:100%;padding:12px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;resize:vertical}.prompt-editor textarea:focus{outline:none;border-color:#6c5ce7}.prompt-editor-actions{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}.answered-prompts{margin-bottom:30px}.answered-prompts h4,.available-prompts h4{color:#fff;font-size:1rem;margin-bottom:16px}.answered-prompt{background:#ffffff0d;border-radius:10px;padding:16px;margin-bottom:12px}.answered-prompt .prompt-text{color:#a0a0c0;font-size:.9rem;margin-bottom:8px}.answered-prompt .prompt-answer{color:#fff;line-height:1.5}.answered-prompt .prompt-actions{display:flex;gap:12px;margin-top:12px}.answered-prompt .prompt-actions button{padding:6px 12px;background:#ffffff1a;border:none;border-radius:6px;color:#a0a0c0;font-size:.85rem;cursor:pointer;transition:all .2s}.answered-prompt .prompt-actions button:hover{background:#fff3;color:#fff}.answered-prompt .prompt-actions button.danger:hover{background:#e74c3c4d;color:#e74c3c}.prompt-list{display:flex;flex-direction:column;gap:8px}.prompt-item{padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;text-align:left;cursor:pointer;transition:all .2s}.prompt-item:hover{background:#ffffff1a;border-color:#6c5ce7}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#ffffff0d}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-item.primary{border:2px solid #6c5ce7}.primary-badge{position:absolute;top:8px;left:8px;padding:4px 10px;background:#6c5ce7;color:#fff;font-size:.75rem;border-radius:12px}.photo-actions{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000c);display:flex;gap:8px;justify-content:center;opacity:0;transition:opacity .2s}.photo-item:hover .photo-actions{opacity:1}.photo-actions button{padding:6px 12px;background:#fff3;border:none;border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer;transition:background .2s}.photo-actions button:hover{background:#ffffff4d}.photo-actions button.danger:hover{background:#e74c3cb3}.photo-upload-slot{aspect-ratio:1;border:2px dashed rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center}.upload-btn{padding:12px 24px;background:#6c5ce733;border:none;border-radius:8px;color:#a29bfe;font-size:.95rem;cursor:pointer;transition:all .2s}.upload-btn:hover:not(:disabled){background:#6c5ce74d}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.gaming-info{margin-top:24px;padding:16px;background:#6c5ce71a;border-radius:10px;border-left:3px solid #6c5ce7}.gaming-info p{color:#a0a0c0;line-height:1.6;margin:0}.profile-edit-message{padding:12px 24px;text-align:center;font-size:.9rem}.profile-edit-message.success{background:#2ecc711a;color:#2ecc71}.profile-edit-message.error{background:#e74c3c1a;color:#e74c3c}.profile-edit-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce766}.btn-secondary{background:#ffffff1a;color:#a0a0c0}.btn-secondary:hover{background:#ffffff26;color:#fff}@media (max-width: 600px){.profile-edit-overlay{padding:0}.profile-edit-container{max-height:100vh;border-radius:0}.profile-edit-header{flex-wrap:wrap}.profile-completion{order:3;flex-basis:100%;margin-top:12px}.photos-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}.block-report-menu{position:relative;display:inline-flex}.menu-trigger{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.menu-trigger:hover{background:rgba(var(--color-accent-rgb),.1)}.menu-trigger.icon svg{width:24px;height:24px;fill:var(--color-text, #F8FAFC)}.menu-trigger.text{padding:8px 16px;color:var(--color-text, #F8FAFC);font-size:14px}.menu-dropdown{position:absolute;top:100%;right:0;min-width:200px;background:var(--color-surface, #1E3A5F);border:1px solid var(--glass-border, rgba(137, 207, 240, .2));border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:1000;overflow:hidden;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;cursor:pointer;color:var(--color-text, #F8FAFC);font-size:14px;text-align:left;transition:background-color .15s ease}.menu-item:hover{background:rgba(var(--color-accent-rgb),.1)}.menu-item svg{width:20px;height:20px;flex-shrink:0}.menu-item.report svg{fill:var(--color-warning, #F59E0B)}.menu-item.block svg{fill:var(--color-error, #EF4444)}.menu-item.unmatch svg{fill:var(--color-text-muted, #94A3B8)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .15s ease-out}.report-modal,.confirm-modal{background:var(--color-surface, #1E3A5F);border:1px solid var(--glass-border, rgba(137, 207, 240, .2));border-radius:16px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--glass-border, rgba(137, 207, 240, .1))}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text, #F8FAFC)}.close-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;border-radius:50%;transition:background-color .15s ease}.close-btn:hover{background:rgba(var(--color-accent-rgb),.1)}.close-btn svg{width:24px;height:24px;fill:var(--color-text-muted, #94A3B8)}.modal-body{padding:24px}.report-description{margin:0 0 20px;color:var(--color-text-muted, #94A3B8);font-size:14px;line-height:1.5}.report-reasons{display:flex;flex-direction:column;gap:8px}.reason-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-background, #162B49);border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s ease}.reason-option:hover{border-color:var(--color-accent, #36BAC6)}.reason-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary, #F1D557)}.reason-label{color:var(--color-text, #F8FAFC);font-size:14px}.report-details{margin-top:20px}.report-details label{display:block;margin-bottom:8px;color:var(--color-text-muted, #94A3B8);font-size:14px}.report-details textarea{width:100%;padding:12px 16px;background:var(--color-background, #162B49);border:1px solid var(--glass-border, rgba(137, 207, 240, .2));border-radius:10px;color:var(--color-text, #F8FAFC);font-size:14px;resize:vertical;font-family:inherit}.report-details textarea:focus{outline:none;border-color:var(--color-accent, #36BAC6)}.report-details textarea::placeholder{color:var(--color-text-muted, #64748B)}.confirm-modal .modal-body p{margin:0;color:var(--color-text-muted, #94A3B8);font-size:14px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--glass-border, rgba(137, 207, 240, .1))}.btn-secondary,.btn-primary,.btn-danger{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary{background:transparent;border:1px solid var(--glass-border, rgba(137, 207, 240, .3));color:var(--color-text, #F8FAFC)}.btn-secondary:hover{background:rgba(var(--color-accent-rgb),.1)}.btn-primary{background:var(--gradient-primary, linear-gradient(135deg, #F1D557 0%, #F9E99E 100%));border:none;color:var(--color-text-on-primary, #162B49)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-primary, 0 4px 20px rgba(241, 213, 87, .35))}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--color-error, #EF4444);border:none;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.success-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--color-success, #10B981);border-radius:12px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 8px 32px #10b9814d;z-index:3000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.success-toast svg{width:20px;height:20px;fill:currentColor}@media (max-width: 480px){.report-modal,.confirm-modal{max-width:100%;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:85vh}.modal-overlay{align-items:flex-end;padding:0}}.swipe-card{position:relative;width:100%;max-width:400px;height:600px;background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;border:1px solid rgba(var(--color-primary-rgb),.1)}.swipe-card-photo{position:relative;flex:1;overflow:hidden;cursor:pointer}.swipe-card-photo img{width:100%;height:100%;object-fit:cover}.photo-indicators{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:4px;z-index:2}.photo-indicator{flex:1;height:3px;background:#fff6;border-radius:2px;transition:background-color .2s}.photo-indicator.active{background:#fff}.photo-nav{position:absolute;top:0;bottom:0;width:40%;z-index:1;cursor:pointer}.photo-nav-prev{left:0}.photo-nav-next{right:0}.verified-badge{position:absolute;top:20px;right:12px;width:28px;height:28px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;box-shadow:var(--shadow-glow-primary)}.verified-badge svg{width:18px;height:18px}.card-menu-container{position:absolute;top:16px;right:48px;z-index:3}.swipe-card-menu .menu-trigger{background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%}.swipe-card-menu .menu-trigger:hover{background:#0009}.swipe-card-menu .menu-trigger svg{fill:#fff}.swipe-card-info{background:linear-gradient(to top,rgba(var(--color-background-rgb),.95),transparent);position:absolute;bottom:80px;left:0;right:0;padding:20px 16px;color:#fff;transition:var(--transition-slow);max-height:40%;overflow:hidden}.swipe-card-info.expanded{max-height:calc(100% - 80px);background:rgba(var(--color-background-rgb),.95);top:0;bottom:80px;overflow-y:auto}.info-header{display:flex;align-items:flex-start;flex-wrap:wrap;cursor:pointer}.name-age{display:flex;align-items:baseline;gap:8px;flex:1}.name-age h2{margin:0;font-size:1.5rem;font-weight:600}.name-age .age{font-size:1.25rem;font-weight:400;opacity:.9}.location{display:flex;align-items:center;gap:4px;font-size:.875rem;color:var(--color-text-muted);width:100%;margin-top:4px}.location svg{flex-shrink:0}.distance{color:var(--color-text-muted)}.expand-button{background:none;border:none;padding:4px;cursor:pointer;color:#fff;opacity:.7;transition:var(--transition-fast)}.expand-button:hover{opacity:1}.expand-button svg{width:24px;height:24px;transition:transform .3s ease}.expand-button svg.rotated{transform:rotate(180deg)}.info-details{margin-top:16px;padding-top:16px;border-top:1px solid rgba(var(--color-primary-rgb),.2)}.bio-section{margin-bottom:16px}.bio-section p{margin:0;font-size:.95rem;line-height:1.5;color:var(--color-text-soft)}.looking-for{display:flex;gap:8px;margin-bottom:16px;font-size:.9rem}.looking-for .label{color:var(--color-text-muted)}.looking-for .value{text-transform:capitalize;color:var(--color-primary-light)}.interests-section{margin-bottom:16px}.interests-section h4{margin:0 0 8px;font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.interests-grid{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{background:rgba(var(--color-primary-rgb),.15);padding:4px 12px;border-radius:var(--radius-full);font-size:.85rem;color:var(--color-primary-light)}.prompts-section{margin-bottom:16px}.prompt-card{background:rgba(var(--color-violet-rgb),.1);border-radius:var(--radius-md);padding:12px;margin-bottom:12px;border:1px solid rgba(var(--color-violet-rgb),.15)}.prompt-question{margin:0 0 8px;font-size:.8rem;color:var(--color-violet);font-style:italic}.prompt-answer{margin:0;font-size:.95rem;line-height:1.4;color:var(--color-text)}.gaming-section{margin-bottom:16px}.gaming-section h4{margin:0 0 8px;font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.gaming-info{display:flex;flex-direction:column;gap:8px}.gaming-frequency{font-size:.9rem;color:var(--color-text-soft)}.gaming-platforms{display:flex;flex-wrap:wrap;gap:6px}.platform-tag{background:rgba(var(--color-violet-rgb),.2);padding:2px 10px;border-radius:var(--radius-full);font-size:.8rem;color:var(--color-violet-light)}.swipe-actions{position:absolute;bottom:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:center;gap:20px;background:var(--color-surface);padding:0 20px;border-top:1px solid rgba(var(--color-primary-rgb),.1)}.action-btn{width:56px;height:56px;border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.action-btn:hover{transform:scale(1.1)}.action-btn:active{transform:scale(.95)}.action-btn svg{width:28px;height:28px}.action-btn.pass{background:var(--color-surface-elevated);color:var(--color-error)}.action-btn.pass:hover{background:var(--color-error);color:#fff;box-shadow:0 4px 20px rgba(var(--color-error-rgb),.4)}.action-btn.like{background:var(--color-surface-elevated);color:var(--color-success);width:64px;height:64px}.action-btn.like svg{width:32px;height:32px}.action-btn.like:hover{background:var(--color-success);color:#fff;box-shadow:0 4px 20px rgba(var(--color-success-rgb),.4)}.action-btn.superlike{background:var(--color-surface-elevated);color:var(--color-accent)}.action-btn.superlike:hover{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-glow-accent)}@media (max-width: 480px){.swipe-card{max-width:100%;height:calc(100vh - 120px);border-radius:0}.swipe-actions{height:70px;gap:16px}.action-btn{width:50px;height:50px}.action-btn.like{width:58px;height:58px}}.discovery-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;background:var(--color-background);background-image:radial-gradient(ellipse at top,rgba(var(--color-primary-rgb),.08) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(var(--color-violet-rgb),.06) 0%,transparent 50%)}.discovery-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:400px;margin-bottom:20px}.discovery-header h1{margin:0;font-size:1.5rem;color:var(--color-text);background:linear-gradient(135deg,var(--color-text),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.undo-button{background:var(--color-surface-elevated);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:var(--transition-normal)}.undo-button:hover{background:rgba(var(--color-primary-rgb),.15);transform:scale(1.05)}.undo-button svg{width:24px;height:24px}.discovery-content{display:flex;justify-content:center;width:100%}.queue-indicator{margin-top:16px;font-size:.85rem;color:var(--color-text-muted)}.discovery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text)}.spinner{width:48px;height:48px;border:4px solid rgba(var(--color-primary-rgb),.15);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.discovery-loading p{margin-top:16px;font-size:1rem;color:var(--color-text-muted)}.discovery-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text);text-align:center}.discovery-error h3{margin:0 0 8px;font-size:1.25rem}.discovery-error p{margin:0 0 20px;color:var(--color-text-muted)}.discovery-error button{padding:12px 24px;border:none;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:1rem;cursor:pointer;transition:var(--transition-normal)}.discovery-error button:hover{box-shadow:var(--shadow-glow-primary)}.discovery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text);text-align:center}.empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:rgba(var(--color-success-rgb),.15);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.empty-icon svg{width:48px;height:48px;color:var(--color-success)}.discovery-empty h3{margin:0 0 8px;font-size:1.25rem}.discovery-empty p{margin:0 0 20px;color:var(--color-text-muted)}.discovery-empty button{padding:12px 24px;border:none;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:1rem;cursor:pointer;transition:var(--transition-normal)}.discovery-empty button:hover{box-shadow:var(--shadow-glow-primary)}.match-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-background-rgb),.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.match-modal{background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border-radius:var(--radius-xl);padding:32px;max-width:360px;width:90%;text-align:center;animation:slideUp .4s ease;border:1px solid rgba(var(--color-primary-rgb),.15);box-shadow:var(--shadow-lg),0 0 60px rgba(var(--color-accent-rgb),.15)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.match-header{margin-bottom:24px}.match-header h2{margin:0 0 8px;font-size:1.75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.match-header p{margin:0;color:var(--color-text-soft)}.match-photos{margin-bottom:24px}.match-photo{width:120px;height:120px;border-radius:var(--radius-full);object-fit:cover;border:4px solid var(--color-accent);box-shadow:var(--shadow-glow-accent)}.match-actions{display:flex;flex-direction:column;gap:12px}.match-actions button{width:100%;padding:14px 24px;border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.btn-message{background:var(--gradient-accent);color:#fff}.btn-message:hover{transform:scale(1.02);box-shadow:var(--shadow-glow-accent)}.btn-keep-swiping{background:transparent;color:var(--color-text);border:2px solid rgba(var(--color-primary-rgb),.3)}.btn-keep-swiping:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}@media (max-width: 480px){.discovery-page{padding:10px}.discovery-header{padding:0 10px}.discovery-header h1{font-size:1.25rem}}.conversation-list{display:flex;flex-direction:column;overflow-y:auto}.conversation-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.conversation-list-empty .empty-icon{width:64px;height:64px;color:#ccc;margin-bottom:16px}.conversation-list-empty h3{margin:0 0 8px;font-size:18px;color:#333}.conversation-list-empty p{margin:0;font-size:14px}.conversation-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.conversation-item:hover{background-color:#f8f8f8}.conversation-item.selected{background-color:#e8f4ff}.conversation-item.unread{background-color:#fff}.conversation-item.unread .conversation-name,.conversation-item.unread .conversation-preview{font-weight:600}.conversation-avatar{position:relative;width:56px;height:56px;flex-shrink:0;margin-right:12px}.conversation-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.conversation-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:600}.conversation-avatar .verified-badge{position:absolute;bottom:0;right:0;width:18px;height:18px;background:#1da1f2;border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center}.conversation-avatar .verified-badge svg{width:10px;height:10px;color:#fff}.conversation-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.conversation-header{display:flex;justify-content:space-between;align-items:center}.conversation-name{font-size:16px;font-weight:500;color:#333;display:flex;align-items:center;gap:4px}.superlike-indicator{color:gold;font-size:14px}.conversation-time{font-size:12px;color:#999;flex-shrink:0}.conversation-preview{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-preview .own-message{color:#888}.conversation-preview .new-match{color:var(--color-error);font-style:italic}.unread-badge{background:var(--color-error);color:#fff;font-size:12px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;margin-left:8px}.chat-window{display:flex;flex-direction:column;height:100%;background:#f5f5f5}.chat-header{display:flex;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0}.back-button{background:none;border:none;padding:8px;margin:-8px 8px -8px -8px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.back-button:hover{background:#f0f0f0}.back-button svg{width:24px;height:24px;color:#333}.chat-header-avatar{width:44px;height:44px;flex-shrink:0;margin-right:12px}.chat-header-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-header-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600}.chat-header-info{flex:1}.chat-header-name{font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.chat-header-name .verified-icon{width:16px;height:16px;color:#1da1f2}.typing-status{font-size:13px;color:#666;font-style:italic}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-loading,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666}.spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:var(--color-error);border-radius:50%;animation:spin 1s linear infinite}.load-more-button{background:#fff;border:1px solid #e0e0e0;padding:8px 16px;border-radius:16px;cursor:pointer;font-size:13px;color:#666;margin:0 auto 16px;transition:background-color .2s}.load-more-button:hover{background:#f8f8f8}.date-separator{display:flex;align-items:center;justify-content:center;margin:16px 0}.date-separator span{background:#fff;padding:4px 12px;border-radius:12px;font-size:12px;color:#666;box-shadow:0 1px 2px #0000001a}.message{display:flex;align-items:flex-end;gap:8px;max-width:75%}.message.own{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message-avatar{width:28px;height:28px;flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.message-bubble{padding:10px 14px;border-radius:18px;max-width:100%}.message.own .message-bubble{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px}.message.other .message-bubble{background:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.reply-preview{padding:6px 10px;margin-bottom:6px;border-radius:8px;font-size:12px;border-left:3px solid}.message.own .reply-preview{background:#fff3;border-left-color:#ffffff80}.message.other .reply-preview{background:#f5f5f5;border-left-color:var(--color-error)}.reply-name{display:block;font-weight:600;margin-bottom:2px}.reply-content{display:block;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-image{max-width:100%;max-height:300px;border-radius:12px;margin-bottom:4px}.message-content{margin:0;word-wrap:break-word;line-height:1.4}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.message-time{font-size:11px;opacity:.7}.message-status svg{width:14px;height:14px}.message.own .message-status svg{color:#ffffffb3}.message.own .message-status svg.read{color:#fff}.chat-input{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #e0e0e0}.chat-input input{flex:1;padding:10px 16px;border:1px solid #e0e0e0;border-radius:24px;font-size:15px;outline:none;transition:border-color .2s}.chat-input input:focus{border-color:var(--color-error)}.chat-input input::placeholder{color:#999}.send-button{width:44px;height:44px;background:var(--gradient-primary);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}.send-button:hover:not(:disabled){transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{width:22px;height:22px;color:#fff;margin-left:2px}.chat-page{display:flex;height:100%;background:#f5f5f5}.chat-page.loading{flex-direction:column;align-items:center;justify-content:center;color:#666}.chat-page.loading .spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:var(--color-error);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.chat-sidebar{width:320px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f0f0f0}.chat-sidebar-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.total-unread{background:var(--color-error);color:#fff;font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 8px}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:#666}.placeholder-icon{width:80px;height:80px;color:#ccc;margin-bottom:24px}.chat-placeholder h3{margin:0 0 8px;font-size:20px;color:#333}.chat-placeholder p{margin:0;font-size:14px}@media (max-width: 767px){.chat-sidebar{width:100%;border-right:none}.chat-sidebar.hidden,.chat-main.hidden{display:none}}@media (min-width: 768px) and (max-width: 1023px){.chat-sidebar{width:280px}}@media (min-width: 1024px){.chat-sidebar{width:360px}}.image-picker{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:20px;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.image-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.image-picker-header h3{margin:0;color:var(--color-text);font-size:1rem;font-weight:600}.close-btn{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:var(--transition-fast)}.close-btn:hover{color:var(--color-text)}.drop-zone{border:2px dashed rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-md);padding:40px 20px;text-align:center;cursor:pointer;transition:var(--transition-normal);background:rgba(var(--color-primary-rgb),.02)}.drop-zone:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.drop-zone.dragging{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);border-style:solid}.drop-icon{font-size:3rem;margin-bottom:12px}.drop-text{color:var(--color-text);font-size:.95rem;margin:0 0 8px}.drop-hint{color:var(--color-text-muted);font-size:.8rem;margin:0}.processing{display:flex;flex-direction:column;align-items:center;gap:12px}.processing .spinner{width:40px;height:40px;border:3px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.processing p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.preview-area{text-align:center}.preview-image-container{background:var(--color-surface);border-radius:var(--radius-md);padding:12px;margin-bottom:12px;max-height:250px;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-image{max-width:100%;max-height:220px;border-radius:var(--radius-sm);object-fit:contain}.preview-info{display:flex;flex-direction:column;gap:4px}.file-name{color:var(--color-text);font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--color-text-muted);font-size:.75rem}.error-message{background:rgba(var(--color-error-rgb),.1);color:var(--color-error);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-top:12px}.image-picker-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.primary-btn,.secondary-btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.primary-btn{background:var(--gradient-primary);border:none;color:#fff}.primary-btn:hover{box-shadow:var(--shadow-glow-primary)}.secondary-btn{background:transparent;border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-text)}.secondary-btn:hover{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}@media (max-width: 480px){.image-picker{max-width:100%;padding:16px}.drop-zone{padding:30px 16px}.drop-icon{font-size:2.5rem}.preview-image-container{max-height:200px}.preview-image{max-height:170px}.image-picker-actions{flex-direction:column}.image-picker-actions button{width:100%}}.gif-picker{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:16px;width:100%;max-width:400px;max-height:500px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.gif-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.gif-picker-header h3{margin:0;color:var(--color-text);font-size:1rem;font-weight:600}.gif-picker .close-btn{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:var(--transition-fast)}.gif-picker .close-btn:hover{color:var(--color-text)}.gif-search{margin-bottom:12px}.gif-search-input{width:100%;padding:10px 14px;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.9rem;outline:none;transition:var(--transition-normal)}.gif-search-input:focus{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.gif-search-input::placeholder{color:var(--color-text-muted)}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-y:auto;max-height:300px;padding-right:4px;flex:1}.gif-grid::-webkit-scrollbar{width:6px}.gif-grid::-webkit-scrollbar-track{background:rgba(var(--color-primary-rgb),.05);border-radius:3px}.gif-grid::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.2);border-radius:3px}.gif-grid::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-primary-rgb),.3)}.gif-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:rgba(var(--color-background-rgb),.5);aspect-ratio:1;transition:var(--transition-fast)}.gif-item:hover{transform:scale(1.02);box-shadow:0 0 0 2px var(--color-primary)}.gif-item img{width:100%;height:100%;object-fit:cover}.gif-loading,.gif-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-text-muted)}.gif-loading .spinner{width:32px;height:32px;border:3px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.gif-loading p,.gif-empty p{margin:0;font-size:.9rem}.gif-error{background:rgba(var(--color-error-rgb),.1);color:var(--color-error);padding:8px 12px;border-radius:var(--radius-sm);font-size:.8rem;margin-bottom:12px}.gif-picker-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid rgba(var(--color-primary-rgb),.1)}.giphy-attribution{font-size:.7rem;color:var(--color-text-muted);opacity:.7}.gif-picker-footer .cancel-btn{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid rgba(var(--color-primary-rgb),.2);background:transparent;color:var(--color-text);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.gif-picker-footer .cancel-btn:hover{background:rgba(var(--color-primary-rgb),.1)}@media (max-width: 480px){.gif-picker{max-width:100%;max-height:70vh;padding:12px}.gif-grid{max-height:250px}}.room-chat{position:fixed;bottom:20px;right:20px;width:360px;background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid rgba(var(--color-primary-rgb),.15);overflow:hidden;z-index:1000;transition:var(--transition-slow)}.room-chat.minimized{width:140px}.room-chat.expanded{max-height:500px;display:flex;flex-direction:column}.room-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-teal-tint);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.room-chat-title{color:var(--color-text);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:6px}.online-count{font-weight:400;color:var(--color-text-muted);font-size:.8rem}.unread-badge{background:var(--gradient-accent);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);margin-left:auto;margin-right:8px;box-shadow:var(--shadow-glow-accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chat-toggle{background:none;border:none;color:var(--color-text);font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:var(--transition-fast)}.chat-toggle:hover{opacity:1}.room-chat-messages{flex:1;overflow-y:auto;padding:12px;max-height:320px;min-height:200px}.chat-empty{color:var(--color-text-muted);text-align:center;padding:40px 20px;font-size:.9rem}.room-chat-message{margin-bottom:12px;padding:10px 14px;background:var(--color-surface-elevated);border-radius:var(--radius-sm);max-width:85%;border:1px solid rgba(var(--color-primary-rgb),.08);cursor:context-menu;transition:var(--transition-fast)}.room-chat-message:hover{border-color:rgba(var(--color-primary-rgb),.2)}.room-chat-message.own{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.2),rgba(var(--color-secondary-rgb),.15));margin-left:auto;border-color:rgba(var(--color-primary-rgb),.2)}.room-chat-message.system{background:rgba(var(--color-violet-rgb),.08);text-align:center;max-width:100%;font-style:italic;opacity:.8;border-color:rgba(var(--color-violet-rgb),.15)}.room-chat-message.dm{border-left:3px solid #dc2626;background:linear-gradient(90deg,rgba(220,38,38,.08),var(--color-surface-elevated))}.room-chat-message.private{border-left:3px solid var(--color-violet);background:linear-gradient(90deg,rgba(var(--color-violet-rgb),.08),var(--color-surface-elevated))}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-sender{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.dm-badge{background:#dc2626;color:#fff;font-size:.65rem;padding:1px 4px;border-radius:3px;font-weight:700}.private-indicator{font-size:.7rem;color:var(--color-violet);font-style:italic}.message-content{color:var(--color-text);font-size:.85rem;word-wrap:break-word;display:block}.message-time{display:block;color:var(--color-text-muted);font-size:.7rem;text-align:right;margin-top:4px}.room-chat-input-area{border-top:1px solid rgba(var(--color-primary-rgb),.1);background:rgba(var(--color-background-rgb),.5)}.recipient-selector{padding:8px 12px;border-bottom:1px solid rgba(var(--color-primary-rgb),.05);position:relative}.recipient-button{background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem;color:var(--color-text);cursor:pointer;transition:var(--transition-fast)}.recipient-button:hover,.recipient-button.active{background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.recipient-picker{position:absolute;bottom:100%;left:12px;right:12px;background:var(--color-surface-elevated);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);padding:12px;margin-bottom:4px;box-shadow:var(--shadow-md);z-index:10}.recipient-option{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.85rem;color:var(--color-text);cursor:pointer}.recipient-option input[type=radio]{accent-color:var(--color-primary)}.player-checkboxes{margin-left:24px;margin-top:8px;display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.player-checkbox{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.8rem;color:var(--color-text-secondary);cursor:pointer}.player-checkbox input[type=checkbox]{accent-color:var(--color-primary)}.chat-input-row{display:flex;gap:8px;padding:12px}.chat-input{flex:1;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid rgba(var(--color-primary-rgb),.15);background:rgba(var(--color-background-rgb),.5);color:var(--color-text);font-size:.85rem;outline:none;transition:var(--transition-normal)}.chat-input:focus{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08)}.chat-input::placeholder{color:var(--color-text-muted)}.chat-send-btn{padding:10px 16px;border-radius:var(--radius-sm);border:none;background:var(--gradient-primary);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.chat-send-btn:hover:not(:disabled){box-shadow:var(--shadow-glow-primary)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.context-menu{position:fixed;background:var(--color-surface-elevated);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:150px;z-index:1100;overflow:hidden}.context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--color-text);font-size:.85rem;cursor:pointer;text-align:left;transition:var(--transition-fast)}.context-menu button:hover{background:rgba(var(--color-primary-rgb),.1)}.context-menu button:not(:last-child){border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.menu-icon{font-size:1rem}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200}.report-modal{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:24px;width:90%;max-width:400px;box-shadow:var(--shadow-lg)}.report-modal h3{margin:0 0 8px;color:var(--color-text);font-size:1.1rem}.report-modal p{margin:0 0 16px;color:var(--color-text-secondary);font-size:.9rem}.report-select{width:100%;padding:10px 12px;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.9rem;margin-bottom:12px}.report-textarea{width:100%;padding:10px 12px;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.9rem;resize:vertical;margin-bottom:16px;font-family:inherit}.report-textarea::placeholder{color:var(--color-text-muted)}.report-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{padding:10px 20px;border-radius:var(--radius-sm);border:1px solid rgba(var(--color-primary-rgb),.2);background:transparent;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.cancel-btn:hover{background:rgba(var(--color-primary-rgb),.1)}.submit-btn{padding:10px 20px;border-radius:var(--radius-sm);border:none;background:var(--color-error);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.submit-btn:hover{opacity:.9}.image-btn{background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);padding:10px;font-size:1rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.image-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.image-btn:disabled{opacity:.5;cursor:not-allowed}.selected-image-preview{padding:12px;border-bottom:1px solid rgba(var(--color-primary-rgb),.1);display:flex;align-items:center;gap:12px;background:rgba(var(--color-primary-rgb),.05)}.selected-image-preview img{max-width:80px;max-height:80px;border-radius:var(--radius-sm);object-fit:cover;border:2px solid rgba(var(--color-primary-rgb),.3)}.preview-actions{display:flex;flex-direction:column;gap:8px}.cancel-image-btn{background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.3);border-radius:var(--radius-sm);color:var(--color-error);padding:6px 12px;font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.cancel-image-btn:hover{background:rgba(var(--color-error-rgb),.2)}.send-image-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.send-image-btn:hover{box-shadow:var(--shadow-glow-primary)}.image-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200}.message-image-container{margin-top:8px;border-radius:var(--radius-sm);overflow:hidden;background:rgba(var(--color-background-rgb),.3)}.message-image{max-width:200px;max-height:200px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);display:block}.message-image:hover{opacity:.9;transform:scale(1.02)}.gif-btn{background:rgba(var(--color-secondary-rgb),.1);border:1px solid rgba(var(--color-secondary-rgb),.3);border-radius:var(--radius-sm);padding:8px 10px;font-size:.7rem;font-weight:700;color:var(--color-secondary);cursor:pointer;transition:var(--transition-fast)}.gif-btn:hover:not(:disabled){background:rgba(var(--color-secondary-rgb),.2);border-color:var(--color-secondary)}.gif-btn:disabled{opacity:.5;cursor:not-allowed}.gif-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200}.message-gif-container{margin-top:8px;border-radius:var(--radius-sm);overflow:hidden}.message-gif{max-width:200px;max-height:150px;border-radius:var(--radius-sm);display:block}.reply-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(var(--color-primary-rgb),.1);border-left:3px solid var(--color-primary);margin-bottom:0}.reply-bar-content{flex:1;overflow:hidden}.reply-bar-label{font-size:.75rem;color:var(--color-primary);font-weight:600;display:block}.reply-bar-preview{font-size:.8rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.reply-bar-cancel{background:none;border:none;color:var(--color-text-muted);font-size:1rem;cursor:pointer;padding:4px;margin-left:8px;transition:var(--transition-fast)}.reply-bar-cancel:hover{color:var(--color-text)}.message-reply-preview{background:rgba(var(--color-primary-rgb),.1);border-left:2px solid var(--color-primary);padding:4px 8px;margin-bottom:6px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;display:flex;align-items:center;gap:6px}.reply-indicator{color:var(--color-primary);font-size:.75rem}.reply-text{font-size:.75rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unavailable-badge{background:rgba(var(--color-error-rgb),.2);color:var(--color-error);font-size:.65rem;padding:2px 6px;border-radius:var(--radius-sm);margin-left:6px}.availability-toggle{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px;margin-left:auto;margin-right:8px;opacity:.7;transition:var(--transition-fast)}.availability-toggle:hover{opacity:1;transform:scale(1.1)}.availability-toggle.unavailable{opacity:.5}.media-btn{flex-shrink:0}.chat-input-row{display:flex;gap:8px;padding:12px;align-items:center}@media (max-width: 480px){.room-chat{width:calc(100% - 24px);right:12px;bottom:12px}.room-chat.minimized{width:100px}.room-chat.expanded{max-height:60vh}.room-chat-messages{max-height:40vh}}.group-conversation-list{display:flex;flex-direction:column;height:100%;background:var(--color-surface);border-right:1px solid rgba(var(--color-primary-rgb),.1)}.gcl-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.gcl-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.create-group-btn{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);border:none;color:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.create-group-btn:hover{box-shadow:var(--shadow-glow-primary);transform:scale(1.05)}.gcl-search{padding:12px 16px}.gcl-search-input{width:100%;padding:10px 14px;border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text);font-size:.9rem;outline:none;transition:var(--transition-normal)}.gcl-search-input:focus{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.gcl-search-input::placeholder{color:var(--color-text-muted)}.gcl-filters{display:flex;gap:8px;padding:0 16px 12px}.filter-btn{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid rgba(var(--color-primary-rgb),.15);background:transparent;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.filter-btn.active{background:rgba(var(--color-primary-rgb),.15);border-color:var(--color-primary);color:var(--color-primary)}.gcl-list{flex:1;overflow-y:auto}.gcl-list::-webkit-scrollbar{width:6px}.gcl-list::-webkit-scrollbar-track{background:transparent}.gcl-list::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.2);border-radius:3px}.gcl-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid rgba(var(--color-primary-rgb),.05)}.gcl-item:hover{background:rgba(var(--color-primary-rgb),.05)}.gcl-item.selected{background:rgba(var(--color-primary-rgb),.1);border-left:3px solid var(--color-primary)}.gcl-item.unread .gcl-name{font-weight:700}.gcl-item.unread .gcl-preview{color:var(--color-text);font-weight:500}.gcl-avatar{position:relative;flex-shrink:0}.gcl-avatar img,.gcl-avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover}.gcl-avatar-placeholder{background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#22c55e;border:2px solid var(--color-surface);border-radius:50%}.gcl-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.gcl-top-row,.gcl-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.gcl-name{font-size:.95rem;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcl-time{font-size:.75rem;color:var(--color-text-muted);flex-shrink:0}.gcl-preview{flex:1;font-size:.85rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-sender{font-weight:500;color:var(--color-text-secondary)}.preview-empty{font-style:italic;opacity:.7}.gcl-unread-badge{background:var(--gradient-accent);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);flex-shrink:0}.gcl-muted-icon{font-size:.8rem;opacity:.6;margin-left:4px}.gcl-loading,.gcl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.gcl-loading .spinner{width:32px;height:32px;border:3px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.gcl-loading p,.gcl-empty p{margin:0;color:var(--color-text-muted);font-size:.9rem}.create-first-btn{margin-top:16px;padding:10px 20px;border-radius:var(--radius-sm);border:none;background:var(--gradient-primary);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.create-first-btn:hover{box-shadow:var(--shadow-glow-primary)}@media (max-width: 768px){.gcl-header{padding:12px}.gcl-search{padding:8px 12px}.gcl-filters{padding:0 12px 8px}.gcl-item{padding:10px 12px}.gcl-avatar img,.gcl-avatar-placeholder{width:40px;height:40px}}.create-group-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px}.create-group-modal{background:var(--color-surface-elevated);border-radius:var(--radius-md);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.cgm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.cgm-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.cgm-close{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:var(--transition-fast)}.cgm-close:hover{color:var(--color-text)}.cgm-body{flex:1;overflow-y:auto;padding:20px}.cgm-field{margin-bottom:20px}.cgm-field label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:8px}.participant-count{font-weight:400;color:var(--color-text-muted)}.cgm-field input[type=text],.cgm-field textarea{width:100%;padding:12px 14px;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.9rem;outline:none;transition:var(--transition-normal);font-family:inherit}.cgm-field input[type=text]:focus,.cgm-field textarea:focus{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.cgm-field input::placeholder,.cgm-field textarea::placeholder{color:var(--color-text-muted)}.cgm-field textarea{resize:vertical;min-height:60px}.cgm-search{margin-bottom:12px}.cgm-selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.cgm-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--color-primary-rgb),.15);border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-full);padding:4px 10px;font-size:.8rem;color:var(--color-text)}.cgm-chip button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;font-size:1rem;line-height:1}.cgm-chip button:hover{color:var(--color-error)}.cgm-user-list{max-height:200px;overflow-y:auto;border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-sm)}.cgm-user-list::-webkit-scrollbar{width:6px}.cgm-user-list::-webkit-scrollbar-track{background:transparent}.cgm-user-list::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.2);border-radius:3px}.cgm-no-users{padding:20px;text-align:center;color:var(--color-text-muted);font-size:.9rem}.cgm-user-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid rgba(var(--color-primary-rgb),.05)}.cgm-user-item:last-child{border-bottom:none}.cgm-user-item:hover{background:rgba(var(--color-primary-rgb),.05)}.cgm-user-item.selected{background:rgba(var(--color-primary-rgb),.1)}.cgm-user-avatar{flex-shrink:0}.cgm-user-avatar img,.cgm-avatar-placeholder{width:36px;height:36px;border-radius:50%;object-fit:cover}.cgm-avatar-placeholder{background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.cgm-user-name{flex:1;font-size:.9rem;color:var(--color-text)}.cgm-checkbox{width:20px;height:20px;border:2px solid rgba(var(--color-primary-rgb),.3);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-primary);transition:var(--transition-fast)}.cgm-user-item.selected .cgm-checkbox{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cgm-error{background:rgba(var(--color-error-rgb),.1);color:var(--color-error);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-top:12px}.cgm-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid rgba(var(--color-primary-rgb),.1);background:rgba(var(--color-background-rgb),.5)}.cgm-cancel-btn,.cgm-create-btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.cgm-cancel-btn{background:transparent;border:1px solid rgba(var(--color-primary-rgb),.2);color:var(--color-text)}.cgm-cancel-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.1)}.cgm-create-btn{background:var(--gradient-primary);border:none;color:#fff}.cgm-create-btn:hover:not(:disabled){box-shadow:var(--shadow-glow-primary)}.cgm-cancel-btn:disabled,.cgm-create-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.create-group-modal-overlay{padding:0;align-items:flex-end}.create-group-modal{max-width:100%;max-height:85vh;border-radius:var(--radius-md) var(--radius-md) 0 0}.cgm-footer{flex-direction:column-reverse}.cgm-cancel-btn,.cgm-create-btn{width:100%}}.group-chat-window{display:flex;flex-direction:column;height:100%;background:var(--color-surface);position:relative}.gcw-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface-elevated);border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.gcw-back-btn{background:none;border:none;color:var(--color-text);font-size:1.2rem;cursor:pointer;padding:8px;margin:-8px 4px -8px -8px}.gcw-header-info{flex:1;display:flex;align-items:center;gap:12px;cursor:pointer}.gcw-avatar,.gcw-avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.gcw-avatar-placeholder{background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600}.gcw-header-text{display:flex;flex-direction:column}.gcw-group-name{font-size:.95rem;font-weight:600;color:var(--color-text)}.gcw-participant-count{font-size:.75rem;color:var(--color-text-muted)}.gcw-info-btn{background:none;border:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;padding:8px}.gcw-info-btn:hover{color:var(--color-text)}.gcw-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.gcw-messages::-webkit-scrollbar{width:6px}.gcw-messages::-webkit-scrollbar-track{background:transparent}.gcw-messages::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.2);border-radius:3px}.gcw-loading,.gcw-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted)}.gcw-loading .spinner{width:32px;height:32px;border:3px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.gcw-empty p{margin:0;font-size:.95rem}.gcw-empty span{font-size:.85rem;opacity:.7}.gcw-load-more{background:rgba(var(--color-primary-rgb),.1);border:none;color:var(--color-primary);padding:8px 16px;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;margin:0 auto 16px}.gcw-load-more:hover{background:rgba(var(--color-primary-rgb),.2)}.gcw-date-separator{display:flex;align-items:center;justify-content:center;margin:16px 0}.gcw-date-separator span{background:var(--color-surface-elevated);color:var(--color-text-muted);padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem}.gcw-message{display:flex;gap:8px;max-width:80%}.gcw-message.own{margin-left:auto;flex-direction:row-reverse}.gcw-message-avatar,.gcw-message-avatar-placeholder{width:32px;height:32px;border-radius:50%;flex-shrink:0;margin-top:auto}.gcw-message-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.gcw-message-avatar-placeholder{background:rgba(var(--color-primary-rgb),.2);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.gcw-message-bubble{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:8px 12px;border:1px solid rgba(var(--color-primary-rgb),.08)}.gcw-message.own .gcw-message-bubble{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.2),rgba(var(--color-secondary-rgb),.15));border-color:rgba(var(--color-primary-rgb),.2)}.gcw-message-sender{display:block;font-size:.75rem;font-weight:600;color:var(--color-primary);margin-bottom:4px}.gcw-reply-preview{background:rgba(var(--color-primary-rgb),.1);border-left:2px solid var(--color-primary);padding:4px 8px;margin-bottom:6px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.75rem;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.gcw-message-content{margin:0;font-size:.9rem;color:var(--color-text);word-wrap:break-word}.gcw-message-image,.gcw-message-gif{max-width:200px;max-height:200px;border-radius:var(--radius-sm);cursor:pointer}.gcw-message-time{display:block;font-size:.7rem;color:var(--color-text-muted);text-align:right;margin-top:4px}.gcw-reply-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(var(--color-primary-rgb),.1);border-left:3px solid var(--color-primary)}.gcw-reply-bar-content{flex:1;overflow:hidden}.gcw-reply-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-primary)}.gcw-reply-text{display:block;font-size:.8rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcw-reply-bar button{background:none;border:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px}.gcw-input-area{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-surface-elevated);border-top:1px solid rgba(var(--color-primary-rgb),.1)}.gcw-media-btn{background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;transition:var(--transition-fast);font-size:.9rem}.gcw-media-btn:hover{background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.gcw-input{flex:1;padding:10px 14px;border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.9rem;outline:none}.gcw-input:focus{border-color:var(--color-primary)}.gcw-input::placeholder{color:var(--color-text-muted)}.gcw-send-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;width:40px;height:40px;font-size:1rem;cursor:pointer;transition:var(--transition-fast)}.gcw-send-btn:hover:not(:disabled){box-shadow:var(--shadow-glow-primary)}.gcw-send-btn:disabled{opacity:.5;cursor:not-allowed}.gcw-participants-panel{position:absolute;top:0;right:0;bottom:0;width:280px;background:var(--color-surface-elevated);border-left:1px solid rgba(var(--color-primary-rgb),.1);box-shadow:var(--shadow-lg);z-index:10;display:flex;flex-direction:column}.gcw-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.gcw-panel-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.gcw-panel-header button{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer}.gcw-participants-list{flex:1;overflow-y:auto;padding:8px}.gcw-participant{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.gcw-participant:hover{background:rgba(var(--color-primary-rgb),.05)}.gcw-participant-avatar{position:relative}.gcw-participant-avatar img,.gcw-participant-avatar-placeholder{width:36px;height:36px;border-radius:50%;object-fit:cover}.gcw-participant-avatar-placeholder{background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#22c55e;border:2px solid var(--color-surface-elevated);border-radius:50%}.gcw-participant-info{flex:1;display:flex;flex-direction:column}.gcw-participant-name{font-size:.9rem;color:var(--color-text)}.gcw-admin-badge{font-size:.7rem;color:var(--color-primary);font-weight:600}.gcw-context-menu{position:fixed;background:var(--color-surface-elevated);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:140px;z-index:100;overflow:hidden}.gcw-context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--color-text);font-size:.85rem;cursor:pointer;text-align:left}.gcw-context-menu button:hover{background:rgba(var(--color-primary-rgb),.1)}.gcw-context-menu button.danger{color:var(--color-error)}.gcw-context-menu button.danger:hover{background:rgba(var(--color-error-rgb),.1)}.gcw-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200}@media (max-width: 768px){.gcw-message{max-width:90%}.gcw-participants-panel{width:100%}}.gallery-card{cursor:pointer;transition:var(--transition-fast);outline:none}.gallery-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.gallery-card.selected{outline:2px solid var(--color-primary)}.gallery-card--icon{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px}.gallery-card--icon .gallery-card__avatar{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid transparent;transition:var(--transition-fast)}.gallery-card--icon:hover .gallery-card__avatar{border-color:var(--color-primary);transform:scale(1.05)}.gallery-card--icon .gallery-card__avatar img{width:100%;height:100%;object-fit:cover}.gallery-card--icon .gallery-card__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-size:1.2rem;font-weight:600}.gallery-card--icon .gallery-card__online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#22c55e;border:2px solid var(--color-surface);border-radius:50%}.gallery-card--icon .gallery-card__verified-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700}.gallery-card--icon .gallery-card__name{font-size:.75rem;color:var(--color-text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gallery-card--compact{position:relative;width:120px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-elevated);border:1px solid rgba(var(--color-primary-rgb),.1)}.gallery-card--compact:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.gallery-card--compact .gallery-card__image{position:relative;width:100%;height:120px}.gallery-card--compact .gallery-card__image img{width:100%;height:100%;object-fit:cover}.gallery-card--compact .gallery-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-size:2rem;font-weight:600}.gallery-card--compact .gallery-card__online-indicator{position:absolute;top:6px;left:6px;background:#22c55e;color:#fff;font-size:.6rem;padding:2px 6px;border-radius:var(--radius-full);font-weight:500}.gallery-card--compact .gallery-card__verified-icon{position:absolute;top:6px;right:6px;width:20px;height:20px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.gallery-card--compact .gallery-card__info{padding:8px;display:flex;flex-direction:column;gap:2px}.gallery-card--compact .gallery-card__name-age{font-size:.85rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card--compact .gallery-card__distance{font-size:.7rem;color:var(--color-text-muted)}.gallery-card--compact .gallery-card__swipe-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;opacity:0;transition:var(--transition-fast)}.gallery-card--compact:hover .gallery-card__swipe-btn{opacity:1}.gallery-card--compact .gallery-card__swipe-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-glow-primary)}.gallery-card--full{display:flex;gap:16px;padding:12px;background:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid rgba(var(--color-primary-rgb),.1)}.gallery-card--full:hover{border-color:rgba(var(--color-primary-rgb),.3);background:linear-gradient(135deg,var(--color-surface-elevated),rgba(var(--color-primary-rgb),.05))}.gallery-card--full .gallery-card__photo{position:relative;width:100px;height:100px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden}.gallery-card--full .gallery-card__photo img{width:100%;height:100%;object-fit:cover}.gallery-card--full .gallery-card__photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-size:2rem;font-weight:600}.gallery-card--full .gallery-card__status{position:absolute;bottom:4px;left:4px;right:4px;background:#22c55ee6;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:var(--radius-sm);text-align:center;font-weight:500}.gallery-card--full .gallery-card__status--away{background:#64748be6}.gallery-card--full .gallery-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.gallery-card--full .gallery-card__header{display:flex;flex-direction:column;gap:2px}.gallery-card--full .gallery-card__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:6px}.gallery-card--full .gallery-card__verified{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:.6rem;font-weight:700}.gallery-card--full .gallery-card__location{font-size:.8rem;color:var(--color-text-muted)}.gallery-card--full .gallery-card__bio{margin:0;font-size:.85rem;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.gallery-card--full .gallery-card__interests{display:flex;flex-wrap:wrap;gap:4px}.gallery-card--full .gallery-card__interest-tag{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:500}.gallery-card--full .gallery-card__interest-more{color:var(--color-text-muted);font-size:.7rem;padding:2px 4px}.gallery-card--full .gallery-card__actions{margin-top:auto;padding-top:8px}.gallery-card--full .gallery-card__action-btn{background:none;border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-primary);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.gallery-card--full .gallery-card__action-btn:hover{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.gallery-card--full .gallery-card__action-btn--primary{background:var(--gradient-primary);border:none;color:#fff}.gallery-card--full .gallery-card__action-btn--primary:hover{box-shadow:var(--shadow-glow-primary)}@media (max-width: 768px){.gallery-card--icon{width:64px}.gallery-card--icon .gallery-card__avatar{width:56px;height:56px}.gallery-card--compact{width:100px}.gallery-card--compact .gallery-card__image{height:100px}.gallery-card--full{flex-direction:column}.gallery-card--full .gallery-card__photo{width:100%;height:160px}}.gallery-grid{display:grid;width:100%}.gallery-grid--icon{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));justify-items:center}.gallery-grid--compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gallery-grid--cols-2{grid-template-columns:repeat(2,1fr)}.gallery-grid--cols-3{grid-template-columns:repeat(3,1fr)}.gallery-grid--cols-4{grid-template-columns:repeat(4,1fr)}.gallery-grid--cols-5{grid-template-columns:repeat(5,1fr)}.gallery-grid--cols-6{grid-template-columns:repeat(6,1fr)}.gallery-grid--gap-sm{gap:8px}.gallery-grid--gap-md{gap:16px}.gallery-grid--gap-lg{gap:24px}@media (max-width: 1024px){.gallery-grid--icon{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.gallery-grid--compact{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.gallery-grid--cols-6{grid-template-columns:repeat(5,1fr)}}@media (max-width: 768px){.gallery-grid--icon{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.gallery-grid--compact{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.gallery-grid--cols-5,.gallery-grid--cols-6{grid-template-columns:repeat(4,1fr)}.gallery-grid--cols-4{grid-template-columns:repeat(3,1fr)}.gallery-grid--gap-lg{gap:16px}}@media (max-width: 480px){.gallery-grid--icon{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.gallery-grid--compact,.gallery-grid--cols-4,.gallery-grid--cols-5,.gallery-grid--cols-6{grid-template-columns:repeat(3,1fr)}.gallery-grid--cols-3{grid-template-columns:repeat(2,1fr)}.gallery-grid--gap-md{gap:12px}}.gallery-row-container{position:relative;width:100%}.gallery-row{display:flex;overflow-x:auto;gap:16px;padding:8px 0;scrollbar-width:none;-ms-overflow-style:none}.gallery-row::-webkit-scrollbar{display:none}.gallery-row--snap{scroll-snap-type:x mandatory;scroll-padding:0 16px}.gallery-row--snap .gallery-row__item{scroll-snap-align:start}.gallery-row__item{flex:0 0 auto}.gallery-row--icon .gallery-row__item,.gallery-row--compact .gallery-row__item{padding:4px}.gallery-row__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--color-surface-elevated);border:1px solid rgba(var(--color-primary-rgb),.2);color:var(--color-text);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:var(--transition-fast);box-shadow:var(--shadow-md)}.gallery-row__arrow:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow-primary)}.gallery-row__arrow--left{left:-20px}.gallery-row__arrow--right{right:-20px}.gallery-row-container:before,.gallery-row-container:after{content:"";position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:5;opacity:0;transition:opacity .2s ease}.gallery-row-container:before{left:0;background:linear-gradient(to right,var(--color-surface),transparent)}.gallery-row-container:after{right:0;background:linear-gradient(to left,var(--color-surface),transparent)}.gallery-row-container:has(.gallery-row__arrow--left):before{opacity:1}.gallery-row-container:has(.gallery-row__arrow--right):after{opacity:1}.gallery-row{-webkit-overflow-scrolling:touch}@media (max-width: 768px){.gallery-row{gap:12px;padding:4px 0}.gallery-row__arrow{width:36px;height:36px;font-size:1.3rem}.gallery-row__arrow--left{left:-10px}.gallery-row__arrow--right{right:-10px}@media (hover: none){.gallery-row__arrow{display:none}}}@media (max-width: 480px){.gallery-row{gap:8px;padding-left:16px;padding-right:16px;margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}.gallery-row-container:before,.gallery-row-container:after{display:none}}.gallery-list{display:flex;flex-direction:column;gap:12px;width:100%}.gallery-list__item{width:100%}.gallery-list--dividers{gap:0}.gallery-list--dividers .gallery-list__item{border-bottom:1px solid rgba(var(--color-primary-rgb),.1);padding-bottom:12px;margin-bottom:12px}.gallery-list--dividers .gallery-list__item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}@media (max-width: 768px){.gallery-list{gap:8px}.gallery-list--dividers .gallery-list__item{padding-bottom:8px;margin-bottom:8px}}@media (max-width: 480px){.gallery-list{gap:0}.gallery-list .gallery-list__item{border-bottom:1px solid rgba(var(--color-primary-rgb),.08)}.gallery-list .gallery-list__item:last-child{border-bottom:none}}.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0}.gallery-pagination__btn{display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.2);color:var(--color-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.gallery-pagination__btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.gallery-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.gallery-pagination__btn--large{padding:10px 16px;font-size:.9rem}.gallery-pagination__btn--large .gallery-pagination__arrow{font-size:1.1rem}.gallery-pagination--arrows{position:relative}.gallery-pagination--arrows .gallery-pagination__page-info{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--color-text-muted)}.gallery-pagination--arrows .gallery-pagination__current{color:var(--color-primary);font-weight:600}.gallery-pagination--arrows .gallery-pagination__btn-text{display:inline}.gallery-pagination--dots .gallery-pagination__btn{width:36px;height:36px;padding:0;border-radius:50%;font-size:1.2rem}.gallery-pagination--dots .gallery-pagination__dots{display:flex;align-items:center;gap:8px}.gallery-pagination--dots .gallery-pagination__dot{width:10px;height:10px;border-radius:50%;background:rgba(var(--color-primary-rgb),.2);border:none;cursor:pointer;transition:var(--transition-fast);padding:0}.gallery-pagination--dots .gallery-pagination__dot:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.4);transform:scale(1.2)}.gallery-pagination--dots .gallery-pagination__dot.active{background:var(--color-primary);transform:scale(1.3)}.gallery-pagination--numbered .gallery-pagination__numbers{display:flex;align-items:center;gap:4px}.gallery-pagination--numbered .gallery-pagination__number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(var(--color-primary-rgb),.2);color:var(--color-text);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.gallery-pagination--numbered .gallery-pagination__number:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.gallery-pagination--numbered .gallery-pagination__number.active{background:var(--gradient-primary);border-color:transparent;color:#fff;font-weight:600}.gallery-pagination--numbered .gallery-pagination__ellipsis{color:var(--color-text-muted);padding:0 4px}.gallery-pagination--minimal{gap:16px}.gallery-pagination--minimal .gallery-pagination__btn{width:40px;height:40px;padding:0;border-radius:50%;font-size:1.2rem;background:var(--gradient-primary);border:none;color:#fff}.gallery-pagination--minimal .gallery-pagination__btn:hover:not(:disabled){box-shadow:var(--shadow-glow-primary);transform:scale(1.05)}.gallery-pagination--minimal .gallery-pagination__btn:disabled{background:rgba(var(--color-primary-rgb),.2);color:var(--color-text-muted)}.gallery-pagination--minimal .gallery-pagination__info{font-size:.9rem;color:var(--color-text-muted);min-width:60px;text-align:center}.gallery-pagination__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--color-background-rgb),.8);padding:8px 16px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px}.gallery-pagination__spinner{width:16px;height:16px;border:2px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.gallery-pagination{gap:8px;padding:12px 0}.gallery-pagination--arrows .gallery-pagination__btn-text{display:none}.gallery-pagination__btn--large{padding:8px 12px}.gallery-pagination--numbered .gallery-pagination__number{width:32px;height:32px;font-size:.8rem}}@media (max-width: 480px){.gallery-pagination--numbered .gallery-pagination__numbers{gap:2px}.gallery-pagination--dots .gallery-pagination__dots{gap:6px}.gallery-pagination--dots .gallery-pagination__dot{width:8px;height:8px}}.layout-selector{display:flex;align-items:center;gap:4px;background:rgba(var(--color-primary-rgb),.08);border-radius:var(--radius-sm);padding:4px}.layout-selector__btn{display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);border-radius:var(--radius-sm)}.layout-selector__btn:hover:not(.active){color:var(--color-text);background:rgba(var(--color-primary-rgb),.1)}.layout-selector__btn.active{background:var(--color-surface-elevated);color:var(--color-primary);box-shadow:var(--shadow-sm)}.layout-selector__icon{font-size:1rem;line-height:1}.layout-selector__label{font-size:.75rem;font-weight:500}.layout-selector--md .layout-selector__btn{padding:8px 12px}.layout-selector--md .layout-selector__icon{font-size:1.1rem}.layout-selector--sm{padding:2px;gap:2px}.layout-selector--sm .layout-selector__btn{padding:6px 10px}.layout-selector--sm .layout-selector__icon{font-size:.9rem}.layout-selector--sm .layout-selector__label{font-size:.7rem}@media (max-width: 480px){.layout-selector{padding:2px;gap:2px}.layout-selector__btn{padding:6px 10px}.layout-selector__label{display:none}}.user-gallery{display:flex;flex-direction:column;width:100%;min-height:300px}.user-gallery__header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:16px;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.user-gallery__count{font-size:.9rem;color:var(--color-text-muted)}.user-gallery__controls{display:flex;align-items:center;gap:12px}.user-gallery__filter-toggle{display:flex;align-items:center;gap:6px;background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.2);color:var(--color-text);padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.user-gallery__filter-toggle:hover{background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.user-gallery__filter-icon{font-size:1rem}.user-gallery__content{flex:1;position:relative}.user-gallery__loading-more{display:flex;justify-content:center;padding:16px}.spinner-small{width:24px;height:24px;border:2px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.user-gallery--loading{justify-content:center}.user-gallery__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.user-gallery__loading .spinner{width:40px;height:40px;border:3px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.user-gallery__loading p{margin:0;color:var(--color-text-muted);font-size:.95rem}.user-gallery--error{justify-content:center}.user-gallery__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.user-gallery__error-icon{width:64px;height:64px;border-radius:50%;background:rgba(var(--color-error-rgb),.1);color:var(--color-error);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin-bottom:16px}.user-gallery__error h3{margin:0 0 8px;font-size:1.25rem;color:var(--color-text)}.user-gallery__error p{margin:0 0 20px;color:var(--color-text-muted);font-size:.95rem}.user-gallery__retry-btn{background:var(--gradient-primary);border:none;color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.user-gallery__retry-btn:hover{box-shadow:var(--shadow-glow-primary)}.user-gallery--empty{justify-content:center}.user-gallery__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.user-gallery__empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.user-gallery__empty h3{margin:0 0 8px;font-size:1.25rem;color:var(--color-text)}.user-gallery__empty p{margin:0 0 20px;color:var(--color-text-muted);font-size:.95rem}.user-gallery__filter-btn{background:var(--gradient-primary);border:none;color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.user-gallery__filter-btn:hover{box-shadow:var(--shadow-glow-primary)}@media (max-width: 768px){.user-gallery__header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0}.user-gallery__controls{width:100%;justify-content:space-between}.user-gallery__loading,.user-gallery__error,.user-gallery__empty{padding:40px 16px}}@media (max-width: 480px){.user-gallery__filter-toggle{padding:6px 10px;font-size:.8rem}.user-gallery__count{font-size:.8rem}}.gallery-filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gallery-filter{background:var(--color-surface);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.gallery-filter__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.gallery-filter__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.gallery-filter__close{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1}.gallery-filter__close:hover{color:var(--color-text)}.gallery-filter__content{flex:1;overflow-y:auto;padding:20px}.gallery-filter__section{margin-bottom:24px}.gallery-filter__section:last-child{margin-bottom:0}.gallery-filter__section-title{margin:0 0 12px;font-size:.85rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.gallery-filter__range-inputs{display:flex;align-items:center;gap:12px}.gallery-filter__range-inputs span{color:var(--color-text-muted);font-size:.9rem}.gallery-filter__input{width:80px;padding:8px 12px;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text);font-size:.9rem;text-align:center}.gallery-filter__input:focus{outline:none;border-color:var(--color-primary)}.gallery-filter__slider{display:flex;align-items:center;gap:16px}.gallery-filter__range-slider{flex:1;height:4px;border-radius:2px;background:rgba(var(--color-primary-rgb),.2);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.gallery-filter__range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:var(--shadow-sm)}.gallery-filter__range-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;border:none}.gallery-filter__slider-value{min-width:60px;font-size:.9rem;color:var(--color-text);font-weight:500}.gallery-filter__chips{display:flex;gap:8px}.gallery-filter__chips--wrap{flex-wrap:wrap}.gallery-filter__chip{padding:8px 16px;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-full);background:none;color:var(--color-text);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.gallery-filter__chip:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.gallery-filter__chip.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.gallery-filter__chip--sm{padding:6px 12px;font-size:.8rem}.gallery-filter__toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.gallery-filter__toggle input{display:none}.gallery-filter__toggle-slider{position:relative;width:44px;height:24px;background:rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-full);transition:var(--transition-fast)}.gallery-filter__toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-surface);border-radius:50%;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.gallery-filter__toggle input:checked+.gallery-filter__toggle-slider{background:var(--color-primary)}.gallery-filter__toggle input:checked+.gallery-filter__toggle-slider:after{left:calc(100% - 22px)}.gallery-filter__toggle-label{font-size:.9rem;color:var(--color-text)}.gallery-filter__select{width:100%;padding:10px 36px 10px 14px;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text);font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.gallery-filter__select:focus{outline:none;border-color:var(--color-primary)}.gallery-filter__footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(var(--color-primary-rgb),.1)}.gallery-filter__btn{flex:1;padding:12px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.gallery-filter__btn--reset{background:none;border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-text)}.gallery-filter__btn--reset:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.gallery-filter__btn--apply{background:var(--gradient-primary);border:none;color:#fff}.gallery-filter__btn--apply:hover{box-shadow:var(--shadow-glow-primary)}@media (max-width: 768px){.gallery-filter-overlay{padding:0;align-items:flex-end}.gallery-filter{max-width:100%;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}@media (max-width: 480px){.gallery-filter__content{padding:16px}.gallery-filter__chips{flex-wrap:wrap}.gallery-filter__chip{padding:6px 12px;font-size:.8rem}.gallery-filter__range-inputs{flex-wrap:wrap;gap:8px}.gallery-filter__input{width:70px}}.saved-gallery-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.saved-gallery-modal{background:var(--color-surface);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.saved-gallery-modal--sm{max-width:400px}.saved-gallery-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.saved-gallery-modal__header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.saved-gallery-modal__close{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1}.saved-gallery-modal__close:hover{color:var(--color-text)}.saved-gallery-modal__content{flex:1;overflow-y:auto;padding:20px}.saved-gallery-modal__content p{margin:0;color:var(--color-text);line-height:1.5}.saved-gallery-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid rgba(var(--color-primary-rgb),.1)}.saved-gallery-btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.saved-gallery-btn--sm{padding:6px 14px;font-size:.8rem}.saved-gallery-btn--primary{background:var(--gradient-primary);border:none;color:#fff}.saved-gallery-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-glow-primary)}.saved-gallery-btn--primary:disabled{opacity:.5;cursor:not-allowed}.saved-gallery-btn--secondary{background:none;border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-text)}.saved-gallery-btn--secondary:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.saved-gallery-btn--danger{background:rgba(var(--color-error-rgb),.1);border:1px solid var(--color-error);color:var(--color-error)}.saved-gallery-btn--danger:hover{background:var(--color-error);color:#fff}.saved-gallery-form{display:flex;flex-direction:column;gap:16px}.saved-gallery-form__field{display:flex;flex-direction:column;gap:6px}.saved-gallery-form__field label{font-size:.85rem;font-weight:500;color:var(--color-text)}.saved-gallery-form__field input,.saved-gallery-form__field textarea{padding:10px 14px;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text);font-size:.9rem;resize:none}.saved-gallery-form__field input:focus,.saved-gallery-form__field textarea:focus{outline:none;border-color:var(--color-primary)}.saved-gallery-form__field input::placeholder,.saved-gallery-form__field textarea::placeholder{color:var(--color-text-muted)}.saved-gallery-form__error{color:var(--color-error);font-size:.85rem;padding:8px 12px;background:rgba(var(--color-error-rgb),.1);border-radius:var(--radius-sm)}.saved-gallery-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.saved-gallery-empty__icon{font-size:3rem;margin-bottom:16px;opacity:.5}.saved-gallery-empty p{margin:0 0 8px;font-size:1rem;color:var(--color-text)}.saved-gallery-empty span{font-size:.85rem;color:var(--color-text-muted)}.saved-gallery-list{display:flex;flex-direction:column;gap:8px}.saved-gallery-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface-elevated);border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-md);transition:var(--transition-fast)}.saved-gallery-item:hover:not(.editing){border-color:rgba(var(--color-primary-rgb),.3)}.saved-gallery-item.active{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.saved-gallery-item.editing{flex-direction:column;align-items:stretch}.saved-gallery-item__info{flex:1;min-width:0;cursor:pointer}.saved-gallery-item__name{margin:0 0 4px;font-size:.95rem;font-weight:600;color:var(--color-text)}.saved-gallery-item__desc{margin:0 0 4px;font-size:.85rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-gallery-item__meta{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.saved-gallery-item__actions{display:flex;gap:4px}.saved-gallery-item__action{background:none;border:none;padding:6px 8px;cursor:pointer;font-size:1rem;opacity:.6;transition:var(--transition-fast)}.saved-gallery-item__action:hover{opacity:1}.saved-gallery-item__action--danger:hover{color:var(--color-error)}.saved-gallery-item__edit{display:flex;flex-direction:column;gap:8px;width:100%}.saved-gallery-item__edit input,.saved-gallery-item__edit textarea{padding:8px 12px;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.85rem;resize:none}.saved-gallery-item__edit input:focus,.saved-gallery-item__edit textarea:focus{outline:none;border-color:var(--color-primary)}.saved-gallery-item__edit-actions{display:flex;justify-content:flex-end;gap:8px}@media (max-width: 768px){.saved-gallery-overlay{padding:0;align-items:flex-end}.saved-gallery-modal{max-width:100%;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.payment-form-loading{text-align:center;padding:2rem;color:#64748b}.card-element-wrapper{padding:1rem;border:1px solid #e1e5eb;border-radius:8px;background:#f8fafc;transition:border-color .2s}.card-element-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.payment-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:8px;font-size:.875rem}.payment-form-actions{display:flex;gap:1rem;justify-content:flex-end}.payment-form-actions .btn-cancel{background:transparent;border:1px solid #e1e5eb;color:#64748b;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s}.payment-form-actions .btn-cancel:hover:not(:disabled){border-color:#94a3b8;color:#374151}.payment-form-actions .btn-save{background:var(--color-primary);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.payment-form-actions .btn-save:hover:not(:disabled){background:var(--color-primary-dark)}.payment-form-actions button:disabled{opacity:.6;cursor:not-allowed}.payment-security-note{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b;margin:0}.lock-icon{font-size:1rem}.subscription-plans{max-width:1000px;margin:0 auto}.subscription-plans h2{text-align:center;margin-bottom:.5rem;color:#1a1a2e}.plans-description{text-align:center;color:#64748b;margin-bottom:2rem}.plans-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.plans-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.plan-card{background:#fff;border:2px solid #e1e5eb;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;position:relative;transition:all .3s}.plan-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 24px #6366f126}.plan-card.recommended{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f133}.plan-card.current{border-color:#22c55e;background:#f0fdf4}.plan-card.selected{border-color:var(--color-primary);background:#eef2ff}.plan-badge{position:absolute;top:-10px;right:20px;background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.plan-badge.current{background:#22c55e}.plan-name{margin:0 0 .5rem;font-size:1.25rem;color:#1a1a2e}.plan-price{margin-bottom:1rem}.price-amount{font-size:2rem;font-weight:700;color:#1a1a2e}.price-period{color:#64748b;font-size:1rem}.plan-description{color:#64748b;font-size:.9rem;margin-bottom:1rem}.plan-features{list-style:none;padding:0;margin:0 0 1.5rem;flex-grow:1}.plan-features li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:#374151;font-size:.9rem}.feature-check{color:#22c55e;font-weight:700}.plan-button{width:100%;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-primary);color:#fff}.plan-button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.plan-button:disabled{background:#e1e5eb;color:#64748b;cursor:not-allowed}.plan-button.current{background:#22c55e}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.payment-modal{background:#fff;border-radius:12px;padding:2rem;max-width:450px;width:90%;max-height:90vh;overflow-y:auto}.payment-modal h3{margin:0 0 .5rem}.payment-modal p{color:#64748b;margin-bottom:1.5rem}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr}}.current-subscription{background:#f8fafc;border-radius:12px;padding:1.5rem}.current-subscription.no-sub{text-align:center;padding:3rem}.current-subscription.no-sub .sub-icon{font-size:3rem;margin-bottom:1rem}.current-subscription.no-sub h3{margin:0 0 .5rem;color:#1a1a2e}.current-subscription.no-sub p{color:#64748b;margin:0}.current-subscription.cancelling{border:2px solid #fbbf24;background:#fffbeb}.sub-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:8px;margin-bottom:1rem;text-align:center}.sub-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.sub-plan h3{margin:0 0 .25rem;font-size:1.5rem;color:#1a1a2e}.sub-status{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.sub-status.active{background:#dcfce7;color:#16a34a}.sub-status.cancelling{background:#fef3c7;color:#d97706}.sub-status.past_due{background:#fef2f2;color:#dc2626}.sub-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.875rem}.sub-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.sub-detail{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:8px}.sub-detail.warning{background:#fef3c7;border:1px solid #fbbf24}.detail-label{color:#64748b;font-size:.875rem}.detail-value{font-weight:500;color:#1a1a2e}.sub-actions{display:flex;gap:1rem}.btn-cancel{background:transparent;border:1px solid #dc2626;color:#dc2626;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#dc2626;color:#fff}.btn-reactivate{background:#22c55e;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-reactivate:hover:not(:disabled){background:#16a34a}.cancel-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cancel-modal{background:#fff;border-radius:12px;padding:2rem;max-width:450px;width:90%}.cancel-modal h3{margin:0 0 1rem;color:#1a1a2e}.cancel-modal p{color:#64748b;margin-bottom:1.5rem}.cancel-reason{margin-bottom:1.5rem}.cancel-reason label{display:block;margin-bottom:.5rem;color:#374151;font-size:.875rem}.cancel-reason textarea{width:100%;padding:.75rem;border:1px solid #e1e5eb;border-radius:8px;resize:vertical;min-height:80px;font-family:inherit}.cancel-reason textarea:focus{outline:none;border-color:var(--color-primary)}.cancel-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-keep{background:var(--color-primary);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-keep:hover:not(:disabled){background:var(--color-primary-dark)}.btn-confirm-cancel{background:transparent;border:1px solid #dc2626;color:#dc2626;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer}.btn-confirm-cancel:hover:not(:disabled){background:#dc2626;color:#fff}button:disabled{opacity:.6;cursor:not-allowed}.payment-methods{max-width:600px}.pm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.pm-header h2{margin:0;color:#1a1a2e}.btn-add{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-add:hover{background:var(--color-primary-dark)}.pm-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:8px;margin-bottom:1rem}.pm-empty{text-align:center;padding:3rem;background:#f8fafc;border-radius:12px}.pm-empty-icon{font-size:3rem;margin-bottom:1rem}.pm-empty p{color:#64748b;margin-bottom:1.5rem}.btn-add-first{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer}.pm-list{display:flex;flex-direction:column;gap:1rem}.pm-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8fafc;border:1px solid #e1e5eb;border-radius:12px;transition:all .2s}.pm-card:hover{border-color:var(--color-primary)}.pm-card.default{border-color:#22c55e;background:#f0fdf4}.pm-card.expired{border-color:#fbbf24;background:#fffbeb}.pm-info{display:flex;align-items:center;gap:1rem}.pm-icon{font-size:1.5rem}.pm-details{display:flex;flex-direction:column}.pm-brand{font-weight:600;color:#1a1a2e}.pm-expiry{font-size:.875rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.expired-badge{background:#dc2626;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem}.pm-actions{display:flex;align-items:center;gap:.75rem}.default-badge{background:#22c55e;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.btn-set-default{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:.25rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-set-default:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn-remove{background:transparent;border:none;color:#dc2626;font-size:1.25rem;cursor:pointer;padding:.25rem;opacity:.6;transition:opacity .2s}.btn-remove:hover:not(:disabled){opacity:1}button:disabled{opacity:.5;cursor:not-allowed}.pm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pm-modal{background:#fff;border-radius:12px;padding:2rem;max-width:450px;width:90%}.pm-modal h3{margin:0 0 1.5rem;color:#1a1a2e}.billing-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.billing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #e1e5eb;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.billing-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.billing-header h1{margin:0;font-size:1.75rem;color:#1a1a2e}.back-button{background:none;border:none;color:var(--color-primary);font-size:1rem;cursor:pointer;padding:.5rem}.back-button:hover{text-decoration:underline}.billing-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.billing-error p{margin:0;color:#dc2626}.billing-error button{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.billing-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e1e5eb;padding-bottom:.5rem}.tab-btn{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;color:#64748b;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s}.tab-btn:hover{color:#1a1a2e;background:#f1f5f9}.tab-btn.active{color:var(--color-primary);background:#eef2ff;font-weight:600}.billing-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.billing-overview-tab{display:flex;flex-direction:column;gap:2rem}.upgrade-prompt{text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.upgrade-prompt h3{margin:0 0 .5rem;font-size:1.5rem}.upgrade-prompt p{margin:0 0 1.5rem;opacity:.9}.btn-primary{background:#fff;color:var(--color-primary);border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.billing-page{padding:1rem}.billing-tabs{flex-wrap:wrap}.tab-btn{flex:1 1 45%;text-align:center}.billing-content{padding:1rem}}.billing-history-page{max-width:1200px;margin:0 auto;padding:2rem}.history-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.history-header h1{margin:0;color:#1a1a2e}.loading{text-align:center;padding:4rem;color:#64748b}.history-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.history-error p{margin:0;color:#dc2626}.history-error button{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.history-empty{text-align:center;padding:4rem;background:#f8fafc;border-radius:12px}.empty-icon{font-size:4rem;margin-bottom:1rem}.history-empty h3{margin:0 0 .5rem;color:#1a1a2e}.history-empty p{color:#64748b;margin:0}.invoices-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.invoices-table table{width:100%;border-collapse:collapse}.invoices-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#64748b;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.invoices-table td{padding:1rem;border-top:1px solid #e1e5eb;color:#374151}.invoice-number{font-family:monospace;font-weight:600}.invoice-amount{font-weight:600;color:#1a1a2e}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.paid{background:#dcfce7;color:#16a34a}.status-badge.open{background:#fef3c7;color:#d97706}.status-badge.draft{background:#f1f5f9;color:#64748b}.status-badge.void,.status-badge.uncollectible{background:#fef2f2;color:#dc2626}.btn-download{color:var(--color-primary);text-decoration:none;font-size:.875rem;font-weight:500}.btn-download:hover{text-decoration:underline}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--color-primary-dark)}.pagination button:disabled{background:#e1e5eb;color:#64748b;cursor:not-allowed}.pagination span{color:#64748b}@media (max-width: 768px){.billing-history-page{padding:1rem}.invoices-table{overflow-x:auto}.invoices-table table{min-width:600px}}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--glass-blur: blur(12px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--body-background);color:var(--color-text);min-height:100vh;transition:background .3s ease;font-size:15px;line-height:1.6;letter-spacing:-.01em}.glass-card{background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.glass-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow-crystal)}.icy-hover{transition:var(--transition-normal)}.icy-hover:hover{box-shadow:var(--shadow-glow-crystal);border-color:var(--color-crystal)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;min-height:100vh;overflow-y:auto}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.connection-status.disconnected{background:rgba(var(--color-error-rgb),.12);color:var(--color-error);border:1px solid rgba(var(--color-error-rgb),.25)}.connection-status .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.room-players-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.player-tag{padding:.25rem .75rem;background:var(--color-surface-elevated);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-soft);border:1px solid rgba(255,255,255,.08)}.player-tag.host{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.25),rgba(var(--color-secondary-rgb),.15));color:var(--color-primary-light);border-color:rgba(var(--color-primary-rgb),.3)}.game-view{display:flex;flex-direction:column;height:100vh}.room-header-bar{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:var(--color-surface);border-bottom:1px solid rgba(var(--color-primary-rgb),.15);box-shadow:0 2px 12px #0003}.back-btn{padding:.625rem 1rem;background:var(--color-surface-elevated);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:var(--transition-normal)}.back-btn:hover{background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.4);color:var(--color-primary-light)}.current-room-info{display:flex;align-items:center;gap:1rem}.current-room-info h2{font-size:1.25rem;font-weight:600}.current-room-info span{color:#fff9;font-size:.875rem}.game-container{flex:1;position:relative;min-height:0}@media (max-width: 768px){.main-content{margin-left:0;padding-bottom:calc(70px + env(safe-area-inset-bottom,0))}.room-header-bar{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.game-view{height:calc(100vh - 70px - env(safe-area-inset-bottom,0))}.game-view~.mobile-nav{display:none}.current-room-info h2{font-size:1rem}.room-players-list{margin-left:0;margin-top:.5rem}}@media (max-width: 926px) and (orientation: landscape){.game-view{height:100vh}.room-header-bar{flex-direction:row;padding:.5rem 1rem}.room-players-list{margin-left:auto;margin-top:0}}.app-layout:fullscreen .main-content,.app-layout:-webkit-full-screen .main-content{margin-left:0}.app-layout:fullscreen .sidebar,.app-layout:-webkit-full-screen .sidebar{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(var(--color-accent-rgb),.05)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--color-accent-rgb),.3),rgba(var(--color-crystal-rgb),.2));border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--color-accent-rgb),.5),rgba(var(--color-crystal-rgb),.3))}.player-notification{position:fixed;top:1rem;right:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;z-index:1000;animation:slideIn .3s ease-out}.player-notification.join{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.95),rgba(var(--color-primary-rgb),.9));color:#fff;border:1px solid rgba(var(--color-success-rgb),.3);box-shadow:var(--shadow-glow-primary)}.player-notification.leave{background:var(--color-surface-elevated);color:var(--color-text-muted);border:1px solid rgba(255,255,255,.1)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.join-error-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin:.5rem 1rem;border-radius:var(--radius-md);background:rgba(var(--color-error-rgb),.1);color:var(--color-error);border:1px solid rgba(var(--color-error-rgb),.25);font-size:.875rem}.join-error-banner .dismiss-btn{background:none;border:none;color:var(--color-error);font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;opacity:.7;transition:var(--transition-fast)}.join-error-banner .dismiss-btn:hover{opacity:1}.invite-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:.5rem 1rem;border-radius:8px;background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.3);font-size:.875rem;animation:pulse 2s ease-in-out infinite}:root{--color-primary: #FFD700;--color-primary-rgb: 255, 215, 0;--color-primary-light: #FFE44D;--color-primary-dark: #E6C200;--color-secondary: #FFE44D;--color-secondary-rgb: 255, 228, 77;--color-midnight: #1E3A5F;--color-midnight-rgb: 30, 58, 95;--color-midnight-light: #2B4A73;--color-midnight-dark: #152C4A;--color-accent: #0057B7;--color-accent-rgb: 0, 87, 183;--color-accent-light: #3B82F6;--color-accent-soft: #60A5FA;--color-crystal: #60A5FA;--color-crystal-rgb: 96, 165, 250;--color-background: #5BA3D9;--color-background-rgb: 91, 163, 217;--color-surface: #0057B7;--color-surface-rgb: 0, 87, 183;--color-surface-light: #2563EB;--color-surface-elevated: #0057B7;--color-yellow-tint: rgba(255, 215, 0, .2);--color-curacao-tint: rgba(0, 87, 183, .15);--color-crystal-tint: rgba(135, 206, 235, .2);--color-midnight-tint: rgba(59, 124, 192, .15);--color-text: #FFFFFF;--color-text-rgb: 255, 255, 255;--color-text-muted: rgba(255, 255, 255, .7);--color-text-soft: rgba(255, 255, 255, .85);--color-text-on-primary: #002B5C;--color-text-on-butter: #002B5C;--color-success: #10B981;--color-success-rgb: 16, 185, 129;--color-error: #EF4444;--color-error-rgb: 239, 68, 68;--color-warning: #F59E0B;--color-warning-rgb: 245, 158, 11;--color-info: #3B82F6;--gradient-primary: linear-gradient(135deg, #FFD700 0%, #FFC107 100%);--gradient-accent: linear-gradient(135deg, #0057B7 0%, #3B82F6 100%);--gradient-glass: linear-gradient(135deg, rgba(0, 87, 183, .1) 0%, rgba(59, 130, 246, .05) 100%);--gradient-surface: linear-gradient(180deg, var(--color-surface) 0%, var(--color-background) 100%);--body-background: linear-gradient(180deg, #87CEEB 0%, #5BA3D9 50%, #3B7CC0 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .08);--shadow-glow-primary: 0 0 20px rgba(255, 215, 0, .5);--shadow-glow-accent: 0 0 20px rgba(0, 87, 183, .4);--shadow-glow-crystal: 0 0 15px rgba(96, 165, 250, .5);--shadow-glass: 0 8px 32px rgba(0, 87, 183, .2);--glass-background: rgba(0, 87, 183, .9);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(12px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}[data-theme=ukrainian-sky]{--color-primary: #FFD700;--color-primary-rgb: 255, 215, 0;--color-primary-light: #FFE44D;--color-primary-dark: #E6C200;--color-secondary: #FFE44D;--color-secondary-rgb: 255, 228, 77;--color-midnight: #1E3A5F;--color-midnight-rgb: 30, 58, 95;--color-midnight-light: #2B4A73;--color-midnight-dark: #152C4A;--color-accent: #0057B7;--color-accent-rgb: 0, 87, 183;--color-accent-light: #3B82F6;--color-accent-soft: #60A5FA;--color-crystal: #60A5FA;--color-crystal-rgb: 96, 165, 250;--color-background: #5BA3D9;--color-background-rgb: 91, 163, 217;--color-surface: #0057B7;--color-surface-rgb: 0, 87, 183;--color-surface-light: #2563EB;--color-surface-elevated: #0057B7;--color-text: #FFFFFF;--color-text-rgb: 255, 255, 255;--color-text-muted: rgba(255, 255, 255, .7);--color-text-soft: rgba(255, 255, 255, .85);--color-text-on-primary: #002B5C;--body-background: linear-gradient(180deg, #87CEEB 0%, #5BA3D9 50%, #3B7CC0 100%);--glass-background: rgba(0, 87, 183, .9);--glass-border: rgba(255, 255, 255, .2)}[data-theme=royal-sapphire]{--color-primary: #F5B800;--color-primary-rgb: 245, 184, 0;--color-primary-light: #FFD54F;--color-primary-dark: #D99E00;--color-secondary: #FFD54F;--color-secondary-rgb: 255, 213, 79;--color-midnight: #0D1B2A;--color-midnight-rgb: 13, 27, 42;--color-midnight-light: #1B2D45;--color-midnight-dark: #070F18;--color-accent: #2563EB;--color-accent-rgb: 37, 99, 235;--color-accent-light: #60A5FA;--color-accent-soft: #93C5FD;--color-crystal: #60A5FA;--color-crystal-rgb: 96, 165, 250;--color-background: #0D1B2A;--color-background-rgb: 13, 27, 42;--color-surface: #1B2D45;--color-surface-rgb: 27, 45, 69;--color-surface-light: #234567;--color-surface-elevated: #2D5A8A;--color-text: #F8FAFC;--color-text-rgb: 248, 250, 252;--color-text-muted: rgba(248, 250, 252, .6);--color-text-soft: rgba(248, 250, 252, .8);--color-text-on-primary: #0D1B2A;--body-background: #0D1B2A;--shadow-glow-primary: 0 0 20px rgba(245, 184, 0, .4);--shadow-glow-accent: 0 0 20px rgba(37, 99, 235, .4);--glass-background: rgba(27, 45, 69, .9);--glass-border: rgba(96, 165, 250, .2)}[data-theme=sunset-glow]{--color-primary: #FF6B4A;--color-primary-rgb: 255, 107, 74;--color-primary-light: #FF8A6E;--color-primary-dark: #E55A3A;--color-secondary: #FFB347;--color-secondary-rgb: 255, 179, 71;--color-midnight: #1A1A2E;--color-midnight-rgb: 26, 26, 46;--color-midnight-light: #2D2D44;--color-midnight-dark: #12121F;--color-accent: #7C3AED;--color-accent-rgb: 124, 58, 237;--color-accent-light: #A78BFA;--color-accent-soft: #C4B5FD;--color-crystal: #F472B6;--color-crystal-rgb: 244, 114, 182;--color-background: #2D2D44;--color-background-rgb: 45, 45, 68;--color-surface: #3D3D5C;--color-surface-rgb: 61, 61, 92;--color-surface-light: #4D4D6A;--color-surface-elevated: #5D5D7A;--color-text: #F8FAFC;--color-text-rgb: 248, 250, 252;--color-text-muted: rgba(248, 250, 252, .6);--color-text-soft: rgba(248, 250, 252, .8);--color-text-on-primary: #1A1A2E;--body-background: linear-gradient(135deg, #1A1A2E 0%, #2D2D44 50%, #3D3D5C 100%);--shadow-glow-primary: 0 0 20px rgba(255, 107, 74, .4);--shadow-glow-accent: 0 0 20px rgba(124, 58, 237, .4);--glass-background: rgba(61, 61, 92, .9);--glass-border: rgba(244, 114, 182, .2)}