.msg-audio audio::-webkit-media-controls-panel{background:transparent}.msg-audio audio::-webkit-media-controls-current-time-display,.msg-audio audio::-webkit-media-controls-time-remaining-display{color:#c4a36e;text-shadow:none;font-size:.75rem}.msg-audio audio::-webkit-media-controls-timeline{accent-color:#C4A36E}@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Lora:ital,wght@0,400;0,500;1,400&family=Raleway:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=Cinzel:wght@400;600;700&family=Crimson+Pro:ital,wght@0,400;0,500;0,600;1,400&family=DM+Serif+Display:ital@0;1&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Tenor+Sans&family=Nunito:wght@400;500;600;700&display=swap);:root{--main-content-max-width: 1200px;--background-body: #260a14;--container: #000;--input-background: #1E1E1E;--link-rgb: 196, 163, 110;--button-rgb: 180, 107, 122;--bg-general-rgb: 43, 15, 24;--container-rgb: 0,0,0;--danger-rgb: 231, 76, 60;--button-logout-rgb: 255, 107, 107;--black-rgb: 0, 0, 0;--white-rgb: 255, 255, 255;--text: #D4C5BC;--input-text: #FFFFFF;--placeholder: #FFFFFF;--title: #F4E9E2;--white: #fff;--text-muted: #999;--text-dim: #ccc;--text-faint: #888;--text-subtle: #bbb;--text-mid: #777;--text-dark: #666;--text-darker: #555;--text-warm: #CFC6C2;--text-warm-mid: #8f8b88;--text-warm-light: #c8b8ad;--text-warm-muted: #8a7060;--border-dark: #333;--border-darker: #222;--link: #C4A36E;--signin-rose: #B46B7A;--signin-gold: #C4A36E;--signin-rose-rgb: 180, 107, 122;--signin-gold-rgb: 196, 163, 110;--signin-accent-pink: #ff2f7d;--signin-icon-bg: rgba(180, 107, 122, .1);--signin-icon-shadow: rgba(196, 163, 110, .3);--link-hover: #a4885a;--link-hover-rgb: 164, 136, 90;--button: #B46B7A;--button-hover: #9f5b6b;--button-logout: #ff6b6b;--field-error: #ff6b6b;--danger: #e74c3c;--text-lighter: #aaa;--text-lightest: #ddd;--black: #000;--success: #2ecc71;--success-rgb: 46, 204, 113;--warning: #ffc107;--warning-rgb: 255, 193, 7;--danger-dark: #c0392b;--success-alt: #4caf50;--success-alt-rgb: 76, 175, 80;--info: #2196f3;--info-rgb: 33, 150, 243;--danger-alt: #f44336;--danger-alt-rgb: 244, 67, 54;--surface: #2c2c2c;--online: #48bb78;--online-rgb: 72, 187, 120;--star: gold;--input-border-color: #eee;--rank-gold: #FFD700;--rank-silver: #C0C0C0;--rank-bronze: #CD7F32;--border-pink: #ff2f7d;--border-pink-rgb: 255, 47, 125}body{font-family:Segoe UI,sans-serif;background:radial-gradient(circle at 60% 45%,#58103452,#2d081c2e 30%,#12030a14 55%,#0000 75%),#000}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height, 200px);background:var(--container);display:flex;align-items:center;box-shadow:0 2px 6px rgba(var(--black-rgb),.3);z-index:1100;transition:height .25s ease,padding .25s ease;overflow:hidden}.topbar .topbar-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:20px}.brand-logo{width:75px;object-fit:cover;border-radius:8px}.brand-title{color:var(--title);font-weight:700;font-size:20px}app-root{--topbar-height: 100px }app-root.scrolled{--topbar-height: 80px }select{background-color:var(--input-background);color:var(--title);border:1px solid rgba(var(--link-rgb),.2);border-radius:6px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C4A36E' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}select:focus{outline:none;border-color:var(--link)}select option{background-color:var(--input-background);color:var(--title)}select option:checked,select option:hover{background-color:rgba(var(--link-rgb),.15);color:var(--link)}.main-content{margin-top:120px;margin-left:200px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}app-user-menu.collapsed~.main-content{margin-left:60px}html{scrollbar-color:var(--link) rgba(255,255,255,.05);scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:var(--link);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--button)}@media (max-width: 768px){.main-content{margin-top:0!important;margin-left:0!important;padding-bottom:80px!important}}.btn{padding:12px 40px;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:16px;transition:background-color .3s ease;display:inline-block;text-align:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--button);color:var(--white);padding:12px 40px}.btn-primary:hover:not(:disabled){background:var(--button-hover)}.btn-secondary{background:transparent;color:var(--title);border:1px solid var(--button);padding:12px 40px}.btn-secondary:hover:not(:disabled){background:rgba(var(--button-rgb),.1);border-color:var(--button-hover)}.btn-block{width:100%;padding:12px 20px}.btn-group{display:flex;gap:10px;justify-content:center;margin-top:20px}.btn-group .btn{flex:0 1 auto}