@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Source+Sans+3:ital,wght@0,300;0,400;0,600;1,300&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Source+Sans+3:ital,wght@0,300;0,400;0,600;1,300&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Source+Sans+3:ital,wght@0,300;0,400;0,600;1,300&display=swap";.notification-icon{cursor:pointer;position:relative}.notif-badge{background:var(--crimson-bright);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-12px;box-shadow:0 0 4px #0003}.notification-dropdown{background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:var(--r-lg);width:320px;box-shadow:var(--shadow-float);z-index:2000;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden}.notification-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-weight:600;display:flex}.close-notif{cursor:pointer;color:var(--text-3);background:0 0;border:none;font-size:1.2rem}.close-notif:hover{color:var(--crimson-bright)}.notification-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;transition:background .1s;display:flex}.notification-item:hover{background:var(--bg-surface)}.notif-icon{background:#e639461a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notif-content{flex:1;min-width:0}.notif-text{margin-bottom:.2rem;font-size:.85rem;line-height:1.3}.notif-time{color:var(--text-4);font-size:.7rem}.notif-count-badge{background:var(--crimson-bright);color:#fff;border-radius:20px;flex-shrink:0;align-self:center;padding:2px 6px;font-size:.7rem;font-weight:700}.notif-loading,.notif-empty{text-align:center;color:var(--text-4);padding:1rem}:root{--red:#e03040;--red-deep:#b5222f;--red-glow:#e030402e;--amber:#f0913a;--teal:#2a9d8f;--teal-light:#75c7bb;--night:#0d0f14;--night-2:#13161d;--night-3:#1a1d26;--night-4:#22263200;--ink:#1a2030;--ink-soft:#3a4155;--muted:#7a8299;--muted-light:#a8b0c8;--surface:#fff;--surface-2:#f7f8fa;--surface-3:#eff1f5;--border:#e2e6ee;--border-soft:#ecf0f6;--grad-brand:linear-gradient(140deg, #c8283a 0%, #e0503c 50%, #f0913a 100%);--grad-dark:linear-gradient(155deg, #0d0f14 0%, #1c2030 60%, #0d0f14 100%);--grad-teal:linear-gradient(135deg, #1d7a6e, #2a9d8f 55%, #75c7bb);--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 12px 36px #00000024;--shadow-xl:0 24px 64px #0003;--shadow-red:0 8px 28px #e0304038;--shadow-teal:0 8px 24px #2a9d8f38;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:36px;--font-display:"Outfit", sans-serif;--font-body:"Source Sans 3", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--t-fast:.15s var(--ease);--t-med:.28s var(--ease);--t-slow:.45s var(--ease)}body.auth-mode{font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 70% 50% at 15% 20%, #f0913a1f 0%, transparent 55%), radial-gradient(ellipse 60% 60% at 85% 75%, #2a9d8f24 0%, transparent 55%), var(--grad-dark);min-height:100vh;color:var(--ink);justify-content:center;align-items:center;padding:1.5rem;font-size:1rem;line-height:1.6;display:flex;position:relative;overflow-x:hidden}body.auth-mode:after{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.auth-container{border-radius:var(--r-2xl);width:100%;max-width:1080px;min-height:640px;box-shadow:var(--shadow-xl), 0 0 0 1px #ffffff26;animation:authIn .65s var(--ease) both;z-index:1;background:#fffffff9;border:1px solid #fff9;display:flex;position:relative;overflow:hidden}@keyframes authIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-hero{color:#fff;background:radial-gradient(circle at 90% 10%,#ffffff2e 0%,#0000 28%),linear-gradient(150deg,#b8202e 0%,#d84035 40%,#f0913a 100%);flex-direction:column;flex:1;justify-content:center;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-45deg,#ffffff08 0 1px,#0000 1px 14px);position:absolute;inset:0}.auth-hero:after{content:"";pointer-events:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.auth-hero-content{z-index:1;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;max-width:10ch;margin-bottom:1rem;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:900;line-height:1.1}.hero-subtitle{font-family:var(--font-body);opacity:.88;max-width:30ch;margin-bottom:2.5rem;font-size:.975rem;font-weight:300;line-height:1.7}.features-list{flex-direction:column;gap:.65rem;list-style:none;display:flex}.features-list li{border-radius:var(--r-md);font-family:var(--font-display);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff1f;align-items:center;gap:.875rem;padding:.8rem 1rem;font-size:.875rem;font-weight:500;display:flex}.feature-icon{border-radius:var(--r-xs);color:#ffe4a0;background:#ffffff24;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:flex}.feature-icon svg{fill:currentColor;width:.95rem;height:.95rem;display:block}.auth-forms{background:linear-gradient(#fff 0%,#f9fafb 100%);flex-direction:column;flex:1;justify-content:center;padding:3rem;display:flex;overflow-y:auto}.auth-tabs{background:var(--surface-3);border:1px solid var(--border-soft);border-radius:999px;margin-bottom:2rem;padding:.3rem;display:flex}.auth-tab{font-family:var(--font-display);color:var(--muted);cursor:pointer;transition:all var(--t-med);letter-spacing:.01em;background:0 0;border:none;border-radius:999px;flex:1;padding:.8rem 1rem;font-size:.9rem;font-weight:600}.auth-tab.active{color:var(--ink);box-shadow:var(--shadow-md);background:#fff}.auth-tab:hover:not(.active){color:var(--red)}.auth-tab.active:after{display:none}.auth-form{animation:formIn .4s var(--ease) both;display:block}@keyframes formIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.form-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:.35rem;font-size:1.75rem;font-weight:800}.form-subtitle{color:var(--muted);margin-bottom:2rem;font-size:.9rem;font-weight:300}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}.form-group{margin-bottom:1.25rem;position:relative}.input-icon{color:var(--muted-light);pointer-events:none;width:1rem;height:1rem;transition:color var(--t-fast);display:inline-flex;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.input-icon svg,.toggle-icon svg,.upload-icon svg,.avatar-icon svg{fill:currentColor;width:100%;height:100%;display:block}.form-input{border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;font-family:var(--font-body);color:var(--ink);transition:border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);background:#f8f9fc;padding:.85rem 1rem .85rem 2.75rem;font-size:.975rem;font-weight:400}.form-input::placeholder{color:var(--muted-light);font-style:italic;font-weight:300}.form-input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow);background:#fff;outline:none}.form-input:focus+.input-icon{color:var(--red)}.form-input.error{border-color:var(--red)}.form-input.success{border-color:var(--teal)}.password-toggle{color:var(--muted);cursor:pointer;width:1.2rem;height:1.2rem;transition:color var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--red)}.error-message,.success-message{animation:slideDown .25s var(--ease);align-items:center;gap:.4rem;margin-top:.4rem;font-size:.82rem;display:flex}.error-message{color:var(--red)}.success-message{color:var(--teal)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.status-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.68rem;font-weight:800;display:inline-flex}.form-options{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.remember-me{color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.remember-toggle,.link-button,.auth-link-button{cursor:pointer;background:0 0;border:none;padding:0}.checkbox{border:1.5px solid var(--border);cursor:pointer;width:18px;height:18px;transition:all var(--t-fast);background:var(--surface-2);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox.checked{background:var(--grad-brand);border-color:var(--red)}.checkbox.checked:after{content:"✓";color:#fff;font-size:.72rem;font-weight:800}.forgot-password{color:var(--red);transition:color var(--t-fast);cursor:pointer;font-size:.875rem;font-weight:600}.forgot-password:hover{color:var(--red-deep)}.submit-button{background:var(--grad-brand);color:#fff;border-radius:var(--r-md);width:100%;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--t-med), box-shadow var(--t-med), opacity var(--t-fast);box-shadow:var(--shadow-red);border:none;margin-bottom:1.5rem;padding:.9rem 1.5rem;font-size:.95rem;font-weight:700;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 36px #e0304052}.submit-button:active:not(:disabled){box-shadow:var(--shadow-red);transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-button.loading{color:#0000}.submit-button.loading:after{content:"";border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.75s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.divider{text-align:center;color:var(--muted);margin:1.25rem 0;font-size:.82rem;position:relative}.divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.divider span{background:linear-gradient(#fff,#f9fafb);padding:0 .875rem;font-weight:500;position:relative}.social-auth{gap:.75rem;margin-bottom:1.5rem;display:flex}.social-button{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-family:var(--font-display);cursor:pointer;transition:all var(--t-med);flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.85rem;font-weight:600;display:flex}.social-button:hover{border-color:var(--red);box-shadow:var(--shadow-sm);background:#fff8f8;transform:translateY(-1px)}.auth-footer{text-align:center;color:var(--muted);font-size:.875rem}.auth-link-button,.auth-footer a{color:var(--red);font-weight:700;font-family:var(--font-display);transition:color var(--t-fast);text-decoration:none}.auth-link-button:hover,.auth-footer a:hover{color:var(--red-deep)}.profile-picture-upload{border:1px solid var(--border-soft);border-radius:var(--r-lg);background:linear-gradient(#fdfbf9 0%,#fff 100%);align-items:flex-start;gap:1.25rem;margin-bottom:.5rem;padding:1.1rem;display:flex}.profile-picture-preview{background:linear-gradient(145deg,#f2ede8,#e8e0d6);border:2px solid #e0304033;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #0000000f}.profile-picture-preview img{object-fit:cover;width:100%;height:100%}.profile-picture-preview .default-avatar{color:#9a8b7e}.avatar-icon{width:2.25rem;height:2.25rem;display:inline-flex}.remove-picture{background:var(--red);color:#fff;cursor:pointer;opacity:0;width:24px;height:24px;transition:opacity var(--t-fast), background var(--t-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;top:4px;right:4px}.profile-picture-preview:hover .remove-picture{opacity:1}.remove-picture:hover{background:var(--red-deep)}.profile-picture-upload-controls{flex-direction:column;flex:1;gap:.75rem;min-width:0;display:flex}.file-upload-button{background:var(--grad-brand);color:#fff;border-radius:var(--r-lg);width:100%;font-family:var(--font-display);cursor:pointer;transition:transform var(--t-med), box-shadow var(--t-med), filter var(--t-fast);border:none;align-items:center;gap:.875rem;padding:.85rem 1.1rem;font-size:.875rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #d93a4738}.file-upload-button:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 16px 32px #d93a474d}.file-upload-button:active:not(:disabled){transform:translateY(0)}.file-upload-button:disabled{opacity:.65;cursor:not-allowed}.file-upload-button.uploaded{background:var(--grad-teal);box-shadow:var(--shadow-teal)}.file-upload-button .upload-icon{border-radius:var(--r-sm);background:#ffffff29;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.file-upload-button .upload-icon svg{width:1.1rem;height:1.1rem}.file-upload-button>span:last-child{flex-direction:column;align-items:flex-start;gap:.15rem;min-width:0;line-height:1.25;display:flex;overflow:hidden}.file-upload-button>span:last-child:after{content:"Portrait recommande - lumiere naturelle";font-family:var(--font-body);opacity:.8;white-space:nowrap;font-size:.74rem;font-weight:300}.file-info{border-radius:var(--r-md);border:1px solid var(--border);width:100%;min-width:0;color:var(--muted);transition:border-color var(--t-med), background var(--t-med);background:linear-gradient(#fcfdfe,#f6f8fa);flex-direction:column;gap:.4rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.file-info-row{align-items:center;gap:.6rem;min-width:0;display:flex}.file-info .upload-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;display:block;overflow:hidden}.file-info-text{color:var(--muted);font-size:.82rem;font-style:italic;font-weight:300}.file-info.success{background:linear-gradient(#fafffe,#edf7f5);border-color:#2a9d8f47}.file-info.success .upload-icon{background:var(--grad-teal);color:#fff;box-shadow:0 4px 12px #2a9d8f38}.file-info.success .file-name{color:#123e38;font-weight:600}.file-info.success:after{content:"Upload reussi";font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--teal);border-top:1px solid #2a9d8f26;margin-top:.1rem;padding-top:.25rem;font-size:.72rem;font-weight:700;display:block}.file-info.error{background:linear-gradient(#fff8f8,#fef0f0);border-color:#e0304033}.file-info.error .upload-icon{color:var(--red)}.file-info .error-message{color:var(--red);white-space:normal;word-break:break-word;align-items:center;gap:.4rem;margin:0;font-size:.82rem;animation:none;display:flex}.compression-info{background:var(--surface-3);border-radius:var(--r-sm);color:var(--ink-soft);align-items:center;gap:.5rem;margin-top:.35rem;padding:.65rem .875rem;font-size:.82rem;display:flex}.compression-info .upload-icon{color:var(--amber);width:1rem;height:1rem;display:inline-flex}.notification-container{z-index:9999;flex-direction:column;gap:.65rem;max-width:380px;display:flex;position:fixed;top:1.25rem;right:1.25rem}.notification{border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:notifIn .3s var(--ease) both;border:1px solid #ffffff26;align-items:center;gap:.875rem;padding:.875rem 1.25rem;display:flex}@keyframes notifIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification.success{background:var(--teal);color:#fff}.notification.error{background:var(--red);color:#fff}.notification.warning{background:var(--amber);color:var(--ink)}.notification-icon{flex-shrink:0;font-size:1.1rem}.notification-content{flex:1;min-width:0;font-size:.875rem}.notification-close{color:inherit;opacity:.7;cursor:pointer;transition:opacity var(--t-fast);background:0 0;border:none;flex-shrink:0;font-size:1rem}.notification-close:hover{opacity:1}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;border-radius:var(--r-2xl);opacity:0;visibility:hidden;transition:opacity var(--t-med), visibility var(--t-med);background:#ffffffe0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-overlay.active{opacity:1;visibility:visible}.loading-spinner{border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;width:44px;height:44px;animation:.85s linear infinite spin}@media (width<=768px){.auth-container{border-radius:var(--r-xl);flex-direction:column;min-height:auto;box-shadow:0 14px 32px #00000024}.auth-hero,.auth-forms{padding:2.25rem 2rem}.hero-title{max-width:none;font-size:2rem}.hero-subtitle{max-width:none}.form-row{flex-direction:column;gap:0}.notification-container{max-width:none;left:1rem;right:1rem}.profile-picture-upload{text-align:center;flex-direction:column;align-items:center}.profile-picture-upload-controls{width:100%}.file-upload-button>span:last-child{align-items:center}.submit-button,.file-upload-button{box-shadow:0 6px 14px #0000001f}}@media (width<=480px){body.auth-mode{padding:0}.auth-container{min-height:100dvh;box-shadow:none;border:none;border-radius:0}.auth-hero,.auth-forms{padding:1.75rem 1.25rem}.logo{font-size:1.25rem}.hero-title{font-size:1.75rem}.social-auth{flex-direction:column}.profile-picture-preview{width:76px;height:76px}.file-upload-button>span:last-child:after{display:none}.submit-button,.file-upload-button{box-shadow:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.auth-mode .auth-container .logo{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;align-items:center;gap:.75rem;margin-bottom:2.5rem;font-size:1.5rem;font-weight:800;display:flex}body.auth-mode .auth-container .logo-icon{border-radius:var(--r-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffe4a0;background:#ffffff26;border:1px solid #ffffff38;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex}body.auth-mode .auth-container .logo-icon svg{fill:currentColor;width:1.4rem;height:1.4rem;display:block}body.auth-mode .auth-container .form-input{border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;font-family:var(--font-body);color:var(--ink);background:#f8f9fc;padding:.85rem 1rem .85rem 2.75rem;font-size:.975rem;font-weight:400}body.auth-mode .auth-container .form-input::placeholder{color:var(--muted-light);opacity:1;font-style:italic;font-weight:300}body.auth-mode .auth-container .form-input::-webkit-input-placeholder{color:var(--muted-light);opacity:1;font-style:italic;font-weight:300}body.auth-mode .auth-container .form-input::-moz-placeholder{color:var(--muted-light);opacity:1;font-style:italic;font-weight:300}body.auth-mode .auth-container .form-input:-ms-placeholder-shown{color:var(--muted-light);opacity:1;font-style:italic;font-weight:300}body.auth-mode .auth-container .form-input::-moz-placeholder{color:var(--muted-light);opacity:1;font-style:italic;font-weight:300}body.auth-mode .auth-container .form-input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow);background:#fff;outline:none}body.auth-mode .auth-container .error-message,body.auth-mode .auth-container .success-message{align-items:center;gap:.4rem;margin-top:.4rem;font-size:.82rem;display:flex}body.auth-mode .auth-container .file-info,body.auth-mode .auth-container .file-info-row,body.auth-mode .auth-container .file-name,body.auth-mode .auth-container .file-info-text{min-width:0;max-width:100%}body.auth-mode .auth-container .file-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.header-left{min-width:0;transition:opacity var(--t-mid), visibility var(--t-mid);flex-wrap:nowrap;justify-content:start;place-self:center start;align-items:center;gap:.75rem;display:flex}.logo{appearance:none;min-width:0;min-height:44px;font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:1.22rem;font-weight:800;font:inherit;color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.8rem;margin:0;padding:0;display:inline-flex}.header-actions{min-width:0;transition:opacity var(--t-mid), visibility var(--t-mid);flex-wrap:nowrap;justify-content:flex-end;place-self:center end;align-items:center;gap:.75rem;display:flex}@media (width>=768px){.header{padding:0 2rem}}.navbar{z-index:999;-webkit-backdrop-filter:blur(16px);width:min(980px,100% - 1.5rem);box-shadow:none;border:none;border-bottom:1px solid var(--border-mid);background:#1a1c22eb;border-radius:0;margin:.5rem auto 0;transition:none;position:sticky;top:80px;overflow:visible}.nav-tabs li{flex:1;min-width:0;display:flex}.nav-tab{appearance:none;cursor:pointer;width:100%;color:var(--text-4);min-width:0;transition:color var(--t-mid);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:inherit;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.18rem;padding:.75rem .25rem .65rem;display:flex;position:relative}@media (width>=768px){.nav-label{font-size:.72rem}.nav-tab{flex-direction:row;justify-content:center;gap:.45rem;padding:.85rem 1rem .75rem}}@supports (padding:env(safe-area-inset-bottom)){.publish-button{bottom:calc(2rem + env(safe-area-inset-bottom))}}.profile-overlay,.publish-overlay{z-index:2000;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-silk), visibility .35s var(--ease-silk);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.profile-overlay.active,.publish-overlay.active{opacity:1;visibility:visible}.profile-overlay{-webkit-backdrop-filter:blur(18px)saturate(150%);background:#06080ed1}.publish-overlay{-webkit-backdrop-filter:blur(22px)saturate(160%);z-index:5000;background:#06080ee0}.url-input-wrap.source-facebook .form-input{border-color:#1877f24d}.url-input-wrap.source-tiktok .form-input{border-color:#0000004d}.source-badge-facebook{color:#1877f2;background:#1877f214;border:1px solid #1877f226}.source-badge-tiktok{color:var(--text-2);border:1px solid var(--border);background:#ffffff0f}.video-preview-block{grid-column:1/-1;margin:-.25rem 0 .25rem}.preview-badge{color:var(--text-4);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.72rem;font-weight:600;display:inline-flex}.preview-badge .ui-icon{width:13px;height:13px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.url-input-wrap.source-youtube .form-input{border-color:#ff00004d}.url-input-wrap.source-unavailable .form-input{border-color:var(--border);opacity:.6}.source-detected-badge{border-radius:var(--r-pill);align-items:center;gap:.4rem;margin-top:.5rem;padding:.28rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.source-detected-badge .ui-icon{width:13px;height:13px}.source-badge-youtube{color:#c00;background:#ff000014;border:1px solid #ff00002e}.source-badge-error{color:var(--crimson-bright);background:#e6394614;border:1px solid #e6394633}.coming-soon-notice{background:var(--cs-bg);border:1px solid var(--cs-border);border-radius:var(--r-md);align-items:flex-start;gap:.85rem;margin-top:.75rem;padding:.9rem 1rem;animation:.25s fadeIn;display:flex}.coming-soon-icon{border-radius:var(--r-sm);background:var(--cs-bg);border:1px solid var(--cs-border);width:34px;height:34px;color:var(--cs-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.coming-soon-icon .ui-icon{width:17px;height:17px}.coming-soon-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.coming-soon-title{color:var(--text-2);font-size:.82rem;font-weight:700;font-family:var(--font-display)}.coming-soon-desc{color:var(--text-4);font-size:.76rem;line-height:1.5}.coming-soon-pill{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);background:var(--cs-bg);border:1px solid var(--cs-border);color:var(--cs-color);white-space:nowrap;flex-shrink:0;align-self:center;padding:.22rem .65rem;font-size:.68rem;font-weight:800}.video-preview-block{margin-bottom:.25rem}.preview-label{color:var(--text-4);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:inline-flex}.preview-label .ui-icon{width:13px;height:13px}.preview-player-wrap{border-radius:var(--r-md);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-md);background:#000;padding-bottom:56.25%;position:relative;overflow:hidden}.preview-iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.preview-loader{z-index:2;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preview-spinner{border:2.5px solid #ffffff1f;border-top-color:#ffffffb3;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spinLoop}.certification-label{cursor:pointer;border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--t-quick), background var(--t-quick);background:#ffffff05;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.certification-label:hover{background:#e6394608;border-color:#e6394633}.certification-checkbox{width:16px;height:16px;accent-color:var(--crimson);cursor:pointer;flex-shrink:0;margin-top:.15rem}.certification-text{color:var(--text-3);font-size:.82rem;line-height:1.55}.cgu-link{color:var(--crimson-bright);text-underline-offset:2px;text-decoration:underline}.cgu-link:hover{color:var(--crimson)}.fetching-indicator{color:var(--text-4);margin-left:.5rem;font-size:.72rem;font-style:italic;font-weight:400;animation:1.2s ease-in-out infinite pulse}.optional-label{color:var(--text-4);margin-left:.3rem;font-size:.72rem;font-style:italic;font-weight:400}@media (width<=767px){.profile-header-full{min-height:unset;padding:1.5rem 1.25rem 2rem}.profile-cover{flex-direction:column;align-items:flex-start;gap:1rem}.profile-avatar-and-name{flex-direction:row;align-items:center;gap:1rem;width:100%;display:flex}.profile-avatar-large{flex-shrink:0;width:72px;min-width:72px;height:72px;min-height:72px}.profile-name-full{margin-bottom:0;font-size:1.3rem}#profile-main-bio{margin-top:.75rem;padding:.7rem .85rem;font-size:.82rem}.profile-stats-full{border-radius:var(--r-md);background:#ffffff08;border:1px solid #ffffff0f;flex-wrap:nowrap;gap:0;margin:1rem 0;overflow:hidden}.stat-label-full{letter-spacing:.06em;font-size:.58rem}.profile-actions{flex-direction:row;gap:.5rem;margin-top:1rem}.profile-actions .btn-primary,.profile-actions .btn-secondary{text-align:center;flex:1;justify-content:center;padding:.6rem .75rem;font-size:.78rem}.profile-header-full{padding:1.5rem .75rem 2rem}.profile-cover{text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:100%}.profile-avatar-and-name{flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%}.profile-name-full{text-align:left;margin-bottom:0}.profile-info-full{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}#profile-main-bio{text-align:center;width:100%;max-width:100%;padding:.65rem .85rem;font-size:.8rem}.profile-stats-full{border-radius:var(--r-md);background:#ffffff08;border:1px solid #ffffff0f;flex-wrap:nowrap;justify-content:center;gap:0;width:100%;margin:1rem 0;overflow:hidden}.stat-item-full{text-align:center;flex:1;min-width:0;padding:.75rem .5rem;position:relative}.stat-item-full+.stat-item-full:before{content:"";background:#ffffff12;width:1px;height:60%;position:absolute;top:20%;left:0}.stat-icon{display:none}.stat-value-full{font-size:1.05rem}.stat-label-full{font-size:.56rem}.profile-actions{flex-direction:row;justify-content:center;gap:.5rem;width:100%;margin-top:1rem}.profile-actions .btn-primary,.profile-actions .btn-secondary{flex:1;justify-content:center;min-height:40px;padding:.65rem .5rem;font-size:.78rem}}@keyframes skeletonPulse{0%,to{opacity:.35}50%{opacity:.75}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.97)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--genre-accent,var(--crimson-bright));transform:scale(1)}50%{opacity:.65;transform:scale(1.35);box-shadow:0 0 0 4px #0000}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes podiumRise{0%{opacity:0;transform:translateY(24px)scaleY(.9)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes listFadeSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes rankGlow{0%,to{text-shadow:none}50%{text-shadow:0 0 12px}}.skeleton-icon,.skeleton-text,.skeleton-rank,.skeleton-thumb,.skeleton-line,.skel-thumb,.skel-bar,.skel-rank-num,.skel-list-thumb{background:linear-gradient(90deg, var(--twilight) 0%, color-mix(in srgb, var(--twilight) 60%, var(--text-1) 40%) 50%, var(--twilight) 100%);animation:shimmer 2s var(--ease-silk) infinite;border-radius:var(--r-sm);background-size:200% 100%}.skeleton-line{border-radius:var(--r-pill);height:10px}.skeleton-line--title{width:72%;margin-bottom:.45rem}.skeleton-line--sub{opacity:.7;width:44%;height:8px}.music-section{max-width:980px;margin:0 auto;padding:0 0 5rem}.music-section-header{margin-bottom:2rem}.music-section-desc{color:var(--text-4);font-size:.875rem;line-height:1.65}.music-empty-state,.trending-empty,.genre-modal-empty{color:var(--text-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.875rem;padding:4rem 1rem;font-size:.9rem;display:flex}.music-empty-state .ui-icon,.trending-empty .ui-icon,.genre-modal-empty .ui-icon{opacity:.25;width:2.75rem;height:2.75rem}.genres-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.875rem;display:grid}.genre-card{background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:var(--r-xl);cursor:pointer;transition:transform .22s var(--ease-spring), border-color .18s ease, box-shadow .22s ease, background .18s ease;text-align:left;isolation:isolate;width:100%;padding:0;position:relative;overflow:hidden}.genre-card:after{content:"";pointer-events:none;opacity:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");transition:opacity .2s;position:absolute;inset:0}.genre-card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(130deg,#0000 0%,#ffffff0f 40%,#ffffff1a 50%,#ffffff0f 60%,#0000 100%);transition:transform .55s;position:absolute;inset:0;transform:translate(-100%)}.genre-card:hover{border-color:var(--genre-accent,var(--crimson-bright));box-shadow:0 0 0 1px color-mix(in srgb, var(--genre-accent,var(--crimson-bright)) 30%, transparent), 0 8px 32px -4px color-mix(in srgb, var(--genre-accent,var(--crimson-bright)) 25%, transparent), var(--shadow-md);transform:translateY(-5px)scale(1.025)}.genre-card:hover:before{transform:translate(100%)}.genre-card:hover:after{opacity:1}.genre-card:active{transition-duration:80ms;transform:translateY(-2px)scale(1.01)}.genre-card--active{border-color:var(--genre-accent,var(--crimson-bright));box-shadow:0 0 0 1px color-mix(in srgb, var(--genre-accent,var(--crimson-bright)) 40%, transparent), 0 4px 20px -4px color-mix(in srgb, var(--genre-accent,var(--crimson-bright)) 30%, transparent), var(--shadow-sm);background:color-mix(in srgb, var(--genre-accent,var(--crimson-bright)) 6%, var(--bg-raised))}.genre-card-inner{flex-direction:column;align-items:center;gap:.65rem;padding:1.15rem .875rem 1.05rem;display:flex;position:relative}.genre-icon-wrap{border-radius:var(--r-md);width:46px;height:46px;transition:transform .22s var(--ease-spring), box-shadow .22s ease;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff1f}.genre-icon-wrap:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff2e 0%,#0000 55%);position:absolute;inset:0}.genre-card:hover .genre-icon-wrap{transform:scale(1.14)rotate(-5deg);box-shadow:0 8px 22px #00000073,inset 0 1px #ffffff26}.genre-icon{color:#fff;z-index:1;filter:drop-shadow(0 1px 2px #0000004d);width:20px;height:20px;position:relative}.genre-name{font-family:var(--font-display);color:var(--text-2);text-align:center;letter-spacing:-.01em;font-size:.78rem;font-weight:800;line-height:1.25;transition:color .18s}.genre-card:hover .genre-name,.genre-card--active .genre-name{color:var(--genre-accent,var(--crimson-bright))}.genre-active-dot{background:var(--genre-accent,var(--crimson-bright));border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite dotPulse;position:absolute;top:.65rem;right:.65rem}.genre-card--skeleton{cursor:default;pointer-events:none;border-color:var(--border)}.skeleton-icon{border-radius:var(--r-md);width:46px;height:46px}.skeleton-text{border-radius:var(--r-pill);width:64px;height:10px}.ranking-skeletons{flex-direction:column;gap:1rem;padding:.5rem 0;display:flex}.ranking-skeleton-item{align-items:center;gap:.875rem;display:flex}.skeleton-rank{border-radius:var(--r-sm);flex-shrink:0;width:28px;height:28px}.skeleton-thumb{border-radius:var(--r-sm);flex-shrink:0;width:72px;height:48px}.skeleton-info{flex-direction:column;flex:1;gap:.4rem;display:flex}.genre-modal-overlay{-webkit-backdrop-filter:blur(28px)saturate(180%);z-index:3000;background:#04060ceb;justify-content:center;align-items:center;padding:1rem;animation:.2s both overlayFadeIn;display:flex;position:fixed;inset:0}.genre-modal-sheet{background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:var(--r-xl);width:min(660px,100%);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-float), 0 0 0 1px #ffffff0a inset;animation:modalSlideIn .4s var(--ease-spring) both;isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.genre-modal-sheet:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--crimson) 20%, var(--gold) 50%, var(--cerulean) 80%, transparent 100%);z-index:2;filter:blur(.5px);height:2px;position:absolute;top:0;left:0;right:0}.genre-modal-sheet:after{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--crimson) 8%, transparent) 0%, transparent 70%);pointer-events:none;z-index:0;width:400px;height:200px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.genre-modal-handle{display:none}.genre-modal-header{border-bottom:1px solid var(--border);z-index:1;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex;position:relative}.genre-modal-title-wrap{align-items:center;gap:.9rem;min-width:0;display:flex}.genre-modal-icon{border-radius:var(--r-md);width:42px;height:42px;box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.genre-modal-icon:before{content:"";pointer-events:none;background:linear-gradient(145deg,#fff3 0%,#0000 60%);position:absolute;inset:0}.genre-modal-icon .ui-icon{color:#fff;z-index:1;filter:drop-shadow(0 1px 2px #0006);width:18px;height:18px;position:relative}.genre-modal-title{font-family:var(--font-display);letter-spacing:-.045em;color:var(--text-1);margin:0;font-size:1.1rem;font-weight:900;line-height:1.1}.genre-modal-sub{color:var(--text-4);letter-spacing:.01em;margin:.12rem 0 0;font-size:.72rem}.genre-modal-close{border-radius:var(--r-md);border:1px solid var(--border);width:36px;height:36px;color:var(--text-3);cursor:pointer;background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s,transform .12s;display:flex}.genre-modal-close:hover{border-color:color-mix(in srgb, var(--crimson-bright) 40%, transparent);color:var(--crimson-bright);background:#e6394624;transform:scale(1.08)}.genre-modal-close:active{transform:scale(.96)}.genre-modal-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;z-index:1;flex-shrink:0;padding:0 .75rem;display:flex;position:relative;overflow-x:auto}.genre-modal-tabs::-webkit-scrollbar{display:none}.genre-modal-tab{font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;color:var(--text-4);cursor:pointer;white-space:nowrap;border-radius:var(--r-sm) var(--r-sm) 0 0;background:0 0;border:none;padding:.75rem 1.1rem;font-size:.68rem;font-weight:800;transition:color .18s;position:relative}.genre-modal-tab:after{content:"";background:var(--grad-crimson,linear-gradient(90deg, var(--crimson), var(--gold)));transform-origin:50%;height:2px;transition:transform .25s var(--ease-spring);border-radius:var(--r-pill);filter:blur(.3px);position:absolute;bottom:-1px;left:12%;right:12%;transform:scaleX(0)}.genre-modal-tab:hover{color:var(--text-2)}.genre-modal-tab.active{color:var(--crimson-bright)}.genre-modal-tab.active:after{transform:scaleX(1);box-shadow:0 0 10px #e6394680}.genre-modal-body{scrollbar-width:thin;scrollbar-color:var(--twilight) transparent;z-index:1;flex:1;padding:1.1rem 1.25rem 2rem;position:relative;overflow-y:auto}.genre-modal-body::-webkit-scrollbar{width:3px}.genre-modal-body::-webkit-scrollbar-thumb{background:var(--twilight);border-radius:var(--r-pill)}.genre-modal-list{flex-direction:column;gap:.55rem;display:flex}.ms-ranking-item{border-radius:var(--r-lg);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;transition:border-color .15s ease, background .15s ease, transform .18s var(--ease-spring), box-shadow .18s ease;align-items:center;gap:.875rem;padding:.7rem .8rem;display:flex;position:relative;overflow:hidden}.ms-ranking-item:before{content:"";background:var(--crimson-bright);transform-origin:bottom;border-radius:0 var(--r-pill) var(--r-pill) 0;width:2px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.ms-ranking-item:hover{border-color:var(--border-mid);background:var(--bg-raised);transform:translate(5px);box-shadow:-3px 0 12px #00000026}.ms-ranking-item:hover:before{transform:scaleY(1)}.ms-ranking-item--rank1{background:linear-gradient(90deg, #d4a85312 0%, var(--bg-surface) 60%);border-color:#d4a85359}.ms-ranking-item--rank1:before{background:var(--gold)}.ms-ranking-item--rank2{background:linear-gradient(90deg, #c4ceea0d 0%, var(--bg-surface) 60%);border-color:#c4ceea40}.ms-ranking-item--rank2:before{background:#c4ccea}.ms-ranking-item--rank3{background:linear-gradient(90deg, #b482500f 0%, var(--bg-surface) 60%);border-color:#b4825038}.ms-ranking-item--rank3:before{background:#b48250}.ms-rank-number{font-family:var(--font-display);text-align:center;letter-spacing:-.04em;flex-shrink:0;min-width:32px;font-size:1.3rem;font-weight:900;line-height:1}.ms-ranking-item:not([class*=--rank]) .ms-rank-number,.ms-ranking-item--rank4 .ms-rank-number,.ms-ranking-item--rank5 .ms-rank-number,.ms-ranking-item--rank6 .ms-rank-number,.ms-ranking-item--rank7 .ms-rank-number,.ms-ranking-item--rank8 .ms-rank-number,.ms-ranking-item--rank9 .ms-rank-number,.ms-ranking-item--rank10 .ms-rank-number{color:var(--text-4);font-size:.88rem}.ms-rank-thumb{border-radius:var(--r-sm);background:var(--dusk);width:72px;height:48px;box-shadow:var(--shadow-sm);flex-shrink:0;overflow:hidden}.ms-rank-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease-silk)}.ms-ranking-item:hover .ms-rank-thumb img{transform:scale(1.08)}.ms-rank-thumb-placeholder{width:100%;height:100%;color:var(--text-4);opacity:.4;justify-content:center;align-items:center;display:flex}.ms-rank-info{flex:1;min-width:0}.ms-rank-title{font-family:var(--font-display);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.015em;margin:0 0 .22rem;font-size:.84rem;font-weight:700;transition:color .15s;overflow:hidden}.ms-ranking-item:hover .ms-rank-title{color:var(--crimson-bright)}.ms-rank-author{color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;overflow:hidden}.ms-rank-stats{flex-direction:column;flex-shrink:0;gap:.28rem;display:flex}.ms-rank-stat{color:var(--text-4);font-size:.68rem;font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:.28rem;font-weight:700;display:inline-flex}.ms-rank-stat .ui-icon{width:12px;height:12px}.trending-section{max-width:860px;margin:0 auto;padding:0 0 5rem}.ranking-tabs{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);gap:.25rem;width:fit-content;margin:0 0 2rem;padding:.25rem;display:flex}.ranking-tab{border-radius:var(--r-lg);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-4);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.45rem 1rem;font-size:.72rem;font-weight:800;transition:background .18s,color .18s,box-shadow .18s;position:relative}.ranking-tab:hover:not(.active){color:var(--text-2);background:#ffffff0d}.ranking-tab.active{background:var(--bg-raised);color:var(--crimson-bright);box-shadow:0 1px 6px #00000040,inset 0 1px #ffffff12}.trending-podium{justify-content:center;align-items:flex-end;gap:1rem;margin:2rem 0 2.75rem;padding:0 .5rem;display:flex}.podium-card{min-width:0;max-width:230px;animation:podiumRise .5s var(--ease-spring) both;flex-direction:column;flex:1;align-items:center;display:flex}.podium-card:first-child{animation-delay:.1s}.podium-card:nth-child(2){animation-delay:0s}.podium-card:nth-child(3){animation-delay:.2s}.podium-card--rank1{order:2}.podium-card--rank2{order:1}.podium-card--rank3{order:3}.podium-card-thumb{aspect-ratio:16/9;border-radius:var(--r-xl);border:1px solid var(--border-mid);width:100%;box-shadow:var(--shadow-card);transition:transform .25s var(--ease-spring), box-shadow .25s ease;position:relative;overflow:hidden}.podium-card:hover .podium-card-thumb{box-shadow:var(--shadow-float);transform:translateY(-6px)}.podium-card--rank1 .podium-card-thumb{box-shadow:0 0 0 1px #d4a85333, 0 8px 32px -4px #d4a8534d, var(--shadow-card);border-color:#d4a85373}.podium-card--rank2 .podium-card-thumb{border-color:#c4ceea4d}.podium-card--rank3 .podium-card-thumb{border-color:#b4825047}.podium-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-silk)}.podium-card:hover .podium-card-thumb img{transform:scale(1.06)}.podium-thumb-placeholder{background:var(--dusk);width:100%;height:100%;color:var(--text-4);opacity:.4;justify-content:center;align-items:center;display:flex}.podium-medal{filter:drop-shadow(0 2px 5px #0000008c);font-size:1.25rem;line-height:1;position:absolute;top:7px;left:9px}.podium-card-info{text-align:center;width:100%;padding:.6rem .3rem .25rem}.podium-title{font-family:var(--font-display);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.015em;margin:0 0 .22rem;font-size:.78rem;font-weight:800;overflow:hidden}.podium-author{color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .4rem;font-size:.67rem;overflow:hidden}.podium-stats{color:var(--text-4);font-size:.67rem;font-family:var(--font-display);justify-content:center;gap:.8rem;font-weight:700;display:flex}.podium-stats span{align-items:center;gap:.22rem;display:inline-flex}.podium-stats .ui-icon{width:11px;height:11px}.podium-base{border-radius:var(--r-md) var(--r-md) 0 0;justify-content:center;align-items:center;width:100%;margin-top:.5rem;display:flex;position:relative;overflow:hidden}.podium-base:before{content:"";opacity:.15;background:linear-gradient(90deg,#0000,currentColor,#0000);height:1px;position:absolute;top:0;left:0;right:0}.podium-card--rank1 .podium-base{color:var(--gold);background:linear-gradient(#d4a85338 0%,#d4a85314 100%);border:1px solid #d4a8534d;border-bottom:none}.podium-card--rank2 .podium-base{color:#c4ccea;background:linear-gradient(#c4ceea24 0%,#c4ceea0d 100%);border:1px solid #c4ceea2e;border-bottom:none}.podium-card--rank3 .podium-base{color:#b48250;background:linear-gradient(#b4825024 0%,#b482500d 100%);border:1px solid #b4825029;border-bottom:none}.podium-rank-num{font-family:var(--font-display);letter-spacing:-.07em;opacity:.1;color:var(--text-1);-webkit-user-select:none;user-select:none;font-size:2.75rem;font-weight:900;line-height:1;position:absolute;bottom:.2rem}.trending-list{border-top:1px solid var(--border);flex-direction:column;gap:.45rem;padding-top:1.75rem;display:flex}.trending-list-item{border-radius:var(--r-lg);background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;transition:border-color .15s ease, background .15s ease, transform .2s var(--ease-spring), box-shadow .2s ease;align-items:center;gap:.875rem;padding:.65rem .9rem;animation:.35s both listFadeSlide;display:flex;position:relative;overflow:hidden}.trending-list-item:first-child{animation-delay:50ms}.trending-list-item:nth-child(2){animation-delay:.1s}.trending-list-item:nth-child(3){animation-delay:.15s}.trending-list-item:nth-child(4){animation-delay:.2s}.trending-list-item:nth-child(5){animation-delay:.25s}.trending-list-item:nth-child(6){animation-delay:.3s}.trending-list-item:nth-child(7){animation-delay:.35s}.trending-list-item:before{content:"";background:linear-gradient(180deg, var(--crimson), var(--gold));border-radius:var(--r-pill);transform-origin:50%;width:2px;transition:transform .2s;position:absolute;top:15%;bottom:15%;left:0;transform:scaleY(0)}.trending-list-item:hover{border-color:var(--border-mid);background:color-mix(in srgb, var(--bg-overlay) 80%, var(--crimson) 4%);transform:translate(5px);box-shadow:-2px 0 16px #0000001f}.trending-list-item:hover:before{transform:scaleY(1)}.trending-list-rank{font-family:var(--font-display);color:var(--text-4);text-align:right;letter-spacing:-.02em;flex-shrink:0;min-width:28px;font-size:.82rem;font-weight:900}.trending-list-thumb{border-radius:var(--r-sm);background:var(--dusk);width:72px;height:48px;box-shadow:var(--shadow-sm);flex-shrink:0;overflow:hidden}.trending-list-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease-silk)}.trending-list-item:hover .trending-list-thumb img{transform:scale(1.08)}.trending-list-placeholder{width:100%;height:100%;color:var(--text-4);opacity:.35;justify-content:center;align-items:center;display:flex}.trending-list-info{flex:1;min-width:0}.trending-list-title{font-family:var(--font-display);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.015em;margin:0 0 .2rem;font-size:.84rem;font-weight:700;transition:color .15s;overflow:hidden}.trending-list-item:hover .trending-list-title{color:var(--crimson-bright)}.trending-list-author{color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;overflow:hidden}.trending-list-stats{flex-direction:column;flex-shrink:0;gap:.22rem;display:flex}.trending-list-stats span{color:var(--text-4);font-size:.68rem;font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:.28rem;font-weight:700;display:inline-flex}.trending-list-stats .ui-icon{width:12px;height:12px}.trending-skeleton-wrap{padding:1rem 0}.trending-podium-skeleton{justify-content:center;align-items:flex-end;gap:1rem;margin:2rem 0 2.5rem;display:flex}.podium-skel{flex-direction:column;flex:1;align-items:center;gap:.5rem;max-width:230px;display:flex}.skel-thumb{aspect-ratio:16/9;border-radius:var(--r-xl);width:100%}.skel-bar{border-radius:var(--r-md) var(--r-md) 0 0;width:100%}.trending-list-skeleton{flex-direction:column;gap:.45rem;display:flex}.trending-skel-item{border-radius:var(--r-lg);background:var(--bg-raised);border:1px solid var(--border);animation:shimmer 2s var(--ease-silk) infinite;background:linear-gradient(90deg, var(--bg-raised) 0%, color-mix(in srgb, var(--bg-raised) 70%, var(--text-1) 30%) 50%, var(--bg-raised) 100%);background-size:200% 100%;align-items:center;gap:.875rem;padding:.65rem .9rem;display:flex}.skel-rank-num{border-radius:var(--r-sm);flex-shrink:0;width:28px;height:20px}.skel-list-thumb{border-radius:var(--r-sm);flex-shrink:0;width:72px;height:48px}.skel-list-info{flex-direction:column;flex:1;gap:.4rem;display:flex}@media (width<=600px){.genre-modal-overlay{padding:.75rem}.genre-modal-sheet{border-radius:var(--r-xl);width:100%;max-width:100%;max-height:calc(100dvh - 1.5rem)}.genre-modal-header{padding:.8rem 1rem}.genre-modal-body{padding:.75rem 1rem 1.25rem}.genre-modal-title{font-size:.95rem}.genre-modal-icon{width:36px;height:36px}.genre-modal-icon .ui-icon{width:16px;height:16px}.ms-ranking-item{gap:.6rem;padding:.5rem .6rem}.ms-rank-thumb{width:56px;height:40px}.ms-rank-number{min-width:26px;font-size:.95rem}.ms-rank-title{font-size:.75rem}.ms-rank-author{font-size:.64rem}.ms-rank-stats{flex-direction:row;gap:.5rem}.ms-rank-stat{font-size:.63rem}.genres-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.6rem}.genre-card-inner{padding:.9rem .6rem .8rem}.genre-icon-wrap{width:40px;height:40px}.genre-name{font-size:.72rem}.trending-podium{gap:.5rem}.podium-title{font-size:.7rem}.podium-author{font-size:.62rem}.podium-stats{display:none}.podium-card-thumb{border-radius:var(--r-lg)}.ranking-tabs{justify-content:stretch;width:100%}.ranking-tab{text-align:center;flex:1;padding:.4rem .5rem;font-size:.65rem}.trending-list-item{gap:.65rem;padding:.55rem .7rem}.trending-list-thumb{width:60px;height:40px}}@media (width<=400px){.genres-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.settings-modal-overlay{-webkit-backdrop-filter:blur(22px)saturate(160%);z-index:3100;animation:overlayFadeIn .2s var(--ease-silk);background:#06080ee0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-modal-container{background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:var(--r-xl);width:min(660px,100%);max-height:85vh;box-shadow:var(--shadow-float);animation:modalSlideUp .3s var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}.settings-modal-header{border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.settings-modal-header h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-1);margin:0;font-size:1.25rem;font-weight:800}.settings-modal-close{border-radius:var(--r-md);border:1px solid var(--border);width:32px;height:32px;color:var(--text-3);cursor:pointer;transition:all var(--t-quick);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.settings-modal-close:hover{border-color:var(--border-glow-c);color:var(--crimson-bright);background:#e6394626}.settings-modal-body{scrollbar-width:thin;scrollbar-color:var(--twilight) transparent;flex:1;padding:1.5rem;overflow-y:auto}.settings-modal-body::-webkit-scrollbar{width:4px}.settings-modal-body::-webkit-scrollbar-thumb{background:var(--twilight);border-radius:var(--r-pill)}.faq-item{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem}.faq-question{text-align:left;width:100%;color:var(--text-1);cursor:pointer;transition:color var(--t-quick);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:1rem;font-weight:600;display:flex}.faq-question:hover{color:var(--crimson-bright)}.faq-question span:last-child{font-size:1.2rem;transition:transform .2s}.faq-answer{color:var(--text-3);padding:.5rem 0 .25rem;font-size:.9rem;line-height:1.5}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pageReveal{0%{opacity:0;filter:blur(2px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes pingBadge{0%,to{box-shadow:0 0 #2a7fc199}50%{box-shadow:0 0 0 5px #2a7fc100}}@keyframes publishPulse{0%,to{box-shadow:0 8px 32px #e6394673, 0 0 0 0 #e6394659, var(--glow-crimson)}50%{box-shadow:0 8px 32px #e6394673, 0 0 0 10px #e6394600, var(--glow-crimson)}}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spinLoop{to{transform:rotate(360deg)}}@keyframes progressShimmer{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmerBg{0%,to{opacity:0;left:-60%}40%{opacity:1}60%{opacity:0;left:120%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=980px){.header{grid-template-columns:minmax(0,1fr) auto;overflow:visible}.search-container{justify-content:stretch;width:min(720px,92vw);max-width:min(720px,92vw);position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.search-container.is-open{transform:translate(-50%)translateY(-50%)}.header.search-active .header-left,.header.search-active .header-actions{opacity:0;visibility:hidden;pointer-events:none}}@media (width>=981px){.search-container.is-open{max-width:min(100%,760px)}}@media (width<=768px){.publish-container{border-radius:0;max-width:100%;height:100dvh;max-height:100dvh}.form-grid{grid-template-columns:1fr}.publish-actions{flex-direction:column}.publish-btn{flex:none;width:100%}.profile-videos-grid{grid-template-columns:repeat(2,1fr)}.logo{gap:.4rem}.logo-icon{width:36px;height:36px}.logo-text{max-width:88px;font-size:.95rem}.search-icon span,.search-button span{display:none}.search-input{padding:.58rem .7rem;font-size:.88rem}.search-button{min-width:44px;min-height:40px;padding:0 .7rem}.notification-icon,.search-icon{gap:.2rem;min-width:38px;min-height:38px;padding:0 .55rem}.user-profile{gap:.35rem;min-height:40px;padding:.22rem .45rem .22rem .22rem}.avatar{width:30px;height:30px}#header-username{max-width:74px;font-size:.76rem}}@media (width<=767px){.header{z-index:1000;grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:.5rem;width:auto;min-height:60px;margin:0;padding:.5rem .75rem;top:1px;left:.5rem;right:.5rem;-webkit-backdrop-filter:none!important;background:#0a0d16f7!important;position:fixed!important}.navbar{z-index:999;border-bottom:1px solid var(--border-mid);margin:0;top:78px;left:0;right:0;-webkit-backdrop-filter:none!important;background:#0a0d16f7!important;width:100%!important;position:fixed!important}.main-content{padding-bottom:3rem;padding-left:1rem;padding-right:1rem;padding-top:calc(128px + 1rem)!important}.profile-page{padding-top:128px!important}.logo-text{display:none}.logo-icon{width:36px;height:36px}#header-username{display:none}.user-profile{gap:0;min-height:40px;padding:.32rem}.header-actions{gap:.35rem}.notification-icon{min-width:36px;min-height:36px;padding:0 .5rem}.search-button{min-width:42px;padding:0 .75rem}.header.search-active{grid-template-columns:0 1fr 0;padding:.5rem .75rem}.header.search-active .header-left,.header.search-active .header-actions{opacity:0;visibility:hidden;width:0;padding:0;overflow:hidden}.header.search-active .search-container{justify-self:stretch;width:100%;padding:0}[data-theme=light] .header,[data-theme=light] .navbar{background:#f5f7fcf7!important}}@media (width<=480px){.event-info{grid-template-columns:1fr}.profile-tabs{gap:0}.profile-tab{padding:.65rem .875rem;font-size:.67rem}.header{padding:0 .75rem}.publish-button{width:48px;height:48px;bottom:1.5rem;right:1.25rem}.theme-switch{width:34px;height:22px}.slider:before{width:14px;height:14px}input:checked+.slider:before{transform:translate(14px)}.notification-icon,.search-icon{min-width:34px;padding:0 .45rem}#header-username{max-width:56px}}@media (width<=360px){.logo-text{display:none}.header-actions{gap:.35rem}.ranking-tab{padding:.5rem .75rem;font-size:.72rem}}@supports (padding:env(safe-area-inset-bottom)){.publish-button{bottom:calc(1.75rem + env(safe-area-inset-bottom))}.publish-form{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.navbar{padding-bottom:env(safe-area-inset-bottom)}}@media print{.header,.navbar,.publish-button,.profile-overlay,.publish-overlay{display:none!important}body{color:#000;background:#fff}}:root{--crimson:#e63946;--crimson-bright:#ff4d5a;--crimson-deep:#b5292e;--crimson-glow:#ff6b75;--cerulean:#2a7fc1;--cerulean-bright:#3d9de0;--cerulean-deep:#1a5a8f;--cerulean-glow:#5cb3f5;--gold:#d4a853;--gold-bright:#f0c86a;--gold-deep:#9e7a35;--gold-muted:#7a5b25;--void:#06080e;--abyss:#0a0d16;--deep:#0e1220;--cave:#131828;--dusk:#1a2035;--twilight:#222b42;--dusk-light:#2d3a55;--star:#f8faff;--moon:#c4ceea;--comet:#8896b8;--nebula:#525f7a;--grad-crimson:linear-gradient(135deg, var(--crimson-deep) 0%, var(--crimson) 50%, var(--crimson-bright) 100%);--grad-cerulean:linear-gradient(135deg, var(--cerulean-deep) 0%, var(--cerulean) 60%, var(--cerulean-bright) 100%);--grad-gold:linear-gradient(135deg, var(--gold-deep) 0%, var(--gold) 60%, var(--gold-bright) 100%);--grad-fire:linear-gradient(135deg, var(--crimson-deep) 0%, var(--crimson) 40%, var(--gold) 100%);--grad-cosmos:linear-gradient(160deg, var(--void) 0%, var(--deep) 45%, var(--cave) 100%);--grad-hero:radial-gradient(ellipse 80% 60% at 50% 0%, #e639461f 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 80% 80%, #2a7fc114 0%, transparent 50%), linear-gradient(170deg, var(--void) 0%, var(--abyss) 50%, var(--deep) 100%);--grad-surface:linear-gradient(145deg, var(--cave) 0%, var(--dusk) 100%);--glow-crimson:0 0 24px #e639464d, 0 0 60px #e639461f;--glow-cerulean:0 0 24px #2a7fc14d, 0 0 60px #2a7fc11f;--glow-gold:0 0 20px #d4a85347, 0 0 50px #d4a8531a;--glow-fire:0 0 30px #e6394640, 0 0 60px #d4a85326;--shadow-xs:0 1px 3px #00000059;--shadow-sm:0 4px 12px #0006;--shadow-md:0 8px 28px #00000080;--shadow-lg:0 16px 48px #0009;--shadow-xl:0 28px 80px #000000b3;--shadow-card:0 6px 32px #0000007a, 0 1px 2px #00000059;--shadow-float:0 24px 72px #000000a6, 0 4px 16px #0006;--shadow-inset:inset 0 1px 0 #ffffff0a, inset 0 -1px 0 #00000040;--border:#c4ceea1a;--border-mid:#c4ceea29;--border-high:#c4ceea3d;--border-glow-c:#e639464d;--border-glow-b:#2a7fc147;--border-glow-g:#d4a85340;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-2xl:30px;--r-pill:999px;--font-display:"Outfit", sans-serif;--font-body:"Source Sans 3", sans-serif;--ease-snap:cubic-bezier(.12, .8, .32, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-silk:cubic-bezier(.16, 1, .3, 1);--t-instant:.1s var(--ease-snap);--t-quick:.2s var(--ease-silk);--t-mid:.35s var(--ease-silk);--t-slow:.55s var(--ease-silk);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--bg-base:var(--void);--bg-surface:var(--abyss);--bg-raised:var(--cave);--bg-overlay:var(--dusk);--text-1:var(--star);--text-2:var(--moon);--text-3:var(--comet);--text-4:var(--nebula)}[data-theme=light]{--bg-base:#eef1f8;--bg-surface:#f5f7fc;--bg-raised:#fff;--bg-overlay:#eaedf5;--text-1:#0e1220;--text-2:#1a2035;--text-3:#4a5568;--text-4:#718096;--border:#0e122017;--border-mid:#0e122024;--border-high:#0e122038;--shadow-card:0 6px 32px #0000001a, 0 1px 2px #0000000f;--grad-cosmos:linear-gradient(160deg, #eef1f8 0%, #e5e9f2 50%, #eef1f8 100%)}[data-theme=light] .header{background:#f5f7fce0}[data-theme=light] .navbar{background:0 0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-slow), color var(--t-slow);min-height:100dvh;font-size:1rem;line-height:1.65;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}.ui-icon{vertical-align:middle;flex-shrink:0;width:1em;height:1em;display:inline-block}body:after{content:"";pointer-events:none;z-index:9998;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:9997;background:radial-gradient(100% 80% at 50% 0,#0000 40%,#06080e99 100%);position:fixed;inset:0}.header{z-index:1000;border:1px solid var(--border);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(28px)saturate(180%)brightness(.96);width:min(1400px,100% - 1.5rem);min-height:72px;box-shadow:var(--shadow-md), 0 0 0 1px #ffffff08 inset;transition:box-shadow var(--t-mid), border-color var(--t-mid);background:#0a0d16d1;grid-template-columns:minmax(max-content,240px) minmax(0,1fr) max-content;align-items:center;column-gap:1.25rem;margin:1rem auto 0;padding:.7rem 1.5rem;display:grid;position:sticky;top:1px}.header:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--crimson-deep) 20%, var(--crimson) 45%, var(--gold) 55%, var(--cerulean) 80%, transparent 100%);opacity:0;height:1px;transition:opacity var(--t-mid);border-radius:0 0 var(--r-pill) var(--r-pill);position:absolute;bottom:-1px;left:12%;right:12%}.header:hover{border-color:var(--border-mid);box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0a inset}.header:hover:after{opacity:.5}.header-left{min-width:0;min-height:100%;transition:opacity var(--t-mid), visibility var(--t-mid);flex-wrap:nowrap;justify-content:start;justify-self:start;align-items:center;gap:.75rem;display:flex}.logo{min-width:0;min-height:44px;font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:.8rem;font-size:1.22rem;font-weight:800;display:inline-flex}.logo-icon{border-radius:var(--r-sm);background:var(--grad-fire);width:42px;height:42px;box-shadow:var(--glow-fire), var(--shadow-sm);transition:transform var(--t-quick), box-shadow var(--t-quick);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.logo-icon:before{content:"";background:linear-gradient(135deg,#ffffff2e 0%,#0000 60%);position:absolute;inset:0}.logo-icon .ui-icon{color:#fff;z-index:1;width:20px;height:20px;position:relative}.logo:hover .logo-icon{box-shadow:var(--glow-crimson), var(--shadow-md);transform:scale(1.08)rotate(-4deg)}.logo-text{background:var(--grad-fire);-webkit-text-fill-color:transparent;letter-spacing:-.04em;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;align-items:center;max-width:240px;line-height:1;display:inline-flex;overflow:hidden}.search-container{opacity:0;visibility:hidden;pointer-events:none;z-index:10;justify-content:flex-end;justify-self:stretch;align-items:center;gap:.7rem;width:100%;min-width:0;max-width:0;transition:max-width .35s,opacity .35s,visibility .35s,transform .35s;display:flex;position:relative;overflow:hidden;transform:translate(-8px)}.search-container.is-open{opacity:1;visibility:visible;pointer-events:auto;width:100%;max-width:100%;transform:translate(0)}.header.search-active .search-container{transform:translate(0)}.search-bar{border-radius:var(--r-pill);border:1px solid var(--border-mid);min-width:0;min-height:48px;transition:box-shadow var(--t-quick), border-color var(--t-quick), background var(--t-quick);background:#ffffff0e;flex:auto;align-items:center;display:flex;overflow:hidden;box-shadow:0 12px 24px #0000002e}.search-bar:focus-within{border-color:var(--border-glow-c);box-shadow:var(--glow-crimson), var(--shadow-md), 0 0 0 3px #e6394624;background:#ffffff14}.search-input{min-height:48px;color:var(--text-1);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.82rem 1.15rem;font-size:.98rem;font-weight:400}.search-input::placeholder{color:var(--text-3);font-style:normal}.search-button{background:var(--grad-crimson);color:#fff;min-width:146px;min-height:48px;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:opacity var(--t-quick), transform var(--t-quick);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.45rem;padding:0 1.1rem;font-size:.84rem;font-weight:700;display:inline-flex}.search-button:hover{opacity:.88}.search-button:active{transform:scale(.97)}.close-search{border-radius:var(--r-md);border:1px solid var(--border);width:42px;height:42px;color:var(--text-3);cursor:pointer;transition:all var(--t-quick);background:#ffffff14;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-search:hover{border-color:var(--border-glow-c);color:var(--crimson-bright);box-shadow:var(--shadow-sm);background:#e6394626;transform:translateY(-1px)}.close-search .ui-icon{width:17px;height:17px}@media (width<=980px){.header{grid-template-columns:minmax(0,1fr) auto;overflow:visible}.search-container{justify-content:stretch;width:min(720px,92vw);max-width:min(720px,92vw);position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.search-container.is-open{transform:translate(-50%)translateY(-50%)}.header.search-active .header-left,.header.search-active .header-actions{opacity:0;visibility:hidden;pointer-events:none}}.header-actions{min-width:0;min-height:100%;transition:opacity var(--t-mid), visibility var(--t-mid);flex-wrap:nowrap;justify-content:flex-end;justify-self:end;align-items:center;gap:.75rem;display:flex}.icon-btn{color:var(--text-3);border-radius:var(--r-sm);cursor:pointer;font-size:.82rem;font-family:var(--font-body);transition:color var(--t-quick), background var(--t-quick), border-color var(--t-quick), transform var(--t-quick);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.35rem .55rem;display:inline-flex}.icon-btn:hover{color:var(--text-1);border-color:var(--border);background:#ffffff0f}.icon-btn:active{transform:scale(.95)}.search-icon{min-height:42px;color:var(--text-3);border-radius:var(--r-pill);cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;transition:color var(--t-quick), background var(--t-quick), border-color var(--t-quick), transform var(--t-quick);background:#ffffff0a;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:0 .9rem;display:inline-flex}.search-icon:hover{color:var(--crimson);background:#e6394614;border-color:#e639462e;transform:translateY(-1px)}.search-icon.active{color:var(--crimson-bright);background:#e6394624}.header.search-active .search-icon{opacity:0;visibility:hidden;pointer-events:none;border:0;width:0;min-width:0;margin:0;padding:0;overflow:hidden}.search-icon .ui-icon,.notification-icon .ui-icon{font-size:1.14rem}.theme-switch{flex-shrink:0;align-self:center;width:44px;height:26px;position:relative}.theme-switch input{opacity:0;width:0;height:0;position:absolute}.slider{background:var(--twilight);border-radius:var(--r-pill);border:1px solid var(--border-mid);cursor:pointer;transition:background var(--t-mid), border-color var(--t-mid), box-shadow var(--t-mid);position:absolute;inset:0;box-shadow:inset 0 1px 2px #ffffff0f}.slider:before{content:"";background:var(--moon);width:18px;height:18px;transition:transform var(--t-quick), background var(--t-quick);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0006}input:checked+.slider{background:var(--crimson-deep);border-color:var(--crimson)}input:checked+.slider:before{background:var(--crimson-bright);transform:translate(18px)}.notification-icon{min-width:42px;min-height:42px;color:var(--text-3);border-radius:var(--r-pill);cursor:pointer;transition:color var(--t-quick), background var(--t-quick), border-color var(--t-quick), transform var(--t-quick);background:#ffffff0a;border:1px solid #ffffff12;justify-content:center;align-items:center;gap:.3rem;padding:0 .75rem;font-size:.9rem;display:inline-flex;position:relative}.notification-icon:hover{color:var(--gold);background:#d4a85314;border-color:#d4a8532e;transform:translateY(-1px)}.notification-badge{background:var(--cerulean);color:#fff;border:1.5px solid var(--bg-base);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;animation:2.5s ease-in-out infinite pingBadge;display:flex;position:absolute;top:6px;right:6px}.notification-icon span:not(.notification-badge){display:none}.user-profile{border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;max-width:240px;min-height:48px;transition:all var(--t-mid);background:#ffffff0d;justify-content:flex-end;align-items:center;gap:.7rem;margin-left:.1rem;padding:.32rem .95rem .32rem .32rem;display:inline-flex;overflow:hidden}.user-profile:hover{border-color:var(--border-glow-g);box-shadow:var(--glow-gold);background:#d4a85314}.user-profile:active{transform:scale(.97)}#header-username{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.92rem;font-weight:700;display:inline-block;overflow:hidden}@media (width>=768px){.header{padding:0 2rem}}.avatar{border-radius:var(--r-sm);background:var(--grad-fire);color:#fff;width:34px;height:34px;font-family:var(--font-display);letter-spacing:.02em;box-shadow:var(--shadow-xs);flex-shrink:0;justify-content:center;align-items:center;font-size:.74rem;font-weight:800;display:flex;position:relative;overflow:hidden}.avatar:before{content:"";background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.avatar img{object-fit:cover;width:100%;height:100%}.navbar{z-index:999;-webkit-backdrop-filter:none;width:min(980px,100% - 1.5rem);box-shadow:none;background:#0a0d16eb;border:none;border-radius:0;margin:.5rem auto 0;transition:none;position:sticky;top:72px;overflow:visible}.nav-tabs{border-bottom:1px solid var(--border-mid);max-width:920px;margin:0 auto;padding-bottom:.2rem;list-style:none;display:flex}.nav-tab{cursor:pointer;color:var(--text-4);min-width:0;transition:color var(--t-mid);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:.18rem;padding:.75rem .25rem .65rem;display:flex;position:relative}.nav-tab:after{content:"";background:var(--grad-crimson);border-radius:var(--r-pill) var(--r-pill) 0 0;opacity:0;height:2px;transition:opacity var(--t-mid), transform var(--t-mid);position:absolute;bottom:0;left:18%;right:18%;transform:scaleX(0)translateY(1px)}.nav-tab:hover{color:var(--moon)}.nav-tab:hover:after{opacity:.4;transform:scaleX(1)translateY(1px)}.nav-tab.active{color:var(--crimson-bright)}.nav-tab.active:after{opacity:1;transform:scaleX(1)translateY(0);box-shadow:0 -2px 12px #e6394680}.nav-icon{transition:transform var(--t-quick);justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex}.nav-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:.62rem;font-weight:700;overflow:hidden}@media (width>=768px){.nav-label{font-size:.72rem}.nav-tab{flex-direction:row;justify-content:center;gap:.45rem;padding:.85rem 1rem .75rem}}.main-content{max-width:1440px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.section-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-1);align-items:center;gap:.6rem;margin-bottom:1.5rem;padding-bottom:.7rem;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:800;display:flex;position:relative}.section-title:after{content:"";background:var(--grad-crimson);border-radius:var(--r-pill);width:28px;height:2px;transition:width var(--t-slow);position:absolute;bottom:0;left:0;box-shadow:0 0 10px #e6394680}.section-title:hover:after{width:56px}.page{display:none}.page.active{animation:pageReveal .45s var(--ease-silk) both;display:block}.ranking-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:.2rem;margin-bottom:2rem;padding-bottom:1px;display:flex;overflow-x:auto}.ranking-tabs::-webkit-scrollbar{display:none}.ranking-tab{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-4);cursor:pointer;white-space:nowrap;transition:color var(--t-mid);border-radius:var(--r-sm) var(--r-sm) 0 0;background:0 0;border:none;padding:.55rem 1.2rem;font-size:.8rem;font-weight:700;position:relative}.ranking-tab:after{content:"";background:var(--grad-crimson);height:2px;transition:transform var(--t-mid);border-radius:var(--r-pill);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.ranking-tab:hover{color:var(--moon);background:#ffffff08}.ranking-tab.active{color:var(--crimson-bright)}.ranking-tab.active:after{transform:scaleX(1);box-shadow:0 0 8px #e6394680}.videos-grid-full{grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:1.1rem;display:grid}.video-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:transform var(--t-mid), box-shadow var(--t-mid), border-color var(--t-mid);position:relative;overflow:hidden}.video-card:before{content:"";opacity:0;transition:opacity var(--t-mid);pointer-events:none;z-index:1;border-radius:inherit;background:linear-gradient(135deg,#ffffff0a 0%,#0000 50%,#ffffff03 100%);position:absolute;inset:0}.video-card:hover{box-shadow:var(--shadow-card), var(--glow-crimson);border-color:#e6394633;transform:translateY(-5px)scale(1.005)}.video-card:hover:before{opacity:1}.video-card:active{transform:translateY(-2px)scale(1.002)}.thumbnail-container{aspect-ratio:16/9;background:var(--dusk);position:relative;overflow:hidden}.thumbnail{width:100%;height:100%;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);background:linear-gradient(145deg, var(--dusk) 0%, var(--twilight) 100%);transition:transform .65s var(--ease-silk);justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:relative;overflow:hidden}.thumbnail:before{content:"";background:linear-gradient(105deg,#0000 0%,#ffffff08 50%,#0000 100%);width:40%;height:200%;animation:4s ease-in-out infinite shimmerBg;position:absolute;top:-50%;left:-60%;transform:skew(-12deg)}.thumbnail .ui-icon{opacity:.5;width:20px;height:20px}.video-card:hover .thumbnail{transform:scale(1.05)}.thumbnail:after{content:"";opacity:0;transition:opacity var(--t-mid);background:#06080e66;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-card:hover .thumbnail:after{opacity:1}.video-duration{color:var(--star);border-radius:var(--r-xs);font-size:.7rem;font-weight:700;font-family:var(--font-display);letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#06080ee0;border:.5px solid #ffffff0f;padding:2px 7px;position:absolute;bottom:7px;right:8px}.video-info{padding:.875rem 1rem}.video-title{font-family:var(--font-display);color:var(--text-1);-webkit-line-clamp:2;transition:color var(--t-quick);-webkit-box-orient:vertical;margin-bottom:.55rem;font-size:.9rem;font-weight:700;line-height:1.32;display:-webkit-box;overflow:hidden}.video-card:hover .video-title{color:var(--crimson-glow)}.video-stats{color:var(--text-4);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.profile-page{padding:0;overflow-x:hidden}.profile-header-full{background:var(--grad-hero);align-items:center;min-height:280px;padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.profile-header-full:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 39px,#e639460a 39px 40px),repeating-linear-gradient(90deg,#0000,#0000 39px,#2a7fc108 39px 40px);position:absolute;inset:0}.profile-header-full:after{content:"";pointer-events:none;background:radial-gradient(70% 90% at 80%,#e6394614 0%,#0000 60%),radial-gradient(50% 70% at 15% 70%,#2a7fc112 0%,#0000 55%),radial-gradient(40% 40% at 50% -10%,#d4a8530f 0%,#0000 50%);position:absolute;inset:0}.profile-header-full .profile-cover:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--cerulean) 20%, var(--crimson) 50%, var(--gold) 80%, transparent 100%);opacity:.2;height:1px;position:absolute;bottom:-3.5rem;left:-1.25rem;right:-1.25rem}.profile-cover{z-index:1;flex-wrap:wrap;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);width:100%;max-width:1100px;margin:0 auto;display:flex;position:relative}.profile-avatar-large{border-radius:var(--r-lg);background:var(--grad-fire);width:min(110px,20vw);min-width:76px;height:min(110px,20vw);min-height:76px;font-family:var(--font-display);color:#fff;box-shadow:var(--glow-crimson), var(--shadow-lg), inset 0 1px 0 #ffffff1f;transition:transform var(--t-mid), box-shadow var(--t-mid);border:1.5px solid #e639464d;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(1.6rem,4.5vw,2.2rem);font-weight:800;display:flex;position:relative;overflow:hidden}.profile-avatar-large:hover{box-shadow:var(--glow-fire), var(--shadow-xl);transform:scale(1.04)}.profile-avatar-large:before{content:"";z-index:1;background:linear-gradient(135deg,#ffffff26 0%,#0000 55%);position:absolute;inset:0}.profile-info-full{flex:1;min-width:min(100%,260px)}.profile-name-full{font-family:var(--font-display);letter-spacing:-.05em;color:var(--star);text-shadow:0 2px 20px #e6394633;margin-bottom:.7rem;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;line-height:1.08}#profile-main-bio{color:#c4ceeab3;border-radius:var(--r-md);white-space:pre-line;word-break:break-word;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0f;border-left:2px solid #e6394666;max-width:540px;padding:.85rem 1rem;font-size:.875rem;font-style:italic;line-height:1.72}.profile-stats-full{flex-wrap:wrap;gap:1.5rem;margin:1.25rem 0;display:flex}.stat-item-full{text-align:left;min-width:52px}.stat-value-full{font-family:var(--font-display);letter-spacing:-.04em;background:var(--grad-fire);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:800;line-height:1.1;display:block}.stat-label-full{text-transform:uppercase;letter-spacing:.1em;color:var(--text-4);margin-top:.15rem;font-size:.65rem;font-weight:500;display:block}.profile-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.4rem;display:flex}.btn-primary{background:var(--grad-crimson);color:#fff;border-radius:var(--r-sm);font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;transition:all var(--t-mid);border:none;align-items:center;gap:.4rem;min-height:40px;padding:.6rem 1.35rem;font-size:.82rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #e639464d}.btn-primary:before{content:"";opacity:0;transition:opacity var(--t-quick);background:linear-gradient(135deg,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #e6394673}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #e639464d}.btn-secondary{color:var(--moon);border:1px solid var(--border-mid);border-radius:var(--r-sm);font-family:var(--font-display);cursor:pointer;transition:all var(--t-mid);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;align-items:center;gap:.4rem;min-height:40px;padding:.6rem 1.35rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-secondary:hover{color:var(--cerulean-bright);box-shadow:var(--glow-cerulean);background:#2a7fc11a;border-color:#2a7fc14d}.btn-secondary:active{transform:scale(.97)}.profile-content{max-width:1100px;margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.25rem,3vw,2rem)}.profile-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:0;margin-bottom:2rem;display:flex;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-4);cursor:pointer;white-space:nowrap;min-height:42px;transition:color var(--t-mid), background var(--t-quick);border-radius:var(--r-sm) var(--r-sm) 0 0;background:0 0;border:none;flex-shrink:0;padding:.7rem 1.5rem;font-size:.75rem;font-weight:700;position:relative}.profile-tab:after{content:"";background:var(--grad-crimson);border-radius:var(--r-pill);height:2px;transition:transform var(--t-mid);position:absolute;bottom:-1px;left:.75rem;right:.75rem;transform:scaleX(0)}.profile-tab:hover{color:var(--moon);background:#ffffff08}.profile-tab.active{color:var(--crimson-bright)}.profile-tab.active:after{transform:scaleX(1);box-shadow:0 0 8px #e6394680}.profile-tab:focus{outline:none}.tab-content{display:none}.tab-content.active{animation:pageReveal .35s var(--ease-silk) both;display:block}.profile-edit-form{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-xl);max-width:540px;box-shadow:var(--shadow-card);margin:0 auto;padding:2rem;position:relative;overflow:hidden}.profile-edit-form:before{content:"";background:var(--grad-fire);opacity:.6;height:1.5px;position:absolute;top:0;left:0;right:0}.profile-picture-edit{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:.875rem;margin-bottom:1.75rem;padding-bottom:1.75rem;display:flex}.profile-picture-edit img{border-radius:var(--r-lg);object-fit:cover;width:100px;height:100px;box-shadow:var(--glow-crimson), var(--shadow-md);border:1.5px solid #e639464d}.file-upload-btn{color:var(--gold);border-radius:var(--r-sm);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--t-mid);background:#d4a85314;border:1px solid #d4a85338;padding:.45rem 1rem;font-size:.76rem;font-weight:700}.file-upload-btn:hover{border-color:var(--gold);box-shadow:var(--glow-gold);background:#d4a85329;transform:translateY(-1px)}.file-upload-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.form-group{margin-bottom:1.15rem}.form-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:.45rem;font-size:.68rem;font-weight:700;display:block}.input-with-icon{position:relative}.input-icon{color:var(--text-4);pointer-events:none;z-index:1;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.form-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;font-family:var(--font-body);color:var(--text-1);transition:border-color var(--t-quick), box-shadow var(--t-quick), background var(--t-quick);outline:none;padding:.7rem 1rem .7rem 2.75rem;font-size:.9rem}.form-input:hover{border-color:var(--border-mid);background:var(--bg-raised)}.form-input:focus{box-shadow:0 0 0 3px #e639461a, var(--shadow-xs);background:var(--bg-raised);border-color:#e6394680}.form-input::placeholder{color:var(--text-4);font-style:italic}.form-input[readonly]{opacity:.4;cursor:not-allowed}textarea#profile-bio{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;min-height:105px;font-family:var(--font-body);color:var(--text-1);resize:vertical;transition:border-color var(--t-quick), box-shadow var(--t-quick);outline:none;padding:.8rem 1rem;font-size:.9rem;line-height:1.65}textarea#profile-bio:hover{border-color:var(--border-mid)}textarea#profile-bio:focus{border-color:#e6394680;box-shadow:0 0 0 3px #e6394614}textarea#profile-bio::placeholder{color:var(--text-4);font-style:italic}.submit-button{background:var(--grad-crimson);color:#fff;border-radius:var(--r-sm);width:100%;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--t-mid);border:none;margin-top:.5rem;padding:.85rem;font-size:.875rem;font-weight:800;position:relative;overflow:hidden;box-shadow:0 4px 18px #e639464d}.submit-button:before{content:"";background:linear-gradient(135deg,#ffffff1a 0%,#0000 60%);position:absolute;inset:0}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #e6394673}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.coming-message-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-xl);text-align:center;max-width:460px;box-shadow:var(--shadow-card);margin:3rem auto;padding:2.5rem;position:relative;overflow:hidden}.coming-message-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cerulean), var(--crimson), transparent);opacity:.6;height:1.5px;position:absolute;top:0;left:0;right:0}.coming-icon{border-radius:var(--r-lg);border:1px solid var(--border);filter:drop-shadow(0 0 14px #2a7fc159);width:60px;height:60px;transition:transform var(--t-mid);background:#2a7fc114;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.6rem;display:flex}.coming-icon:hover{transform:scale(1.1)rotate(-5deg)}.coming-message-card h3{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.03em;margin-bottom:.8rem;font-size:1.1rem;font-weight:800}.coming-message-card p{color:var(--text-3);margin-bottom:1.15rem;font-size:.85rem;line-height:1.7}.contact-hints{text-align:left;border-radius:var(--r-md);background:#2a7fc10d;border:1px solid #2a7fc11f;margin:0 0 1.4rem;padding:.875rem 1.15rem;list-style:none}.contact-hints li{color:var(--text-2);padding:.3rem 0 .3rem 1.2rem;font-size:.82rem;line-height:1.5;position:relative}.contact-hints li:before{content:"—";color:var(--cerulean);font-weight:700;position:absolute;left:0}.coming-footer{flex-direction:column;gap:.875rem;display:flex}.coming-footer span{color:var(--text-4);font-size:.75rem;line-height:1.55}.edit-bio-btn{background:var(--grad-crimson);color:#fff;border-radius:var(--r-sm);font-family:var(--font-display);cursor:pointer;transition:all var(--t-mid);letter-spacing:.03em;border:none;align-self:center;padding:.6rem 1.5rem;font-size:.82rem;font-weight:700;box-shadow:0 4px 14px #e639464d}.edit-bio-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e6394673}#events-page .event-announcement-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-xl);max-width:660px;box-shadow:var(--shadow-card);margin:2.5rem auto;padding:2.5rem;position:relative;overflow:hidden}#events-page .event-announcement-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--crimson) 30%, var(--gold) 50%, var(--cerulean) 70%, transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}.event-badge{color:var(--gold-bright);border-radius:var(--r-pill);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:#d4a8531a;border:1px solid #d4a85338;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.28rem .9rem;font-size:.65rem;font-weight:800;display:inline-flex}.event-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-1);margin-bottom:1.15rem;font-size:1.7rem;font-weight:800;line-height:1.1}.event-description{color:var(--text-2);margin-bottom:1rem;font-size:.875rem;line-height:1.72}.event-info{grid-template-columns:repeat(2,1fr);gap:.875rem;margin:1.75rem 0;display:grid}.event-info-item{border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--t-mid), background var(--t-mid);background:#ffffff08;padding:.875rem 1rem}.event-info-item:hover{background:#d4a8530a;border-color:#d4a85333}.info-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem;font-size:.62rem;font-weight:800;display:block}.info-value{color:var(--text-2);font-size:.875rem;font-weight:500;line-height:1.4}.event-footer{border-top:1px solid var(--border);margin-top:1.75rem;padding-top:1.15rem}.event-note{color:var(--text-4);font-size:.78rem;font-style:italic;line-height:1.6}.publish-button{border-radius:var(--r-md);background:var(--grad-fire);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:0 8px 32px #e6394673, 0 0 0 1px #ffffff1a inset, var(--glow-crimson);z-index:1000;transition:all var(--t-mid);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;font-size:1.4rem;font-weight:900;animation:3.5s ease-in-out infinite publishPulse;display:flex;position:fixed;bottom:2rem;right:1.75rem}.publish-button:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffff24 0%,#0000 60%);position:absolute;inset:0}.publish-button:hover{box-shadow:0 12px 44px #e6394699, 0 0 0 1px #ffffff26 inset, var(--glow-fire);animation:none;transform:scale(1.1)rotate(42deg)}.publish-button:active{transform:scale(1.02)rotate(42deg)}.profile-overlay{-webkit-backdrop-filter:blur(18px)saturate(150%);z-index:2000;opacity:0;visibility:hidden;transition:opacity var(--t-slow), visibility var(--t-slow);background:#06080ed1;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.profile-overlay.active{opacity:1;visibility:visible}.profile-container{background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:var(--r-xl);width:min(540px,94vw);max-height:90vh;box-shadow:var(--shadow-float);animation:modalBounceIn .45s var(--ease-spring) both;scrollbar-width:thin;scrollbar-color:var(--twilight) transparent;position:relative;overflow-y:auto}.profile-container:before{content:"";background:var(--grad-fire);opacity:.7;border-radius:var(--r-xl) var(--r-xl) 0 0;height:1.5px;position:absolute;top:0;left:0;right:0}.profile-container::-webkit-scrollbar{width:4px}.profile-container::-webkit-scrollbar-thumb{background:var(--twilight);border-radius:2px}.close-profile{border-radius:var(--r-md);border:1px solid var(--border);width:36px;height:36px;color:var(--text-3);cursor:pointer;transition:all var(--t-quick);z-index:10;background:#ffffff14;justify-content:center;align-items:center;display:flex;position:absolute;top:.875rem;right:.875rem}.close-profile:hover{border-color:var(--border-glow-c);color:var(--crimson-bright);box-shadow:var(--shadow-sm);background:#e6394626;transform:translateY(-1px)}.profile-header{border-bottom:1px solid var(--border);padding:1.75rem 1.75rem 1.5rem;position:relative}.profile-header:after{content:"";background:linear-gradient(90deg, transparent, var(--crimson), var(--gold), transparent);opacity:.25;height:1px;position:absolute;bottom:-1px;left:10%;right:10%}.profile-avatar-section{flex-direction:column;align-items:center;gap:.75rem;display:flex}.profile-avatar{border-radius:var(--r-lg);background:var(--grad-fire);width:88px;height:88px;font-family:var(--font-display);color:#fff;box-shadow:var(--glow-crimson), var(--shadow-md);border:1.5px solid #e639464d;justify-content:center;align-items:center;font-size:1.8rem;font-weight:800;display:flex;position:relative;overflow:hidden}.profile-avatar:before{content:"";background:linear-gradient(135deg,#ffffff24 0%,#0000 55%);position:absolute;inset:0}.profile-name{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-1);font-size:1.2rem;font-weight:800}.view-full-profile-btn{width:calc(100% - 3.5rem);color:var(--crimson-bright);border-radius:var(--r-sm);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--t-mid);text-align:center;background:#e6394612;border:1px solid #e639462e;margin:1.1rem 1.75rem;padding:.7rem;font-size:.78rem;font-weight:800;display:block}.view-full-profile-btn:hover{box-shadow:var(--glow-crimson);background:#e6394624;border-color:#e6394659;transform:translateY(-1px)}.profile-stats{border-bottom:1px solid var(--border);justify-content:space-around;gap:.5rem;padding:1.1rem 1.75rem;display:flex}.stat-item{flex-direction:column;flex:1;align-items:center;gap:.2rem;display:flex}.stat-icon{border-radius:var(--r-sm);border:1px solid var(--border);width:28px;height:28px;color:var(--crimson-bright);transition:all var(--t-quick);background:#e6394612;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex}.stat-item:hover .stat-icon{box-shadow:var(--glow-crimson);background:#e6394626;border-color:#e639464d;transform:scale(1.1)}.stat-value{font-family:var(--font-display);letter-spacing:-.04em;background:var(--grad-fire);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-4);font-size:.6rem;font-weight:500}.profile-videos-section{padding:1.4rem 1.75rem 1.75rem}.profile-videos-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);border-bottom:1px solid var(--border);margin-bottom:1.1rem;padding-bottom:.7rem;font-size:.72rem;font-weight:800}.profile-videos-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.profile-video-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-mid);overflow:hidden}.profile-video-card:hover{box-shadow:var(--shadow-card);border-color:#e6394633;transform:translateY(-2px)}.profile-video-thumbnail{aspect-ratio:16/9;background:var(--dusk);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);transition:transform .5s var(--ease-silk);justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex;overflow:hidden}.profile-video-card:hover .profile-video-thumbnail{transform:scale(1.04)}.profile-video-thumbnail .ui-icon{opacity:.45;width:18px;height:18px}.profile-video-info{padding:.65rem .75rem}.profile-video-title{font-family:var(--font-display);color:var(--text-1);-webkit-line-clamp:2;transition:color var(--t-quick);-webkit-box-orient:vertical;margin-bottom:.3rem;font-size:.76rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.profile-video-card:hover .profile-video-title{color:var(--crimson-glow)}.profile-video-stats{color:var(--text-4);justify-content:space-between;font-size:.67rem;display:flex}.publish-overlay{-webkit-backdrop-filter:blur(22px)saturate(160%);z-index:5000;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-silk), visibility .35s var(--ease-silk);background:#06080ee0;justify-content:center;align-items:center;padding:10vh 1rem 1rem;display:flex;position:fixed;inset:0}.publish-overlay.active{opacity:1;visibility:visible}.publish-container{background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:var(--r-xl);width:100%;max-width:660px;max-height:90vh;box-shadow:var(--shadow-float);animation:modalBounceIn .45s var(--ease-spring) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.publish-container:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--crimson) 25%, var(--gold) 50%, var(--cerulean) 75%, transparent 100%);z-index:1;height:2px;position:absolute;top:0;left:0;right:0}.close-publish{border-radius:var(--r-md);border:1px solid var(--border);width:36px;height:36px;color:var(--text-3);cursor:pointer;z-index:10;transition:all var(--t-quick);background:#ffffff14;justify-content:center;align-items:center;display:flex;position:absolute;top:.875rem;right:.875rem}.close-publish:hover{border-color:var(--border-glow-c);color:var(--crimson-bright);box-shadow:var(--shadow-sm);background:#e6394626;transform:translateY(-1px)}.publish-header{border-bottom:1px solid var(--border);padding:1.75rem 2rem 1.4rem}.publish-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-1);margin-bottom:.25rem;font-size:1.2rem;font-weight:800}.publish-subtitle{color:var(--text-4);font-size:.82rem;font-style:italic}.publish-form{scrollbar-width:thin;scrollbar-color:var(--twilight) transparent;flex:1;padding:1.75rem 2rem 2rem;overflow-y:auto}.publish-form::-webkit-scrollbar{width:4px}.publish-form::-webkit-scrollbar-thumb{background:var(--twilight);border-radius:2px}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.15rem;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-select{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;font-family:var(--font-body);color:var(--text-1);cursor:pointer;transition:border-color var(--t-quick), box-shadow var(--t-quick);appearance:none;outline:none;padding:.7rem 1rem .7rem 2.75rem;font-size:.9rem}.form-select:hover{border-color:var(--border-mid)}.form-select:focus{border-color:#e6394680;box-shadow:0 0 0 3px #e639461a}.artist-display{border-radius:var(--r-sm);transition:border-color var(--t-quick);background:#e639460d;border:1px solid #e6394626;padding:.8rem 1rem}.artist-display:hover{border-color:#e6394640}.artist-name-display{font-family:var(--font-display);color:var(--crimson-bright);letter-spacing:-.01em;font-size:.9rem;font-weight:700}.category-badge{color:var(--cerulean-bright);border-radius:var(--r-pill);font-size:.7rem;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;background:#2a7fc11f;border:1px solid #2a7fc138;align-items:center;gap:.35rem;margin-top:.55rem;padding:.28rem .8rem;font-weight:700;display:inline-flex}.form-textarea{resize:vertical;min-height:95px;padding:.7rem 1rem;line-height:1.6}.char-counter{color:var(--text-4);text-align:right;font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.7rem}.file-upload-area{border-radius:var(--r-lg);text-align:center;cursor:pointer;transition:all var(--t-mid);background:#e6394605;border:1.5px dashed #e6394633;padding:2rem 1.5rem;position:relative;overflow:hidden}.file-upload-area:before{content:"";opacity:0;transition:opacity var(--t-mid);background:radial-gradient(circle,#e639460a 0%,#0000 70%);position:absolute;inset:0}.file-upload-area:hover{background:#e639460a;border-color:#e6394666}.file-upload-area:hover:before{opacity:1}.upload-icon{border-radius:var(--r-md);border:1px solid var(--border);width:48px;height:48px;color:var(--crimson-bright);transition:all var(--t-mid);background:#e6394614;justify-content:center;align-items:center;margin:0 auto .8rem;font-size:1.1rem;display:flex}.file-upload-area:hover .upload-icon{box-shadow:var(--glow-crimson);background:#e6394626;border-color:#e639464d;transform:scale(1.08)translateY(-2px)}.upload-text{color:var(--text-2);font-size:.875rem;font-weight:600;font-family:var(--font-display);margin-bottom:.3rem}.upload-hint{color:var(--text-4);font-size:.75rem;font-style:italic}.file-input{display:none}.upload-progress{background:var(--border);border-radius:var(--r-pill);width:100%;height:2px;margin-top:.875rem;overflow:hidden}.upload-progress-bar{background:var(--grad-crimson);height:100%;transition:width .3s var(--ease-silk);border-radius:var(--r-pill);position:relative;box-shadow:0 0 10px #e6394699}.upload-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff6);width:40px;animation:1s ease-in-out infinite progressShimmer;position:absolute;top:0;bottom:0;right:0}.video-preview-container{border-radius:var(--r-md);border:1px solid var(--border);box-shadow:var(--shadow-md);background:#000;margin-top:1.1rem;position:relative;overflow:hidden}.video-preview-wrapper{width:100%;padding-bottom:56.25%;position:relative}.video-preview{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.remove-preview{border-radius:var(--r-sm);width:28px;height:28px;color:var(--star);cursor:pointer;z-index:5;transition:all var(--t-quick);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border:1px solid var(--border);background:#06080ed9;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.remove-preview:hover{background:var(--crimson-deep);border-color:var(--crimson);transform:scale(1.1)}.video-info{background:var(--bg-surface);border-top:1px solid var(--border);padding:.8rem 1rem}.video-info-header,.video-info-left{min-width:0}.video-info-left{width:100%}.preview-name{font-family:var(--font-display);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.78rem;font-weight:600;display:block;overflow:hidden}.preview-size{color:var(--text-4);margin-top:.12rem;font-size:.7rem}.validation-message{align-items:center;gap:.3rem;margin-top:.35rem;font-size:.72rem;display:flex}.validation-error{color:var(--cerulean-bright)}.publish-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.publish-btn{border-radius:var(--r-sm);min-width:100px;height:44px;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--t-mid);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;flex:auto;justify-content:center;align-items:center;gap:.45rem;padding:0 1.25rem;font-size:.82rem;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.publish-btn:before{content:"";opacity:0;transition:opacity var(--t-quick);background:linear-gradient(135deg,#ffffff1a 0%,#0000 60%);position:absolute;inset:0}.publish-btn:hover:before{opacity:1}.publish-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none!important;transform:none!important}.publish-btn:focus-visible{outline:2px solid var(--crimson);outline-offset:2px}.btn-publish{background:var(--grad-crimson);color:#fff;box-shadow:0 4px 18px #e639464d}.btn-publish:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e6394680}.btn-publish:active{transform:translateY(0)}.btn-cancel{border:1px solid var(--border-mid);color:var(--text-4);background:0 0}.btn-cancel:hover{color:var(--cerulean-bright);box-shadow:var(--glow-cerulean);background:#2a7fc10f;border-color:#2a7fc14d}.loading-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite spinLoop}@media (width<=768px){.publish-container{border-radius:0;max-width:100%;height:100dvh;max-height:100dvh;padding-top:5vh}@media (width<=768px){.publish-overlay{padding-top:10vh}}.form-grid{grid-template-columns:1fr}.publish-actions{flex-direction:column}.publish-btn{flex:none;width:100%}.profile-videos-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding:1.75rem 1rem 3rem}}@media (width<=480px){.event-info{grid-template-columns:1fr}.profile-tabs{gap:0}.profile-tab{padding:.65rem .875rem;font-size:.67rem}.header{padding:0 1rem}.publish-button{width:48px;height:48px;bottom:1.5rem;right:1.25rem}}@media (width<=360px){.logo-text{display:none}.header-actions{gap:.35rem}.ranking-tab{padding:.5rem .75rem;font-size:.72rem}}@media (width>=981px){.search-container.is-open{max-width:min(100%,760px)}}@media (width<=980px){.header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.search-container,.search-container.is-open{width:min(720px,92vw);max-width:min(720px,92vw);transform:translate(-50%)translateY(-50%)}.header.search-active .header-left,.header.search-active .header-actions{opacity:0;visibility:hidden;pointer-events:none}}@media (width<=768px){.header{gap:.5rem;min-height:64px;padding:.55rem .7rem}.logo{gap:.4rem}.logo-icon{width:36px;height:36px}.logo-text{max-width:88px;font-size:.95rem}.search-icon span,.search-button span{display:none}.search-input{padding:.58rem .7rem;font-size:.88rem}.search-button{min-width:44px;min-height:40px;padding:0 .7rem}.notification-icon,.search-icon{gap:.2rem;min-width:38px;min-height:38px;padding:0 .55rem}.user-profile{gap:.35rem;min-height:40px;padding:.22rem .45rem .22rem .22rem}.avatar{width:30px;height:30px}#header-username{max-width:74px;font-size:.76rem}}@media (width<=480px){.theme-switch{width:34px;height:22px}.slider:before{width:14px;height:14px}input:checked+.slider:before{transform:translate(14px)}.notification-icon,.search-icon{min-width:34px;padding:0 .45rem}#header-username{max-width:56px}}@media (width<=360px){.logo-text{display:none}.header-actions{gap:.35rem}}@supports (padding:env(safe-area-inset-bottom)){.publish-button{bottom:calc(2rem + env(safe-area-inset-bottom))}.publish-form{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.navbar{padding-bottom:env(safe-area-inset-bottom)}}@media print{.header,.navbar,.publish-button,.profile-overlay,.publish-overlay{display:none!important}body{color:#000;background:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{color:var(--star);background:#e639464d}::selection{color:var(--star);background:#e639464d}:focus-visible{outline-offset:2px;border-radius:var(--r-xs);outline:2px solid #e63946b3}:root{scrollbar-width:thin;scrollbar-color:var(--twilight) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--dusk-light);border-radius:var(--r-pill);background-clip:content-box;border:1px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--twilight);background-clip:content-box}.feed-container{max-width:560px;margin:0 auto;padding:1rem 0 4rem}.feed-card{background:var(--bg-raised);border:1px solid #c4ceea1f;border-top:3px solid var(--cat-border,#c4ceea1f);border-radius:var(--r-xl);transition:border-color var(--t-mid), box-shadow var(--t-mid);margin-bottom:1rem;overflow:hidden}.feed-card:hover{box-shadow:var(--shadow-card)}.feed-card-header{align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.feed-avatar{flex-shrink:0;border-radius:var(--r-sm)!important;width:42px!important;height:42px!important}.feed-user-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.feed-user-name{font-family:var(--font-display);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.feed-user-cat{letter-spacing:.04em;font-size:.7rem;font-weight:600}.feed-follow-btn{color:var(--crimson-bright);border-radius:var(--r-pill);cursor:pointer;transition:all var(--t-quick);letter-spacing:.03em;background:#e639461a;border:1px solid #e6394640;flex-shrink:0;padding:5px 12px;font-size:.72rem;font-weight:700}.feed-follow-btn:hover{background:#e6394633}.feed-follow-btn.following{color:var(--text-4);background:#c4ceea0f;border-color:#c4ceea24}.feed-thumbnail{background:var(--dusk);cursor:pointer;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.feed-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease-silk);position:absolute;inset:0}.feed-thumbnail:hover img{transform:scale(1.03)}.feed-play-overlay{transition:background var(--t-quick);background:#0000002e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.feed-thumbnail:hover .feed-play-overlay{background:#00000059}.feed-play-circle{width:52px;height:52px;color:var(--crimson);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:flex}.feed-cat-badge{border-radius:var(--r-pill);letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0d16bf;border:1px solid;padding:3px 10px;font-size:.65rem;font-weight:700;position:absolute;top:10px;left:10px}.feed-card-body{padding:.75rem 1rem .25rem}.feed-desc{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.55;display:-webkit-box;overflow:hidden}.feed-desc.expanded{display:block}.feed-see-more{color:var(--crimson-bright);cursor:pointer;transition:color var(--t-quick);background:0 0;border:none;padding:2px 0 0;font-size:.78rem;font-weight:600}.feed-actions{border-top:1px solid var(--border);align-items:center;gap:4px;margin-top:.5rem;padding:.6rem .75rem .75rem;display:flex}.feed-action-btn{color:var(--text-4);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-quick);font-size:.78rem;font-weight:600;font-family:var(--font-display);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 6px;display:flex}.feed-action-btn:hover{color:var(--text-2);background:#ffffff0d}.feed-action-btn.liked{color:var(--crimson-bright)}.feed-action-btn.starred{color:var(--gold)}.feed-divider{background:var(--border);flex-shrink:0;width:1px;height:18px}.feed-comments-wrapper{border-top:1px solid var(--border);flex-direction:column;display:flex}.feed-comments{scrollbar-width:thin;scrollbar-color:var(--twilight) transparent;flex-direction:column;gap:.75rem;max-height:220px;padding:.875rem 1rem .5rem;display:flex;overflow-y:auto}.feed-comments::-webkit-scrollbar{width:4px}.feed-comments::-webkit-scrollbar-thumb{background:var(--twilight);border-radius:var(--r-pill)}.feed-comment-input{border-top:1px solid var(--border);background:var(--bg-raised);gap:.5rem;padding:.75rem 1rem;display:flex}.feed-comment-item{align-items:flex-start;gap:.6rem;display:flex}.feed-comment-avatar{border-radius:var(--r-sm);width:28px;height:28px;color:var(--crimson-bright);background:#e639461f;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.feed-comment-content{flex:1;min-width:0}.feed-comment-name{color:var(--text-2);margin-bottom:2px;font-size:.75rem;font-weight:700;display:block}.feed-comment-text{color:var(--text-3);font-size:.8rem;line-height:1.45}.feed-comment-input{gap:.5rem;margin-top:.25rem;display:flex}.feed-comment-input input{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-1);font-size:.82rem;font-family:var(--font-body);transition:border-color var(--t-quick);background:#ffffff0d;outline:none;flex:1;padding:.55rem 1rem}.feed-comment-input input:focus{border-color:#e6394659}.feed-comment-input input::placeholder{color:var(--text-4)}.feed-comment-input button{color:var(--crimson-bright);border-radius:var(--r-pill);cursor:pointer;font-size:.78rem;font-weight:700;font-family:var(--font-display);transition:all var(--t-quick);white-space:nowrap;background:#e639461f;border:1px solid #e6394640;padding:.55rem 1rem}.feed-comment-input button:hover{background:#e6394638}.feed-modal-overlay{z-index:6000;background:#000000e0;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeOverlay;display:flex;position:fixed;inset:0}.feed-modal-box{border-radius:var(--r-lg);background:#000;width:100%;max-width:860px;animation:.15s zoomIn;position:relative;overflow:hidden}.feed-modal-close{z-index:10;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:34px;height:34px;transition:background var(--t-quick);background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:10px;right:10px}.feed-modal-close:hover{background:var(--crimson-deep)}.feed-modal-player{width:100%;padding-bottom:56.25%;position:relative}.feed-modal-player iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.feed-modal-loader{z-index:2;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.feed-modal-spinner{border:2.5px solid #ffffff1f;border-top-color:#ffffffb3;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spinLoop}.feed-loader{justify-content:center;align-items:center;min-height:60px;padding:2rem 0;display:flex}.feed-spinner{color:var(--text-3);background:0 0;border:none;align-items:center;gap:.75rem;width:auto;height:auto;font-size:.9rem;font-weight:500;display:inline-flex}.feed-spinner:before{content:"";border:2.5px solid var(--border);border-top-color:var(--crimson);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spinLoop;display:inline-block}.feed-end{color:var(--text-4);text-align:center;font-size:.82rem;font-style:italic}.feed-empty{color:var(--text-4);text-align:center;font-size:.9rem;line-height:1.7}:root{--shell-x:clamp(.75rem, 2.2vw, 1.5rem);--shell-max:1360px;--shell-header-h:68px;--shell-nav-h:58px}.header{top:max(.65rem, env(safe-area-inset-top));z-index:1100;width:min(var(--shell-max), calc(100% - (var(--shell-x) * 2)));min-height:var(--shell-header-h);-webkit-backdrop-filter:blur(22px)saturate(160%);background:linear-gradient(135deg,#ffffff14,#ffffff06),#0a0d16d6;border:1px solid #ffffff1c;border-radius:18px;grid-template-columns:minmax(180px,260px) minmax(240px,1fr) max-content;align-items:center;gap:clamp(.65rem,1.6vw,1.15rem);margin:clamp(.55rem,1.4vw,1rem) auto 0;padding:.55rem clamp(.75rem,1.8vw,1.25rem);display:grid;position:sticky;overflow:visible;box-shadow:0 22px 60px #0000003d,inset 0 1px #ffffff14}.header:after{opacity:.42;background:linear-gradient(90deg, transparent, var(--crimson), var(--gold), var(--cerulean), transparent);left:18px;right:18px}.header-left,.header-actions{min-width:0}.logo{gap:.7rem;min-height:44px}.logo-icon{border-radius:12px;width:40px;height:40px}.logo-text{letter-spacing:0;max-width:min(18vw,220px);font-size:clamp(1rem,1.6vw,1.22rem)}.header-actions{gap:.5rem}.search-icon,.notification-icon,.user-profile,.theme-switch{flex:none}.search-icon,.notification-icon{background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px;min-width:42px;min-height:42px;padding:0 .78rem}.search-icon:hover,.search-icon.active{color:var(--crimson-bright);background:#e639461f;border-color:#e639463d}.notification-icon:hover{color:var(--gold);background:#d4a8531f;border-color:#d4a85338}.theme-switch{width:46px;height:28px}.user-profile{background:#ffffff0e;border-color:#ffffff1a;border-radius:999px;max-width:min(22vw,230px);min-height:44px;padding:.28rem .78rem .28rem .28rem}#header-username{letter-spacing:0}.search-container{opacity:1;visibility:visible;pointer-events:auto;justify-self:stretch;width:100%;min-width:0;max-width:none;position:relative;overflow:visible;transform:none}.search-container:not(.is-open){opacity:0;visibility:hidden;pointer-events:none}.search-container.is-open,.header.search-active .search-container{transform:none}.search-bar{background:#ffffff12;border-color:#ffffff1a;border-radius:999px;min-height:46px;box-shadow:0 12px 28px #00000029}.search-bar:focus-within{border-color:#2a7fc185;box-shadow:0 0 0 3px #2a7fc129,0 18px 36px #00000038}.search-input{min-height:46px;padding:0 .95rem 0 1.05rem;font-size:.94rem}.search-button{letter-spacing:0;background:linear-gradient(135deg, var(--crimson), #b93144 52%, #8e2d3a);min-width:128px;min-height:46px;padding:0 1rem}.close-search{border-radius:999px;width:42px;height:42px}.navbar{top:calc(var(--shell-header-h) + 1.15rem);z-index:1000;width:min(920px, calc(100% - (var(--shell-x) * 2)));min-height:var(--shell-nav-h);-webkit-backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(135deg,#ffffff13,#ffffff06),#0c0f18c7;border:1px solid #ffffff1a;border-radius:999px;margin:.65rem auto 0;padding:.28rem;position:sticky;box-shadow:0 18px 48px #0000002e}.nav-tabs{border:0;gap:.22rem;max-width:none;min-height:48px;margin:0;padding:0}.nav-tabs li{flex:1 1 0;min-width:0}.nav-tab{min-height:48px;color:var(--text-3);transition:color var(--t-quick), background var(--t-quick), box-shadow var(--t-quick), transform var(--t-quick);border-radius:999px;flex-direction:row;justify-content:center;gap:.45rem;padding:0 .75rem}.nav-tab:after{display:none}.nav-tab:hover{color:var(--text-1);background:#ffffff12}.nav-tab.active{color:#fff;background:linear-gradient(135deg,#e63946f2,#2a7fc1c7);box-shadow:0 10px 24px #2a7fc12e,0 8px 22px #e6394629}.nav-icon,.nav-icon .ui-icon{width:20px;height:20px}.nav-tab:hover .nav-icon,.nav-tab.active .nav-icon{transform:none}.nav-label{letter-spacing:0;text-transform:none;width:auto;min-width:0;font-size:.75rem}[data-theme=light] .header,[data-theme=light] .navbar{background:linear-gradient(135deg,#ffffffdb,#f5f7fcb8),#f5f7fcd1;border-color:#2d37481f;box-shadow:0 20px 48px #141c2d1f,inset 0 1px #fffc}[data-theme=light] .search-bar,[data-theme=light] .search-icon,[data-theme=light] .notification-icon,[data-theme=light] .user-profile{background:#ffffffb8;border-color:#2d37481f}@media (width<=1179px){.header{grid-template-columns:minmax(0,1fr) max-content}.search-container{width:auto;position:absolute;inset:50% clamp(.65rem,2vw,1rem) auto;transform:translateY(-50%)}.search-container.is-open,.header.search-active .search-container{transform:translateY(-50%)}.header.search-active .header-left,.header.search-active .header-actions{opacity:0;visibility:hidden;pointer-events:none}}@media (width<=767px){:root{--shell-header-h:62px;--shell-nav-h:68px}.header{top:max(.45rem, env(safe-area-inset-top));width:auto;min-height:var(--shell-header-h);border-radius:16px;grid-template-columns:max-content minmax(0,1fr) max-content;gap:.45rem;margin:0;padding:.48rem .58rem;left:.6rem;right:.6rem;position:fixed!important}.logo-icon{width:38px;height:38px}.logo-text,.search-icon span,.notification-icon span,#header-username{display:none}.header-actions{gap:.32rem}.search-icon,.notification-icon,.user-profile{justify-content:center;min-width:38px;min-height:38px;padding:0}.theme-switch{width:38px;height:24px}.slider:before{width:16px;height:16px}input:checked+.slider:before{transform:translate(14px)}.user-profile .avatar,.avatar{width:32px;height:32px}.header.search-active{grid-template-columns:minmax(0,1fr);padding:.5rem}.header.search-active .header-left,.header.search-active .header-actions{display:none}.search-container,.search-container.is-open,.header.search-active .search-container{gap:.45rem;width:100%;max-width:none;position:static;inset:auto;transform:none}.search-container:not(.is-open){display:none}.search-bar{min-height:44px}.search-input{min-height:44px;padding:0 .75rem 0 .9rem;font-size:.92rem}.search-input::placeholder{color:#0000}.search-button{min-width:44px;min-height:44px;padding:0 .72rem}.search-button span{display:none}.close-search{width:42px;height:42px}.navbar{top:auto;left:.6rem;right:.6rem;bottom:max(.55rem, env(safe-area-inset-bottom));min-height:var(--shell-nav-h);z-index:1050;border-radius:22px;margin:0;padding:.35rem;width:auto!important;position:fixed!important}.nav-tabs{gap:.12rem;min-height:56px}.nav-tab{flex-direction:column;gap:.22rem;min-height:56px;padding:.32rem .2rem}.nav-label{width:100%;font-size:clamp(.58rem,2.5vw,.68rem);line-height:1}.nav-icon,.nav-icon .ui-icon{width:19px;height:19px}.main-content{padding-top:calc(var(--shell-header-h) + 1.35rem + env(safe-area-inset-top))!important;padding-bottom:calc(var(--shell-nav-h) + 2.25rem + env(safe-area-inset-bottom))!important}.profile-page{padding-top:0!important}.publish-button{bottom:calc(var(--shell-nav-h) + 1.35rem + env(safe-area-inset-bottom))!important}}@media (width<=380px){.header{gap:.28rem;left:.45rem;right:.45rem}.header-actions{gap:.22rem}.search-icon,.notification-icon,.user-profile{min-width:36px;min-height:36px}.theme-switch{width:34px}.navbar{left:.45rem;right:.45rem}.nav-label{font-size:.55rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}