@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=DM+Serif+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Nunito:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=DM+Sans:ital,wght@0,400;0,500;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Clash+Display:wght@400;500;600;700&family=Satoshi:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=DM+Sans:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap);body{font-family:Arial,sans-serif;margin:0;padding:0}.requests-page{background-color:#e8ecf0;color:#333;font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;font-size:12px;min-height:100vh;padding:24px 0;position:relative}.requests-container{background:#fff;border:1px solid #bdc3c7;border-radius:4px;box-shadow:0 2px 8px #00000014;margin:0 auto;max-width:780px}.requests-header{background:linear-gradient(135deg,#2d5695,#2d5fa8 55%,#4a7fc4);border-bottom:1px solid #1e4570;border-radius:4px 4px 0 0;color:#fff;padding:12px 16px}.requests-header h1{font-size:16px;font-weight:700;letter-spacing:.3px;margin:0}.requests-tabs{background:#f5f6f8;border-bottom:1px solid #bdc3c7;display:flex;overflow-x:auto}.requests-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-family:inherit;font-size:12px;font-weight:400;padding:10px 18px;transition:background .15s,color .15s;white-space:nowrap}.requests-tab:hover{background:#e8eaed;color:#2e5a8f}.requests-tab.active{background:#fff;border-bottom-color:#2e5a8f;color:#2e5a8f;font-weight:700}.requests-tab:focus-visible{outline:2px solid #2e5a8f;outline-offset:-2px}.requests-content{padding:16px}.rp-section{margin-bottom:20px}.section-header{border-bottom:1px solid #dfe3e8;color:#2e5a8f;font-size:14px;font-weight:700;margin:0 0 14px;padding-bottom:8px}.request-card{background:#fafbfc;border:1px solid #d0d5db;border-radius:4px;gap:14px;margin-bottom:10px;padding:14px;transition:background .15s,border-color .15s,box-shadow .15s}.request-card:hover{background:#f5f6f8;border-color:#b8bfc7;box-shadow:0 1px 4px #00000014}.request-avatar{align-items:center;background:linear-gradient(180deg,#69c,#47a);border:2px solid #e8ecf0;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#fff;contain:layout style;display:flex;flex-shrink:0;font-size:22px;font-weight:700;height:56px;justify-content:center;overflow:hidden;width:56px}.request-avatar[role=button]{cursor:pointer}.request-avatar[role=button]:focus-visible{outline:2px solid #2e5a8f;outline-offset:2px}.request-avatar.event-avatar{background:linear-gradient(180deg,#e74c3c,#c0392b)}.request-avatar.group-avatar{background:linear-gradient(180deg,#69c,#47a)}.request-content{flex:1 1;min-width:0}.request-name{margin-bottom:5px}.request-link{background:none;border:none;color:#2867b5;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:0;text-decoration:none;transition:color .15s}.request-link:hover{color:#142b43;text-decoration:underline}.request-link:focus-visible{border-radius:2px;outline:2px solid #2e5a8f;outline-offset:2px}.request-description{color:#555;font-size:12px;line-height:1.4;margin-bottom:5px}.request-meta{color:#7f8c8d;font-size:11px;margin-bottom:10px}.request-actions{flex-wrap:wrap}.btn-primary,.btn-secondary{border-radius:3px;font-family:inherit;font-size:12px;font-weight:700;min-width:64px;padding:5px 12px;transition:background .15s,transform .1s,box-shadow .15s}.btn-primary{border:1px solid #1e4570}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#58b,#369);box-shadow:0 2px 4px #2e5a8f4d}.btn-primary:disabled{background:#95a5a6;border-color:#7f8c8d}.btn-primary:focus-visible{outline:2px solid #1e4570}.btn-secondary{border:1px solid #bdc3c7;color:#2e5a8f}.btn-secondary:hover:not(:disabled){background:#f5f6f8;border-color:#95a5a6}.btn-secondary:disabled{color:#95a5a6;opacity:.6}.btn-secondary:focus-visible{outline:2px solid #2e5a8f}.empty-state{color:#7f8c8d;padding:50px 20px}.empty-icon-r{font-size:56px;margin-bottom:12px}.empty-title{color:#2c3e50;font-size:14px;font-weight:700;margin-bottom:8px}.empty-description{font-size:12px}.filtered-empty{color:#7f8c8d;font-size:12px;padding:24px 20px;text-align:center}.requests-footer{background:#fafbfc;border-radius:0 0 4px 4px;border-top:1px solid #dfe3e8;color:#7f8c8d;font-size:12px;padding:12px 16px}.footer-title{color:#2c3e50;font-weight:700;margin-bottom:8px}.footer-list{padding-left:12px}.footer-list-item{margin-bottom:4px}.footer-list-item:last-child{margin-bottom:0}.footer-italic{font-style:italic}.rp-loading{align-items:center;color:#47a;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:14px;justify-content:center;min-height:300px}.rp-spinner{animation:rp-spin .75s linear infinite;border:3px solid #c8ddf0;border-radius:50%;border-top-color:#47a;height:38px;width:38px}@keyframes rp-spin{to{transform:rotate(1turn)}}.rp-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.rp-toast{animation:rp-toast-in .25s ease,rp-toast-out .3s ease 3.2s forwards;border-radius:5px;box-shadow:0 4px 12px #0000002e;color:#fff;font-size:13px;font-weight:600;padding:11px 16px}.rp-toast--success{background:#1e6b36}.rp-toast--error{background:#a52020}.rp-toast--info{background:#1a3f70}@keyframes rp-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes rp-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}@media (max-width:768px){.requests-page{padding:12px 0}.requests-container{margin:0 10px}.requests-content{padding:12px}.request-card{flex-direction:column;padding:12px}.request-avatar{font-size:20px;height:48px;width:48px}.request-actions{width:100%}.btn-primary,.btn-secondary{flex:1 1;text-align:center}.rp-toast-stack{left:8px;max-width:100%;right:8px;top:10px}}@media (max-width:480px){.requests-header h1{font-size:14px}.requests-tab{font-size:10px;padding:7px 12px}.section-header{font-size:13px}.request-link{font-size:12px}.request-description{font-size:11px}.request-avatar{font-size:18px;height:44px;width:44px}.btn-primary,.btn-secondary{font-size:11px;padding:4px 10px}}@media print{.requests-page{background:#fff}.request-actions,.requests-footer,.requests-tabs{display:none}.request-card{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}}.tab-badge{align-items:center;background:#2e5a8f;border-radius:9px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;margin-left:6px;min-width:18px;padding:0 5px;vertical-align:middle}.requests-tab.active .tab-badge{background:#1e4570}.avatar-img{border-radius:inherit;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.register-wrapper{background:linear-gradient(180deg,#e8eef5 0,#f0f2f5);box-sizing:border-box;display:flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.register-wrapper *,.register-wrapper :after,.register-wrapper :before{box-sizing:inherit}.register-wrapper .welcome-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 80px 60px 120px}.register-wrapper .welcome-header h1{color:#1c1e21;font-size:32px;font-weight:600;letter-spacing:-.5px;line-height:1.3;margin:0 0 25px}.register-wrapper .welcome-description{margin-bottom:35px}.register-wrapper .welcome-description p{color:#606770;font-size:15px;line-height:1.6;margin:0}.register-wrapper .features-list{margin-top:10px}.register-wrapper .features-list h3{color:#1c1e21;font-size:17px;font-weight:600;margin:0 0 15px}.register-wrapper .features-list ul{list-style:none;margin:0;padding:0}.register-wrapper .features-list li{color:#4b4f56;font-size:14px;line-height:1.5;padding:6px 0}.register-wrapper .register-box{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-width:450px;padding:60px 80px 60px 40px;width:450px}.register-wrapper .register-box-inner{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a;max-width:380px;padding:28px;width:100%}.register-wrapper .register-box h2{color:#1c1e21;font-size:28px;font-weight:700;margin:0 0 6px}.register-wrapper .register-subtext{color:#606770;font-size:14px;margin:0 0 18px}.register-wrapper .otp-form,.register-wrapper .register-form{display:flex;flex-direction:column;gap:12px}.register-wrapper .reg-field{display:flex;flex-direction:column;gap:0}.register-wrapper .reg-label{color:#606770;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.register-wrapper .reg-input-wrap{align-items:center;display:flex;position:relative}.register-wrapper .reg-input-wrap .reg-input{flex:1 1;padding-right:42px}.register-wrapper .reg-pw-toggle{background:none;border:none;border-radius:3px;color:#606770;cursor:pointer;font-size:16px;line-height:1;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .15s}.register-wrapper .reg-pw-toggle:hover{color:#1c1e21}.register-wrapper .reg-pw-toggle:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.register-wrapper .reg-input{background:#f5f6f7;border:1px solid #dddfe2;border-radius:6px;color:#1c1e21;font-family:inherit;font-size:15px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.register-wrapper .reg-input:focus{background:#fff;border-color:#3b5998;box-shadow:0 0 0 3px #3b59981f;outline:none}.register-wrapper .reg-input:disabled{cursor:not-allowed;opacity:.65}.register-wrapper .reg-input::placeholder{color:#90949c}.register-wrapper .reg-input--error{background:#fff8f8!important;border-color:#d9534f!important;box-shadow:0 0 0 2px #d9534f26!important}.register-wrapper .reg-input--success{background:#f8fff9!important;border-color:#28a745!important;box-shadow:0 0 0 2px #28a74526!important}.register-wrapper .reg-status{font-size:11px;font-weight:600;margin:4px 0 0;padding:0 2px}.register-wrapper .reg-status--checking{color:#e67e22}.register-wrapper .reg-status--ok{color:#28a745}.register-wrapper .reg-status--err{color:#d9534f}.register-wrapper .reg-inline-error{color:#d9534f;font-size:11px;font-weight:600;margin:4px 0 0;padding:0 2px}.register-wrapper .reg-inline-success{background:#f0fff4;border:1px solid #c3e6cb;border-radius:4px;color:#28a745;font-size:12px;font-weight:600;margin:0 0 8px;padding:8px 10px}.register-wrapper .reg-form-error{background:#fdecea;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;font-size:13px;font-weight:600;line-height:1.4;margin:0;padding:10px 12px}.register-wrapper .reg-college-verified{background:#f0fff4;border:1px solid #c3e6cb;border-radius:4px;margin-top:6px;padding:8px 10px}.register-wrapper .reg-college-name{color:#155724;font-size:12px;font-weight:600;margin:0}.register-wrapper .reg-college-location{color:#606770;font-size:11px;margin:2px 0 0}.register-wrapper .reg-college-otp-label{color:#606770;font-size:13px;font-weight:500;margin-bottom:12px}.register-wrapper .reg-hint{color:#3b5998;display:block;font-size:11px;margin-top:4px}.register-wrapper .reg-form-group{display:flex;flex-direction:column;gap:6px}.register-wrapper .reg-form-group label{color:#606770;font-size:12px;font-weight:600}.register-wrapper .reg-form-group input[type=date],.register-wrapper .reg-form-group select{background:#f5f6f7;border:1px solid #dddfe2;border-radius:6px;color:#1c1e21;font-family:inherit;font-size:14px;padding:9px 12px;transition:border-color .2s,background .2s;width:100%}.register-wrapper .reg-form-group input[type=date]:focus,.register-wrapper .reg-form-group select:focus{background:#fff;border-color:#3b5998;box-shadow:0 0 0 3px #3b59981f;outline:none}.register-wrapper .reg-form-group input[type=date]:disabled,.register-wrapper .reg-form-group select:disabled{cursor:not-allowed;opacity:.65}.register-wrapper .btn-submit{background:linear-gradient(180deg,#69c,#47a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;font-weight:700;margin-top:6px;padding:12px 16px;transition:background .2s,transform .15s,box-shadow .15s;width:100%}.register-wrapper .btn-submit:hover:not(:disabled){background:linear-gradient(180deg,#58b,#369);box-shadow:0 4px 12px #4477aa4d;transform:translateY(-1px)}.register-wrapper .btn-submit:active:not(:disabled){box-shadow:none;transform:translateY(0)}.register-wrapper .btn-submit:disabled{background:#e4e6eb;color:#bcc0c4;cursor:not-allowed;transform:none}.register-wrapper .btn-resend{background:#e7f3ff;border:1px solid #4267b2;border-radius:6px;color:#3b5998;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:11px;transition:background .2s;width:100%}.register-wrapper .btn-resend:hover:not(:disabled){background:#d8ebff}.register-wrapper .btn-resend:disabled{cursor:not-allowed;opacity:.6}.register-wrapper .btn-back{background:#0000;border:none;color:#3b5998;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:11px;transition:color .2s;width:100%}.register-wrapper .btn-back:hover:not(:disabled){color:#2d4373;text-decoration:underline}.register-wrapper .btn-back:disabled{cursor:not-allowed;opacity:.6}.register-wrapper .login-prompt{border-top:1px solid #dadde1;color:#1c1e21;font-size:14px;margin-top:18px;padding-top:18px;text-align:center}.register-wrapper .login-prompt a{color:#3b5998;font-weight:600;text-decoration:none}.register-wrapper .login-prompt a:hover{text-decoration:underline}.register-wrapper .otp-input{background:#f5f6f7;border:1px solid #dddfe2;border-radius:6px;color:#1c1e21;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:6px;padding:14px;text-align:center;transition:border-color .2s,background .2s;width:100%}.register-wrapper .otp-input:focus{background:#fff;border-color:#3b5998;box-shadow:0 0 0 3px #3b59981f;outline:none}.register-wrapper .otp-input:disabled{cursor:not-allowed;opacity:.65}.register-wrapper a:focus-visible,.register-wrapper button:focus-visible,.register-wrapper input:focus-visible,.register-wrapper select:focus-visible{border-radius:3px;outline:2px solid #3b5998;outline-offset:2px}@media (prefers-reduced-motion:reduce){.register-wrapper *,.register-wrapper :after,.register-wrapper :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.register-wrapper{background:#fff;display:block}.register-wrapper .welcome-content{display:none}.register-wrapper .register-box{padding:20px;width:100%}.register-wrapper .btn-back,.register-wrapper .btn-resend,.register-wrapper .btn-submit{display:none}}@media (max-width:1200px){.register-wrapper .welcome-content{padding:50px 60px 50px 80px}.register-wrapper .welcome-header h1{font-size:28px}}@media (max-width:1024px){.register-wrapper .welcome-content{padding:40px 50px 40px 60px}.register-wrapper .welcome-header h1{font-size:26px}.register-wrapper .register-box{min-width:400px;padding:50px 60px 50px 30px;width:400px}}@media (max-width:900px){.register-wrapper{flex-direction:column;overflow-y:auto}.register-wrapper .register-box{align-items:center;min-width:100%;padding:40px 20px;width:100%}.register-wrapper .welcome-content{order:2;padding:40px 30px}.register-wrapper .welcome-header h1{font-size:24px}}@media (max-width:480px){.register-wrapper .register-box{padding:30px 15px}.register-wrapper .register-box-inner{padding:24px 20px}.register-wrapper .register-box h2{font-size:24px}.register-wrapper .reg-input{font-size:14px;padding:11px 12px}.register-wrapper .welcome-content{padding:30px 20px}.register-wrapper .welcome-header h1{font-size:22px}.register-wrapper .otp-input{font-size:20px;letter-spacing:4px}}*{margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.login-wrapper{background:#fff;display:flex;height:100vh;overflow:hidden}.login-box{background:#f7f7f7;border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;justify-content:center;min-width:400px;overflow-y:auto;padding:40px 30px;width:400px}.login-brand{color:#344e88;font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:6px;text-align:center}.login-subtext{color:#606770;font-size:13px;margin-bottom:25px;text-align:center}.login-form{display:flex;flex-direction:column;gap:10px}.login-form label{color:#1c1e21;font-size:12px;font-weight:600;margin-bottom:-5px}.login-form input{background:#fff;border:1px solid #ccd0d5;border-radius:5px;font-family:inherit;font-size:14px;padding:11px 12px;transition:border-color .2s;width:100%}.login-form input:focus{border-color:#3b5998;box-shadow:0 0 0 3px #3b59981a;outline:none}.login-form input:disabled{background:#f0f0f0;cursor:not-allowed;opacity:.7}.login-field{display:flex;flex-direction:column;gap:5px}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap input{flex:1 1;padding-right:40px}.login-pw-toggle{background:none;border:none;border-radius:3px;color:#606770;cursor:pointer;font-size:15px;line-height:1;padding:4px;position:absolute;right:9px;top:50%;transform:translateY(-50%);transition:color .15s}.login-pw-toggle:hover{color:#1c1e21}.login-pw-toggle:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.login-error{background:#fdecea;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;font-size:13px;font-weight:600;line-height:1.4;padding:10px 12px}.captcha-container{align-items:center;display:flex;gap:8px}.captcha-box{align-items:center;background:#fff;background-image:repeating-linear-gradient(45deg,#0000,#0000 3px,rgba(0,0,0,.018) 0,rgba(0,0,0,.018) 6px);border:1px solid #ccd0d5;border-radius:5px;display:flex;flex:1 1;gap:5px;justify-content:center;min-height:44px;padding:9px 12px;position:relative;-webkit-user-select:none;user-select:none}.captcha-box:after{background:#344e8833;content:"";height:1px;left:10px;pointer-events:none;position:absolute;right:10px;top:50%}.captcha-char{display:inline-block;font-family:Courier New,monospace;font-size:20px;font-weight:800}.captcha-char:nth-child(odd){color:#344e88;transform:rotate(-5deg)}.captcha-char:nth-child(2n){color:#2e416b;transform:rotate(4deg)}.captcha-refresh{background:#eef2f8;border:1px solid #ccd0d5;border-radius:5px;color:#344e88;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:9px 13px;transition:background .2s,transform .3s}.captcha-refresh:hover:not(:disabled){background:#dce4f0;transform:rotate(180deg)}.captcha-refresh:disabled{cursor:not-allowed;opacity:.55;transform:none}.captcha-refresh:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.captcha-input{font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:5px;text-align:center}.btn-login-submit{background:linear-gradient(180deg,#69c,#47a);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;margin-top:8px;padding:12px;transition:background .2s,transform .15s,box-shadow .15s;width:100%}.btn-login-submit:hover:not(:disabled){background:linear-gradient(180deg,#58b,#369);box-shadow:0 4px 10px #4477aa40;transform:translateY(-1px)}.btn-login-submit:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-login-submit:disabled{background:#e4e6eb;color:#bcc0c4;cursor:not-allowed;transform:none}.btn-login-submit:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.forgot-password{font-size:12px;margin-top:15px;text-align:center}.forgot-password a{color:#2e416b;font-weight:500;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.signup-prompt{border-top:1px solid #dadde1;color:#606770;font-size:13px;margin-top:20px;padding-top:20px;text-align:center}.signup-prompt a{color:#344e88;font-weight:600;text-decoration:none}.signup-prompt a:hover{text-decoration:underline}.tour-prompt{margin-top:14px;text-align:center}.btn-take-tour{background:#0000;border:1.5px dashed #69c;border-radius:5px;color:#344e88;display:inline-block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:600;padding:10px 16px;text-align:center;text-decoration:none;transition:all .2s;width:100%}.btn-take-tour:hover{background:#eef2fb;border-color:#344e88;border-style:solid;color:#2e416b}.welcome-content{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:60px 100px}.welcome-header{margin-bottom:30px}.welcome-header h2{color:#1c1e21;font-size:32px;font-weight:600;line-height:1.3}.welcome-description{margin-bottom:35px}.welcome-description p{color:#606770;font-size:15px;line-height:1.6}.features-list{margin-bottom:30px}.features-list h3{color:#1c1e21;font-size:18px;font-weight:600;margin-bottom:18px}.features-list ul{list-style:none;padding:0}.features-list li{color:#606770;font-size:14px;line-height:1.5;padding:8px 0}a:focus-visible,button:focus-visible,input:focus-visible{border-radius:3px;outline:2px solid #3b5998;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.captcha-refresh:hover:not(:disabled){transform:none}}@media print{.login-wrapper{background:#fff;display:block;height:auto}.welcome-content{display:none}.login-box{border:none;box-shadow:none;width:100%}.btn-login-submit,.captcha-refresh{display:none}}@media (max-width:1024px){.welcome-content{padding:50px 60px}.welcome-header h2{font-size:28px}}@media (max-width:768px){.login-wrapper{flex-direction:column;height:auto;min-height:100vh;overflow:auto}.login-box{border-bottom:1px solid #e0e0e0;border-right:none;min-width:100%;width:100%}.welcome-content{padding:40px 30px}.welcome-header h2{font-size:24px}}@media (max-width:480px){.login-box{padding:30px 20px}.login-brand{font-size:22px}.login-form input{font-size:13px;padding:10px 11px}.welcome-content{padding:30px 20px}.welcome-header h2{font-size:20px}.captcha-char{font-size:18px}.captcha-input{font-size:14px;letter-spacing:4px}}.iupm-overlay{align-items:center;animation:iupm-overlay-in .18s ease;background:#000000b8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}@keyframes iupm-overlay-in{0%{opacity:0}to{opacity:1}}.iupm-modal{animation:iupm-modal-in .22s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 24px 60px #00000052;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-height:92vh;max-width:680px;overflow:hidden;width:100%}@keyframes iupm-modal-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.iupm-header{align-items:center;background:#fff;border-bottom:1px solid #e8ecf4;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 22px}.iupm-header h3{color:#1a1d23;font-size:18px;font-weight:700;letter-spacing:-.2px;margin:0}.iupm-close-btn{align-items:center;background:#f4f6fc;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .18s;width:34px}.iupm-close-btn:hover{background:#e8ecf4;color:#1a1d23}.iupm-close-btn:focus-visible{outline:2px solid #47a;outline-offset:2px}.iupm-body{flex:1 1;overflow-y:auto;padding:20px 22px}.iupm-error{background:#fff0f2;border:1px solid #fecdd3;border-radius:10px;color:#c0392b;font-size:13px;font-weight:600;gap:8px;margin-bottom:16px;padding:10px 14px}.iupm-error,.iupm-upload-area{align-items:center;display:flex}.iupm-upload-area{background:#f8f9fe;border:2px dashed #d1d9f0;border-radius:14px;cursor:pointer;justify-content:center;min-height:280px;transition:border-color .2s,background .2s}.iupm-upload-area:hover{background:#f0f5ff;border-color:#69c}.iupm-file-input{display:none}.iupm-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:10px;padding:36px 24px;text-align:center}.iupm-upload-icon-wrap{align-items:center;background:linear-gradient(135deg,#eef3ff,#dce8ff);border:2px solid #c4d8f5;border-radius:50%;color:#47a;display:flex;height:72px;justify-content:center;margin-bottom:4px;width:72px}.iupm-upload-placeholder h4{color:#1a1d23;font-size:17px;font-weight:700;margin:0}.iupm-upload-placeholder p{color:#8892a4;font-size:13px;margin:0}.iupm-select-btn{background:linear-gradient(135deg,#58c,#36a);border:none;border-radius:10px;box-shadow:0 3px 10px #4477aa47;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;margin-top:4px;padding:10px 28px;transition:all .18s}.iupm-select-btn:hover{box-shadow:0 5px 14px #4477aa5c;transform:translateY(-1px)}.iupm-select-btn:focus-visible{outline:2px solid #47a;outline-offset:2px}.iupm-spinner{animation:iupm-spin .75s linear infinite;border:4px solid #e4e6eb;border-radius:50%;border-top-color:#47a;height:44px;margin:0 auto;width:44px}@keyframes iupm-spin{to{transform:rotate(1turn)}}.iupm-preview-container{background:#0a0a14;border-radius:12px;margin-bottom:20px;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.iupm-preview--cover{aspect-ratio:820/360;max-height:300px}.iupm-preview--profile{aspect-ratio:1/1;max-height:380px}.iupm-preview-container img{-webkit-user-drag:none;display:block;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.iupm-crop-overlay{inset:0;pointer-events:none;position:absolute}.iupm-crop-frame{border:2.5px solid #ffffffbf;box-shadow:0 0 0 9999px #00000073;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.iupm-crop-frame--circle{border-radius:50%;height:min(100%,100cqh);width:min(100%,100cqh)}.iupm-drag-hint{background:#00000073;border-radius:100px;bottom:10px;color:#ffffffbf;font-size:11px;font-weight:600;left:50%;letter-spacing:.2px;padding:3px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.iupm-controls{display:flex;flex-direction:column;gap:14px}.iupm-control-group{display:flex;flex-direction:column;gap:8px}.iupm-control-group label{align-items:center;color:#1a1d23;display:flex;font-size:13px;font-weight:700;gap:6px}.iupm-control-value{background:#eef3ff;border-radius:6px;color:#47a;font-size:12px;font-weight:500;padding:1px 7px}.iupm-control-row{align-items:center;display:flex;gap:10px}.iupm-control-row button{align-items:center;background:#f4f6fc;border:1.5px solid #e8ecf4;border-radius:8px;color:#47a;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:36px;justify-content:center;transition:all .18s;width:36px}.iupm-control-row button:hover{background:#eef3ff;border-color:#69c}.iupm-control-row button:focus-visible{outline:2px solid #47a;outline-offset:2px}.iupm-control-row input[type=range]{accent-color:#47a;-webkit-appearance:none;appearance:none;background:#e4e6eb;border-radius:100px;cursor:pointer;flex:1 1;height:5px;outline:none}.iupm-control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#58c,#36a);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #4477aa59;cursor:pointer;height:18px;width:18px}.iupm-control-row input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#58c,#36a);border:2px solid #fff;border-radius:50%;cursor:pointer;height:18px;width:18px}.iupm-control-actions{display:flex;gap:10px;margin-top:4px}.iupm-reset-btn{background:#f4f6fc;border:1.5px solid #e8ecf4;border-radius:9px;color:#4b5068;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:9px 18px;transition:all .18s}.iupm-reset-btn:hover{background:#e8ecf4;color:#1a1d23}.iupm-reset-btn:focus-visible{outline:2px solid #47a;outline-offset:2px}.iupm-change-btn{background:#0000;border:1.5px solid #69c;border-radius:9px;color:#47a;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:9px 18px;transition:all .18s}.iupm-change-btn:hover{background:#eef3ff}.iupm-change-btn:focus-visible{outline:2px solid #47a;outline-offset:2px}.iupm-footer{align-items:center;background:#fafbfd;border-top:1px solid #e8ecf4;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 22px}.iupm-cancel-btn{background:#f4f6fc;border:1.5px solid #e8ecf4;border-radius:10px;color:#1a1d23;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:10px 22px;transition:all .18s}.iupm-cancel-btn:hover:not(:disabled){background:#e8ecf4}.iupm-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.iupm-cancel-btn:focus-visible{outline:2px solid #47a;outline-offset:2px}.iupm-upload-btn{align-items:center;background:linear-gradient(135deg,#58c,#36a);border:none;border-radius:10px;box-shadow:0 3px 10px #4477aa47;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;padding:10px 26px;transition:all .18s}.iupm-upload-btn:hover:not(:disabled){box-shadow:0 5px 14px #4477aa5c;transform:translateY(-1px)}.iupm-upload-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.iupm-upload-btn:focus-visible{outline:2px solid #47a;outline-offset:2px}.iupm-btn-spinner{animation:iupm-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@media (max-width:680px){.iupm-modal{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:100dvh;max-width:100%;position:fixed;right:0}.iupm-overlay{align-items:flex-end;padding:0}.iupm-preview--cover{max-height:200px}.iupm-preview--profile{max-height:260px}.iupm-body,.iupm-footer,.iupm-header{padding:14px 16px}.iupm-footer{flex-direction:column-reverse}.iupm-cancel-btn,.iupm-upload-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.iupm-modal,.iupm-overlay,.iupm-preview-container img{animation:none!important;transition:none!important}}:root{--pro-blue:#3a6fa8;--pro-blue-light:#5589c4;--pro-blue-dark:#2a5080;--pro-blue-grad:linear-gradient(180deg,#5589c4,#3a6fa8);--pro-bg:#d8d4d4;--pro-card:#fff;--pro-border:#c8cdd4;--pro-text:#1a1d24;--pro-text-mid:#3d4350;--pro-text-muted:#5e6370;--pro-shadow-sm:0 2px 6px #0000001a;--pro-shadow-md:0 4px 14px #00000021;--pro-radius:6px;--pro-font-ui:"Outfit","Lucida Grande",Tahoma,sans-serif;--pro-font-body:"Nunito","Lucida Grande",Tahoma,sans-serif}.profile-page-wrapper{background:#eef2f8;min-height:100vh;padding:20px 0}.profile-page{align-items:flex-start;color:#1a1d24;color:var(--pro-text);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;font-weight:700;gap:12px;margin:0 auto;max-width:1200px;padding:0 10px}.personal{color:#3a6fa8}.limited-profile-notice{background:#fff;background:var(--pro-card);border:2px solid #dde2ea;border-radius:12px;box-shadow:0 4px 14px #00000021;box-shadow:var(--pro-shadow-md);margin:20px auto;max-width:600px;padding:50px 40px;text-align:center}.privacy-icon{animation:pulse 2s ease-in-out infinite;font-size:72px;margin-bottom:20px}.limited-profile-notice h3{color:#1a1d24;color:var(--pro-text);font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:24px;font-weight:800;letter-spacing:-.3px;margin-bottom:12px}.limited-profile-notice p{color:#5e6370;color:var(--pro-text-muted);font-size:14px;line-height:1.6;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:450px}.accept-request-btn,.send-request-btn{background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);border:none;border-radius:5px;box-shadow:0 3px 10px #3a6fa859;color:#fff;cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:14px;font-weight:800;letter-spacing:.2px;padding:12px 32px;transition:all .25s}.accept-request-btn:hover,.send-request-btn:hover{background:linear-gradient(180deg,#4478b3,#2a5080);box-shadow:0 5px 14px #3a6fa86b;transform:translateY(-2px)}.accept-request-btn:active,.send-request-btn:active{transform:translateY(0)}.accept-request-btn{background:linear-gradient(180deg,#34b85a,#239645);box-shadow:0 3px 10px #2396454d}.accept-request-btn:hover{background:linear-gradient(180deg,#2aa34e,#1a7a36);box-shadow:0 5px 14px #23964566}.request-pending{background:#fff8e6;border:1px solid #ffd966;border-radius:5px;color:#b87000;display:inline-block;font-size:13px;font-weight:800;margin-top:15px;padding:10px 20px}.profile-sidebar{-ms-overflow-style:none;align-self:flex-start;flex-shrink:0;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:80px;width:205px}.profile-sidebar::-webkit-scrollbar{display:none}.profile-picture-container{background:#fff;background:var(--pro-card);border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:6px;border-radius:var(--pro-radius);box-shadow:0 2px 6px #0000001a;box-shadow:var(--pro-shadow-sm);margin-bottom:10px;padding:10px;position:relative}.profile-picture{align-items:center;background:linear-gradient(135deg,#c8d8ea,#a8bdd4);border:3px solid #3a6fa8;border:3px solid var(--pro-blue);border-radius:4px;box-shadow:0 2px 8px #3a6fa840;display:flex;height:180px;justify-content:center;min-height:180px;min-width:180px;overflow:hidden;position:relative;width:180px}.profile-picture-img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.profile-picture:hover .profile-picture-img{transform:scale(1.03)}.profile-picture-initial{color:#3a6fa8;color:var(--pro-blue);font-size:72px;font-weight:900;text-shadow:0 2px 6px #3a6fa833;-webkit-user-select:none;user-select:none}.edit-picture-btn{background:linear-gradient(180deg,#f6f7f9,#e6e9ef);border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:3px;color:#3d4350;color:var(--pro-text-mid);cursor:pointer;font-family:Outfit,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-ui);font-size:11px;font-weight:700;margin-top:10px;padding:6px 8px;transition:all .2s;width:100%}.edit-picture-btn:hover{background:linear-gradient(180deg,#e6e9ef,#d8dce4);border-color:#aeb4bd;color:#3a6fa8;color:var(--pro-blue)}.profile-actions{background:#fff;background:var(--pro-card);border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:6px;border-radius:var(--pro-radius);box-shadow:0 2px 6px #0000001a;box-shadow:var(--pro-shadow-sm);margin-bottom:10px;padding:10px}.action-link-pro{align-items:center;border-radius:3px;color:#2a5080;color:var(--pro-blue-dark);display:flex;font-size:11.5px;font-weight:700;gap:5px;letter-spacing:.1px;padding:6px 4px;text-decoration:none;transition:all .18s}.action-link-pro:hover{background:#3a6fa812;color:#3a6fa8;color:var(--pro-blue);padding-left:8px}.action-link-count{background:#3a6fa81a;border-radius:10px;color:#3a6fa8;color:var(--pro-blue);font-size:10px;font-weight:800;margin-left:auto;padding:1px 6px}.profile-info-section{background:#fff;background:var(--pro-card);border:3px solid #c8cdd4;border:3px solid var(--pro-border);border-radius:6px;border-radius:var(--pro-radius);box-shadow:0 2px 6px #0000001a;box-shadow:var(--pro-shadow-sm);margin-bottom:10px;overflow:hidden;padding:10}.profile-info-section>.section-header-friends>h3,.profile-info-section>h3{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);color:#fff;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11px;font-weight:800;letter-spacing:.6px;margin:0;padding:7px 10px;text-transform:uppercase}.see-frnds{color:#fff;text-decoration:underline}.profile-view-count{align-items:center;border-top:1px solid #c8cdd4;border-top:1px solid var(--pro-border);color:#2a5080;color:var(--pro-blue-dark);display:flex;font-size:11.5px;font-weight:700;gap:6px;margin-top:4px;padding:7px 4px}.profile-view-icon{font-size:13px}.profile-view-text{color:#3d4350;color:var(--pro-text-mid);font-size:11px;font-weight:600}.profile-info-section>.section-header-friends{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);display:flex;padding:7px 10px}.profile-info-section .info-item{line-height:1.5}.profile-info-section .bio-text,.profile-info-section .info-value{padding:0 10px}.profile-info-section>*+*{border-top:none}.info-item{border-bottom:1px solid #f0f2f5;line-height:1.5;padding:6px 10px}.info-item:last-child{border-bottom:none}.info-label{color:#5e6370;color:var(--pro-text-muted);display:block;font-size:10px;font-weight:800;letter-spacing:.4px;margin-bottom:2px;text-transform:uppercase}.info-value{color:#1a1d24;color:var(--pro-text);font-size:11.5px;font-weight:600}.section-header-friends{align-items:center;display:flex;justify-content:space-between}.friend-count{background:#ffffff2e;border-radius:10px;color:#ffffffe6;font-size:11px;font-weight:800;padding:1px 7px}.friends-preview{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:8px}.friend-preview-thumb{align-items:center;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s}.friend-preview-thumb:hover{transform:translateY(-3px)}.friend-thumb{align-items:center;background:linear-gradient(135deg,#3a6fa8,#2a5080);border:2px solid #3a6fa8;border:2px solid var(--pro-blue);border-radius:4px;box-shadow:0 2px 6px #0000001a;box-shadow:var(--pro-shadow-sm);display:flex;height:50px;justify-content:center;margin-bottom:3px;min-height:50px;min-width:50px;overflow:hidden;transition:box-shadow .2s,border-color .2s;width:50px}.friend-preview-thumb:hover .friend-thumb{border-color:#5589c4;border-color:var(--pro-blue-light);box-shadow:0 3px 8px #3a6fa859}.friend-thumb-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.friend-thumb-name{color:#2a5080;color:var(--pro-blue-dark);font-size:9px;font-weight:700;line-height:1.2;text-align:center;width:52px;word-break:break-word}.friend-thumb-name:hover{text-decoration:underline}.see-all{border-top:1px solid #eef0f4;color:#3a6fa8;color:var(--pro-blue);display:block;font-size:11px;font-weight:800;padding:6px;text-align:center;text-decoration:none}.see-all:hover{background:#f6f8fb;text-decoration:underline}.profile-main{flex:1 1;min-width:0}.profile-header{background:#fff;background:var(--pro-card);border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:6px;border-radius:var(--pro-radius);box-shadow:0 4px 14px #00000021;box-shadow:var(--pro-shadow-md);margin-bottom:10px}.profile-cover,.profile-header{overflow:hidden;position:relative}.profile-cover{background:linear-gradient(135deg,#3a6fa8,#1e3f6a 60%,#2d5a8e);height:200px}.profile-cover:after{background:repeating-linear-gradient(45deg,#ffffff08,#ffffff08 1px,#0000 0,#0000 20px);content:"";inset:0;pointer-events:none;position:absolute}.profile-cover-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.profile-cover-placeholder{background:linear-gradient(135deg,#3a6fa8,#1e3f6a 60%,#2d5a8e);height:100%;width:100%}.change-cover-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:1px solid #ffffff80;border-radius:4px;bottom:12px;box-shadow:0 2px 8px #0003;color:#2a5080;color:var(--pro-blue-dark);cursor:pointer;font-family:Outfit,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-ui);font-size:11px;font-weight:800;padding:6px 14px;position:absolute;right:12px;transition:all .2s}.change-cover-btn:hover{background:#fff;box-shadow:0 4px 12px #00000040;transform:translateY(-1px)}.profile-name-header{align-items:center;background:linear-gradient(180deg,#f0f4f9,#fff);border-top:3px solid #3a6fa8;border-top:3px solid var(--pro-blue);display:flex;justify-content:space-between;padding:16px 20px 14px}.profile-name-block{display:flex;flex-direction:column;gap:3px}.profile-name{color:#1a1d24;color:var(--pro-text);font-size:28px;letter-spacing:-.5px;line-height:1.1;margin:0;text-shadow:0 1px 2px #0000000f}.profile-name-sub{color:#3a6fa8;color:var(--pro-blue);font-family:Outfit,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-ui);font-size:12px;font-weight:700;letter-spacing:.1px;margin:0}.profile-header-actions{align-items:center;display:flex;gap:8px}.header-friend-status-btn{border:none;border-radius:4px;cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:12px;font-weight:800;letter-spacing:.2px;padding:8px 20px;transition:all .2s;white-space:nowrap}.header-friend-status-btn.is-friend{background:linear-gradient(180deg,#e8ecf2,#d8dde7);border:1px solid #bec4cf;color:#3d4350;color:var(--pro-text-mid);cursor:default}.header-friend-status-btn.add-friend{background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);box-shadow:0 2px 8px #3a6fa859;color:#fff}.header-friend-status-btn.add-friend:hover{background:linear-gradient(180deg,#4478b3,#2a5080);box-shadow:0 4px 12px #3a6fa86b;transform:translateY(-1px)}.header-friend-status-btn.accept-request{background:linear-gradient(180deg,#34b85a,#239645);box-shadow:0 2px 8px #2396454d;color:#fff}.header-friend-status-btn.accept-request:hover{box-shadow:0 4px 12px #23964561;transform:translateY(-1px)}.header-friend-status-btn.request-pending{background:linear-gradient(180deg,#fff3cd,#ffe69c);border:1px solid #ffd966;color:#8a6600;cursor:not-allowed;font-weight:800}.header-edit-pic-btn{background:linear-gradient(180deg,#f6f7f9,#e6e9ef);border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:4px;color:#3d4350;color:var(--pro-text-mid);cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11px;font-weight:800;padding:7px 16px;transition:all .2s}.header-edit-pic-btn:hover{background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);border-color:#3a6fa8;border-color:var(--pro-blue);color:#fff;transform:translateY(-1px)}.profile-tabs{align-items:center;background:linear-gradient(180deg,#eef2f7,#e2e8f0);border-bottom:2px solid #c8cdd4;border-bottom:2px solid var(--pro-border);border-top:none;display:flex;position:relative}.tab{background:#0000;border:none;border-right:1px solid #c8cdd4;border-right:1px solid var(--pro-border);color:#3d4350;color:var(--pro-text-mid);cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11.5px;font-weight:800;letter-spacing:.2px;padding:11px 18px;position:relative;transition:all .18s}.tab:hover{background:#fff9;color:#3a6fa8;color:var(--pro-blue)}.tab.active{background:#fff;color:#2a5080;color:var(--pro-blue-dark)}.tab.active:after{background:#3a6fa8;background:var(--pro-blue);border-radius:2px 2px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.tab-actions{margin-left:auto;padding-right:12px}.edit-profile-link{background:#ffffffb3;border:1px solid #3a6fa833;border-radius:3px;color:#3a6fa8;color:var(--pro-blue);font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11px;font-weight:800;padding:6px 14px;text-decoration:none;transition:all .2s}.edit-profile-link:hover{background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);border-color:#3a6fa8;border-color:var(--pro-blue);color:#fff}.profile-content{background:#c8c2c2;border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:6px;border-radius:var(--pro-radius);box-shadow:0 2px 6px #0000001a;box-shadow:var(--pro-shadow-sm);margin-top:10px;min-height:400px;padding:14px}.wall-layout{align-items:flex-start;display:flex;gap:12px}.wall-posts-column{flex:1 1;min-width:0}.wall-sidebar{-ms-overflow-style:none;align-self:flex-start;flex-shrink:0;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:80px;width:300px}.wall-sidebar::-webkit-scrollbar{display:none}.post-box{border-bottom:1px solid #d4cece;margin-bottom:20px}.posts-section{margin-top:0}.info-content{background:#fff;background:var(--pro-card);border-radius:6px;border-radius:var(--pro-radius);padding:20px}.info-section{border-bottom:2px solid #eef1f6;margin-bottom:22px;padding-bottom:18px}.info-section:last-child{border-bottom:none;margin-bottom:0}.info-section h3{border-bottom:2px solid #e2eaf4;color:#2a5080;color:var(--pro-blue-dark);font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:12px;font-weight:900;letter-spacing:.6px;margin:0 0 12px;padding-bottom:8px;position:relative;text-transform:uppercase}.info-section h3:after{background:#3a6fa8;background:var(--pro-blue);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40px}.info-table{font-size:11.5px;width:100%}.info-table tr{border-bottom:1px solid #f2f4f8}.info-table tr:last-child{border-bottom:none}.info-table td{line-height:1.5;vertical-align:top}.label-cell{color:#5e6370;color:var(--pro-text-muted);font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;width:180px}.bio-text{color:#1a1d24;color:var(--pro-text);font-size:12px;font-weight:600;line-height:1.6;margin:0}.info-table a{color:#3a6fa8;color:var(--pro-blue);font-weight:700;text-decoration:none;transition:color .18s}.info-table a:hover{color:#5589c4;color:var(--pro-blue-light);text-decoration:underline}.info-not-set{color:#aab0bb;font-size:11px;font-style:italic}.edit-info-link{background:linear-gradient(180deg,#f6f8fb,#e8edf5);border:1px solid #c4cedc;border-radius:3px;color:#3a6fa8;color:var(--pro-blue);display:inline-block;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11.5px;font-weight:800;padding:8px 18px;text-decoration:none;transition:all .2s}.edit-info-link:hover{background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);border-color:#3a6fa8;border-color:var(--pro-blue);color:#fff}.photos-content{background:var(--pro-card);border-radius:6px;border-radius:var(--pro-radius);padding:16px}.photos-header{align-items:center;border-bottom:2px solid #eef1f6;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding-bottom:12px}.photos-view-toggle{display:flex;flex-wrap:wrap;gap:6px}.photos-toggle-btn{background:linear-gradient(180deg,#f6f7f9,#e6e9ef);border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:3px;color:#3d4350;color:var(--pro-text-mid);cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11px;font-weight:800;letter-spacing:.2px;padding:6px 14px;transition:all .2s}.photos-toggle-btn.active,.photos-toggle-btn:hover{border-color:#3a6fa8;border-color:var(--pro-blue)}.add-photos-btn,.photos-toggle-btn.active,.photos-toggle-btn:hover{background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);color:#fff}.add-photos-btn{border:1px solid #2a5080;border:1px solid var(--pro-blue-dark);border-radius:3px;box-shadow:0 2px 6px #3a6fa840;cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11px;font-weight:800;letter-spacing:.2px;padding:6px 14px;transition:all .2s;white-space:nowrap}.add-photos-btn:hover{background:linear-gradient(180deg,#4478b3,#2a5080);box-shadow:0 4px 10px #3a6fa859;transform:translateY(-1px)}.albums-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.album-card{background:var(--pro-card);border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:5px;box-shadow:0 2px 6px #0000001a;box-shadow:var(--pro-shadow-sm);transition:box-shadow .2s,transform .2s}.album-card:hover{box-shadow:0 6px 18px #3a6fa833;transform:translateY(-3px)}.album-cover{aspect-ratio:1/1;background:linear-gradient(135deg,#c8d8ea,#a8c0d8);overflow:hidden}.album-cover-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.album-cover-placeholder{font-size:36px;opacity:.6}.album-info{padding:8px 10px}.album-name{color:#1a1d24;color:var(--pro-text);font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11.5px;font-weight:800;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-count{color:#5e6370;color:var(--pro-text-muted);font-size:10px;font-weight:700;margin:0}.photos-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:100%}.photo-card{background:#e2e8f0;border-radius:5px;box-shadow:0 2px 6px #0000001a;box-shadow:var(--pro-shadow-sm);overflow:hidden;position:relative}.photo-card-img-wrap{align-items:center;aspect-ratio:1/1;background:#1a1a2e;cursor:pointer;display:flex;justify-content:center;overflow:hidden;width:100%}.photo-card-img-wrap:hover{opacity:.9}.photo-card-img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .25s;width:100%}.photo-card-img-wrap:hover .photo-card-img{transform:scale(1.05)}.photo-card-placeholder{font-size:32px;opacity:.4}.photo-card-caption{background:#fff;border-top:1px solid #eef1f6;color:#5e6370;color:var(--pro-text-muted);font-size:10px;font-weight:600;margin:0;overflow:hidden;padding:5px 7px;text-overflow:ellipsis;white-space:nowrap}.photo-card-delete{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;height:24px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s,background .2s;width:24px;z-index:2}.photo-card:hover .photo-card-delete{opacity:1}.photo-card-delete:hover{background:#b40000d9}.album-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.album-breadcrumb-title{color:#1a1d24;color:var(--pro-text);font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:15px;font-weight:900;margin:0}.pagination-bar{align-items:center;border-top:2px solid #eef1f6;display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:12px}.pagination-btn{background:linear-gradient(180deg,#f6f7f9,#e6e9ef);border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:3px;color:#3d4350;color:var(--pro-text-mid);cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11px;font-weight:800;padding:6px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);border-color:#3a6fa8;border-color:var(--pro-blue);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-label{color:#5e6370;color:var(--pro-text-muted);font-size:11px;font-weight:700}.no-content{color:#9ea6b4;font-size:12px;font-style:italic;font-weight:600;grid-column:1/-1;padding:50px 20px;text-align:center}.profile-loading{align-items:center;background:#fff;background:var(--pro-card);border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:8px;box-shadow:0 2px 6px #0000001a;box-shadow:var(--pro-shadow-sm);color:#5e6370;color:var(--pro-text-muted);display:flex;flex-direction:column;font-family:Outfit,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-ui);font-weight:700;justify-content:center;margin:20px;min-height:400px}.spinner{animation:spin .9s linear infinite;border:4px solid #dde4ee;border-top-color:#3a6fa8;border-top:4px solid var(--pro-blue);height:42px;margin-bottom:14px;width:42px}.status-section{background:#fff;background:var(--pro-card);border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:6px;border-radius:var(--pro-radius);box-shadow:0 2px 6px #0000001a;box-shadow:var(--pro-shadow-sm);margin-bottom:10px;overflow:hidden;padding:0}.status-header-wrapper{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);border:3px solid #c8cdd4;border:3px solid var(--pro-border);cursor:pointer;padding:7px 10px;transition:background .18s;-webkit-user-select:none;user-select:none}.status-header-wrapper:hover{background:linear-gradient(180deg,#4478b3,#2a5080)}.status-header-wrapper h3{align-items:center;color:#fff;display:flex;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11px;font-weight:800;justify-content:space-between;letter-spacing:.6px;margin:0;text-transform:uppercase}.status-toggle-icon{display:inline-block;font-size:9px;margin-right:6px;width:12px}.status-edit-badge{background:#ffffff2e;border-radius:3px;color:#ffffffd9;font-size:9px;font-weight:700;padding:2px 6px;text-transform:lowercase}.status-content{padding:10px}.status-updates-summary{align-items:center;border-bottom:1px solid #eef1f6;color:#3d4350;color:var(--pro-text-mid);display:flex;font-size:11px;font-weight:700;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.status-see-all-link{background:none;border:none;color:#3a6fa8;color:var(--pro-blue);cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11px;font-weight:800;padding:0;transition:color .18s}.status-see-all-link:hover{color:#5589c4;color:var(--pro-blue-light);text-decoration:underline}.status-composer{border-bottom:1px solid #eef1f6;margin-bottom:12px;padding-bottom:10px}.status-input-field{border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:3px;box-sizing:border-box;color:#1a1d24;color:var(--pro-text);font-family:Outfit,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-ui);font-size:11px;font-weight:600;margin-bottom:6px;padding:7px 9px;resize:vertical;transition:border-color .2s;width:100%}.status-input-field:focus{border-color:#3a6fa8;border-color:var(--pro-blue);box-shadow:0 0 0 2px #3a6fa82e;outline:none}.status-input-field::placeholder{color:#aab0bb;font-style:italic;font-weight:400}.status-input-field:disabled{background:#f6f7f9;color:#aab0bb;cursor:not-allowed}.status-submit-btn{background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);border:1px solid #2a5080;border:1px solid var(--pro-blue-dark);border-radius:3px;color:#fff;cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11px;font-weight:800;padding:5px 14px;transition:all .2s}.status-submit-btn:hover:not(:disabled){background:linear-gradient(180deg,#4478b3,#2a5080)}.status-submit-btn:disabled{cursor:not-allowed;opacity:.55}.status-list{display:flex;flex-direction:column;gap:7px}.status-entry{align-items:flex-start;background:#f5f7fb;border-left:3px solid #3a6fa8;border-left:3px solid var(--pro-blue);border-radius:4px;display:flex;gap:7px;padding:7px 8px;position:relative;transition:background .18s}.status-entry:hover{background:#eaf0f8}.status-entry-icon{flex-shrink:0;font-size:14px;text-align:center;width:20px}.status-entry-body{flex:1 1;min-width:0}.status-entry-text{word-wrap:break-word;color:#1a1d24;color:var(--pro-text);font-size:11px;font-weight:600;line-height:1.4;margin-bottom:2px}.status-entry-timestamp{color:#5e6370;color:var(--pro-text-muted);font-size:10px;font-style:italic;font-weight:700}.status-entry-delete{align-items:center;background:none;border:none;border-radius:50%;color:#aab0bb;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:all .18s;width:20px}.status-entry:hover .status-entry-delete{opacity:1}.status-entry-delete:hover{background:#b4000014;color:#c00}.status-empty-state{color:#aab0bb;font-size:11px;font-style:italic;font-weight:600;padding:18px 10px;text-align:center}.status-empty-state p{margin:0 0 4px}.status-composer-footer{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.status-limit-warning{align-items:center;background:#fff8e6;border:1px solid #ffd966;border-radius:3px;color:#8a6600;display:flex;font-size:11px;font-weight:800;gap:6px;margin-bottom:8px;padding:7px 10px}.status-char-count{color:#aab0bb;font-size:10px;font-weight:700}.status-char-count.warning{color:#e08800}.status-char-count.limit{color:#c20}.status-hint{color:#aab0bb;font-size:10px;font-style:italic;font-weight:600;margin-top:4px}.profile-toast{animation:profileToastIn .25s ease,profileToastOut .3s ease 3.2s forwards;border-radius:5px;box-shadow:0 6px 20px #0003;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-weight:800;left:50%;letter-spacing:.1px;max-width:420px;min-width:220px;padding:11px 22px;pointer-events:none;text-align:center;top:70px;transform:translateX(-50%)}.profile-toast--info{background:#3a6fa8;background:var(--pro-blue);color:#fff}.profile-toast--success{background:#1e7e34;color:#fff}.profile-toast--error{background:#b91c1c;color:#fff}@keyframes profileToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes profileToastOut{0%{opacity:1}to{opacity:0}}.profile-error-card{align-items:center;background:#fff;background:var(--pro-card);border:2px solid #fca5a5;border-radius:12px;box-shadow:0 6px 24px #dc26261f;display:flex;flex-direction:column;gap:12px;margin:40px auto;max-width:400px;padding:40px 32px;text-align:center}.profile-error-icon{font-size:48px;line-height:1}.profile-error-card h3{color:#1a1d24;color:var(--pro-text);font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:18px;font-weight:900;margin:0}.profile-error-card p{color:#5e6370;color:var(--pro-text-muted);font-size:13.5px;font-weight:600;line-height:1.55;margin:0}.profile-error-link{background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);border-radius:5px;color:#fff;display:inline-block;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:13px;font-weight:800;margin-top:8px;padding:10px 22px;text-decoration:none;transition:all .2s}.profile-error-link:hover{background:linear-gradient(180deg,#4478b3,#2a5080);transform:translateY(-1px)}.profile-confirm-bar{align-items:center;animation:confirmSlideUp .25s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--pro-card);border:2px solid #fca5a5;border-radius:12px;bottom:24px;box-shadow:0 10px 36px #dc26262e;display:flex;flex-wrap:wrap;gap:12px;left:50%;max-width:calc(100vw - 32px);padding:14px 20px;position:fixed;transform:translateX(-50%);z-index:99999}@keyframes confirmSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.profile-confirm-bar__icon{flex-shrink:0;font-size:18px}.profile-confirm-bar__text{color:#1a1d24;color:var(--pro-text);flex:1 1;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:14px;font-weight:800;margin:0;min-width:140px}.profile-confirm-bar__actions{display:flex;flex-shrink:0;gap:8px}.profile-confirm-bar__btn{border:none;border-radius:6px;cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:13px;font-weight:800;padding:8px 18px;transition:all .18s}.profile-confirm-bar__btn--cancel{background:#eef2f7;color:#3d4350;color:var(--pro-text-mid)}.profile-confirm-bar__btn--cancel:hover:not(:disabled){background:#dde4ef}.profile-confirm-bar__btn--confirm{background:#dc2626;color:#fff}.profile-confirm-bar__btn--confirm:hover:not(:disabled){background:#b91c1c}.profile-confirm-bar__btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{background:#00000094}.modal-content{background:var(--pro-card);box-shadow:0 12px 40px #00000047;padding:0}.modal-header{background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);border-bottom:none}.modal-title{color:#fff;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:15px;font-weight:900;letter-spacing:.1px}.modal-close{background:#ffffff2e;color:#fff;font-size:16px;height:30px;transition:background .18s,transform .18s;width:30px}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-field{margin:16px 20px 0}.modal-field:last-of-type{margin-bottom:0}.modal-label{color:#3d4350;color:var(--pro-text-mid);display:block;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11.5px;font-weight:800;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.modal-file-input{font-size:11.5px;padding:4px;width:100%}.modal-file-count{color:#3a6fa8;color:var(--pro-blue);font-size:11px;font-weight:800;margin:4px 0 0}.modal-input,.modal-select{border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:4px;box-sizing:border-box;color:#1a1d24;color:var(--pro-text);font-family:Outfit,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-ui);font-size:12px;font-weight:600;padding:8px 10px;transition:border-color .18s;width:100%}.modal-input:focus,.modal-select:focus{border-color:#3a6fa8;border-color:var(--pro-blue);box-shadow:0 0 0 2px #3a6fa82e;outline:none}.modal-link-btn{background:none;border:none;color:#3a6fa8;color:var(--pro-blue);cursor:pointer;display:block;font-size:11px;font-weight:700;margin-top:6px;padding:4px 0;text-decoration:underline}.modal-link-btn,.modal-textarea{font-family:Outfit,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-ui)}.modal-textarea{border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:4px;box-sizing:border-box;color:#1a1d24;color:var(--pro-text);font-size:12px;font-weight:600;padding:8px 10px;resize:vertical;transition:border-color .18s;width:100%}.modal-textarea:focus{border-color:#3a6fa8;border-color:var(--pro-blue);box-shadow:0 0 0 2px #3a6fa82e;outline:none}.modal-footer{border-top:1px solid #eef1f6;margin:16px 20px 20px;padding-top:16px}.modal-btn{border-radius:4px;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:12.5px;font-weight:800;letter-spacing:.1px;padding:9px 22px;transition:all .2s}.modal-btn--cancel{background:#eef2f7;border:1px solid #c8cdd4;border:1px solid var(--pro-border);color:#3d4350;color:var(--pro-text-mid)}.modal-btn--cancel:hover:not(:disabled){background:#dde4ef}.modal-btn--submit{background:linear-gradient(180deg,#5589c4,#3a6fa8);background:var(--pro-blue-grad);box-shadow:0 2px 8px #3a6fa847;color:#fff}.modal-btn--submit:hover:not(:disabled){background:linear-gradient(180deg,#4478b3,#2a5080);transform:translateY(-1px)}.modal-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.section-loader{align-items:center;display:flex;justify-content:center;padding:30px}.spinner-sm{animation:spin .8s linear infinite;border:3px solid #dde4ee;border-radius:50%;border-top-color:#3a6fa8;border-top:3px solid var(--pro-blue);height:26px;width:26px}.section-error{color:#b91c1c;font-size:12px;font-weight:700;padding:20px;text-align:center}.section-error-retry{background:#f6f7f9;border:1px solid #c8cdd4;border:1px solid var(--pro-border);border-radius:3px;cursor:pointer;font-family:Nunito,Lucida Grande,Tahoma,sans-serif;font-family:var(--pro-font-body);font-size:11px;font-weight:800;margin-top:8px;padding:5px 14px}@media (max-width:1100px){.wall-sidebar{width:250px}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:900px){.profile-page{flex-direction:column}.profile-sidebar{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:none;overflow-y:visible;position:static;width:100%}.profile-picture{height:180px;margin:0 auto;min-height:180px;min-width:180px;width:180px}.wall-layout{flex-direction:column}.wall-sidebar{max-height:none;overflow-y:visible;position:static;width:100%}.limited-profile-notice{padding:40px 20px}.profile-name-header{align-items:flex-start;flex-direction:column;gap:12px}.profile-header-actions{width:100%}.header-edit-pic-btn,.header-friend-status-btn{justify-content:center;width:100%}.photos-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.albums-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:600px){.profile-tabs{overflow-x:auto;overflow-y:hidden}.tab{white-space:nowrap}.profile-name{font-size:22px}.profile-cover{height:130px}.friends-preview{grid-template-columns:repeat(3,1fr)}.label-cell{width:120px}.limited-profile-notice{padding:30px 20px}.limited-profile-notice h3{font-size:20px}.limited-profile-notice p{font-size:13px}.privacy-icon{font-size:56px}.header-friend-status-btn{font-size:12px;padding:8px 16px}.albums-grid,.photos-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.photos-header,.profile-confirm-bar{align-items:flex-start;flex-direction:column}.profile-confirm-bar{bottom:16px;gap:10px}.profile-confirm-bar__actions{width:100%}.profile-confirm-bar__btn{flex:1 1;text-align:center}.profile-error-card{margin:20px 16px;padding:28px 20px}.modal-content{border-radius:6px}}@media (prefers-color-scheme:dark){.profile-error-card{background:#1e2130;border-color:#7f1d1d}.profile-error-card h3{color:#e4e8f0}.profile-error-card p{color:#9aa0b8}.profile-confirm-bar{background:#1e2130;border-color:#7f1d1d}.profile-confirm-bar__text{color:#e4e8f0}.profile-confirm-bar__btn--cancel{background:#2e3248;color:#9aa0b8}.profile-confirm-bar__btn--cancel:hover:not(:disabled){background:#3a3f58}}.fr-container{font-family:Plus Jakarta Sans,system-ui,sans-serif;position:relative}.fr-tabs{border-bottom:2px solid #c8dff5;display:flex;gap:4px;margin-bottom:22px;padding:0}.fr-tab{align-items:center;background:#f3f8ff;border:1.5px solid #c8dff5;border-bottom:none;border-radius:10px 10px 0 0;color:#3d6899;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:7px;letter-spacing:.1px;padding:10px 22px;transition:background .16s,color .16s}.fr-tab:hover:not(.fr-tab--active){background:#e2f0fc;color:#1a3d6b}.fr-tab--active{background:#fff;border-color:#c8dff5;border-bottom:2px solid #fff;box-shadow:0 -2px 8px #5c8ec91a;color:#1a3d6b;margin-bottom:-2px;position:relative;z-index:2}.fr-tab:focus-visible{outline:2px solid #2c5f9e;outline-offset:-2px}.fr-badge{align-items:center;background:#2c5f9e;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;line-height:1.6;min-width:20px;padding:1px 8px}.fr-panel-title{color:#1a3d6b;font-size:17px;font-weight:800;letter-spacing:-.3px;margin:0 0 16px}.fr-cards{display:flex;flex-direction:column;gap:12px}.fr-card{align-items:center;background:#f8fbff;border:1.5px solid #c8dff5;border-radius:12px;display:flex;gap:14px;padding:16px 20px;transition:border-color .18s,box-shadow .18s,background .18s}.fr-card:hover{background:#f0f8ff;border-color:#4a90d9;box-shadow:0 3px 12px #4a90d91f}.fr-avatar{align-items:center;background:linear-gradient(135deg,#4a90d9,#2c5f9e);border:2px solid #aac8e8;border-radius:12px;box-shadow:0 2px 8px #2c5f9e33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:22px;font-weight:800;height:52px;justify-content:center;overflow:hidden;transition:transform .15s,box-shadow .15s;width:52px}.fr-avatar:hover{box-shadow:0 4px 12px #2c5f9e4d;transform:scale(1.05)}.fr-avatar:focus-visible{outline:2px solid #2c5f9e;outline-offset:2px}.fr-card-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.fr-card-name{color:#1a3d6b;cursor:pointer;font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.fr-card-name:hover{color:#4a90d9;text-decoration:underline}.fr-card-email{color:#5a7fa8;font-size:12.5px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-card-time{color:#8faacc;display:block;font-size:11.5px;font-style:italic}.fr-card-status-pill{background:#fffbeb;border:1px solid #fcd97d;border-radius:20px;color:#9a5b00;display:inline-block;font-size:11px;font-weight:700;margin-bottom:1px;padding:2px 10px;width:-webkit-fit-content;width:fit-content}.fr-card-actions{display:flex;flex-shrink:0;gap:8px}.fr-btn{border:1.5px solid;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;min-width:78px;padding:8px 18px;text-align:center;transition:background .15s,transform .1s,box-shadow .15s;white-space:nowrap}.fr-btn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.fr-btn:focus-visible{outline:2px solid #2c5f9e;outline-offset:2px}.fr-btn--accept{background:linear-gradient(180deg,#4dd87a,#28a84e);border-color:#1e8e40;box-shadow:0 2px 8px #28a84e40;color:#fff}.fr-btn--accept:hover:not(:disabled){background:linear-gradient(180deg,#3dcc6c,#1e8e40);box-shadow:0 3px 12px #1e8e4059;transform:translateY(-1px)}.fr-btn--reject{background:linear-gradient(180deg,#ff6e6e,#e04444);border-color:#c33;box-shadow:0 2px 8px #e0444440;color:#fff}.fr-btn--reject:hover:not(:disabled){background:linear-gradient(180deg,#f55,#c33);box-shadow:0 3px 12px #cc333359;transform:translateY(-1px)}.fr-btn--cancel{background:linear-gradient(180deg,#8ea5bf,#6b8aaa);border-color:#5a7a9a;box-shadow:0 2px 8px #5a7a9a33;color:#fff}.fr-btn--cancel:hover:not(:disabled){background:linear-gradient(180deg,#7d96b4,#5a7a9a);box-shadow:0 3px 12px #5a7a9a4d;transform:translateY(-1px)}.fr-empty{background:#f5faff;border:1.5px dashed #c0d6ef;border-radius:12px;padding:52px 24px;text-align:center}.fr-empty-icon{font-size:44px;margin-bottom:12px}.fr-empty-title{color:#2c5f9e;font-size:16px;font-weight:700;margin:0 0 6px}.fr-empty-sub{color:#7a9dc0;font-size:13px}.fr-loading{align-items:center;color:#2c5f9e;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14.5px;font-weight:600;gap:14px;justify-content:center;min-height:220px}.fr-spinner{animation:fr-spin .7s linear infinite;border:3px solid #c0d6ef;border-radius:50%;border-top-color:#4a90d9;height:38px;width:38px}@keyframes fr-spin{to{transform:rotate(1turn)}}.fr-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.fr-toast{animation:fr-toast-in .25s ease,fr-toast-out .3s ease 3.2s forwards;border-radius:8px;box-shadow:0 4px 16px #0000002e;color:#fff;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:13px;font-weight:600;padding:11px 16px}.fr-toast--success{background:#1c6b38}.fr-toast--error{background:#a32020}.fr-toast--info{background:#1a3f70}@keyframes fr-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes fr-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}.fr-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a193280;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}.fr-confirm{background:#fff;border:1.5px solid #c8dff5;border-radius:14px;box-shadow:0 12px 40px #0000002e;font-family:Plus Jakarta Sans,system-ui,sans-serif;max-width:380px;min-width:300px;padding:28px 32px;text-align:center}.fr-confirm-icon{font-size:36px;margin-bottom:10px}.fr-confirm p{color:#1a3d6b;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:22px}.fr-confirm-actions{display:flex;gap:10px;justify-content:center}.fr-confirm-no,.fr-confirm-yes{border:1.5px solid;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:9px 28px;transition:background .15s,transform .1s}.fr-confirm-yes{background:linear-gradient(180deg,#ff6e6e,#e04444);border-color:#c33;color:#fff}.fr-confirm-yes:hover{background:linear-gradient(180deg,#f55,#c33);transform:translateY(-1px)}.fr-confirm-no{background:#f3f6fa;border-color:#c0d0e0;color:#3d5a7a}.fr-confirm-no:hover{background:#e5eef8;transform:translateY(-1px)}@media (max-width:768px){.fr-card{flex-wrap:wrap;gap:12px}.fr-card-actions{width:100%}.fr-btn,.fr-tab{flex:1 1}.fr-tab{font-size:13px;justify-content:center;padding:10px 14px}.fr-toast-stack{left:8px;max-width:100%;right:8px;top:10px}}@media (max-width:480px){.fr-card{padding:14px}.fr-tab{padding:9px 10px}.fr-btn,.fr-tab{font-size:12.5px}.fr-btn{min-width:0;padding:8px 12px}}.friends-list-container{font-family:Plus Jakarta Sans,system-ui,sans-serif;position:relative}.fl-section-header{align-items:center;border-bottom:1.5px solid #def;display:flex;justify-content:space-between;margin-bottom:16px;padding:0 0 16px}.fl-section-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.fl-section-title{align-items:center;color:#1a3d6b;display:flex;font-size:20px;font-weight:800;gap:9px;letter-spacing:-.4px;margin:0}.fl-count-pill{background:#def;border:1px solid #b8d4f0;border-radius:20px;color:#2c5f9e;justify-content:center;padding:2px 10px}.fl-count-pill,.fl-online-pill{align-items:center;display:inline-flex;font-size:12px;font-weight:700}.fl-online-pill{background:#e8faf0;border:1px solid #9de8b8;border-radius:20px;color:#1a7a3a;gap:6px;padding:4px 12px}.fl-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.fl-dot--online{animation:fl-pulse 2s ease-in-out infinite;background:#34d36e;box-shadow:0 0 0 2px #34d36e40}.fl-dot--away{background:#f5a623;box-shadow:0 0 0 2px #f5a62340}.fl-dot--offline{background:#c5ccd6}@keyframes fl-pulse{0%,to{box-shadow:0 0 0 0 #34d36e66}50%{box-shadow:0 0 0 5px #34d36e00}}.fl-online-summary{align-items:center;background:#f5faff;border:1.5px solid #c8dff5;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:12px 16px}.fl-summary-chip{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:5px 14px}.fl-summary-chip--online{background:#e8faf0;border-color:#9de8b8;color:#1a7a3a}.fl-summary-chip--away{background:#fffbeb;border-color:#fcd97d;color:#9a5b00}.fl-summary-chip--offline{background:#f3f5f8;border-color:#d8dfe8;color:#6b7a90}.fl-toolbar{background:#f9fbff;border:1.5px solid #c8dff5;border-radius:10px;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:12px 16px}.fl-search-wrap,.fl-toolbar{align-items:center;display:flex}.fl-search-wrap{flex:1 1;min-width:160px;position:relative}.fl-search-icon{color:#7a9dc0;left:11px;pointer-events:none;position:absolute}.fl-search-input{background:#fff;border:1.5px solid #c0d6ef;border-radius:8px;color:#1a3d6b;font-family:inherit;font-size:13.5px;outline:none;padding:8px 34px;transition:border-color .18s,box-shadow .18s;width:100%}.fl-search-input::placeholder{color:#9bb8d4}.fl-search-input:focus{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d926}.fl-search-clear{background:none;border:none;color:#9bb8d4;cursor:pointer;font-size:18px;line-height:1;padding:0;position:absolute;right:9px;transition:color .15s}.fl-search-clear:hover{color:#1a3d6b}.fl-filter-tabs{display:flex;flex-shrink:0;gap:6px}.fl-filter-tab{background:#fff;border:1.5px solid #c0d6ef;border-radius:8px;color:#3d6899;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 14px;transition:all .15s;white-space:nowrap}.fl-filter-tab:hover{background:#eaf4ff;border-color:#4a90d9;color:#1a3d6b}.fl-filter-tab--active{background:#2c5f9e;border-color:#2c5f9e;color:#fff}.fl-cards-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.fl-card{align-items:center;background:#fff;border:1.5px solid #c8dff5;border-left:4px solid #0000;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:20px 16px 16px;text-align:center;transition:transform .15s,box-shadow .15s,border-color .15s}.fl-card:hover{box-shadow:0 8px 24px #2c5f9e24;transform:translateY(-3px)}.fl-card--online{border-left-color:#34d36e}.fl-card--away{border-left-color:#f5a623}.fl-card--offline{border-left-color:#c5ccd6}.fl-card-avatar-wrap{flex-shrink:0;height:64px;position:relative;width:64px}.fl-card-avatar{align-items:center;background:linear-gradient(135deg,#4a90d9,#2c5f9e);border:2.5px solid #aac8e8;border-radius:14px;box-shadow:0 3px 10px #2c5f9e38;color:#fff;display:flex;font-size:24px;font-weight:700;height:64px;justify-content:center;overflow:hidden;transition:transform .15s,box-shadow .15s;width:64px}.fl-card-avatar:hover{box-shadow:0 5px 16px #2c5f9e57;transform:scale(1.07)}.fl-card-avatar:focus-visible{outline:2px solid #2c5f9e;outline-offset:2px}.fl-card-dot{border:2.5px solid #fff;border-radius:50%;bottom:-2px;height:14px;position:absolute;right:-2px;width:14px}.fl-card-info{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.fl-card-name{color:#1a3d6b;cursor:pointer;display:block;font-size:14px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.fl-card-name:hover{color:#4a90d9;text-decoration:underline}.fl-card-name:focus-visible{border-radius:2px;outline:2px solid #4a90d9}.fl-card-username{color:#7a9dc0;font-size:11.5px;font-weight:500}.fl-card-view-btn{background:#f5faff;border:1.5px solid #c0d6ef;border-radius:8px;color:#2c5f9e;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;margin-top:4px;padding:7px 0;transition:all .15s;white-space:nowrap;width:100%}.fl-card-view-btn:hover{background:#eaf4ff;border-color:#4a90d9;transform:translateY(-1px)}.fl-table-wrap{border:1.5px solid #c8dff5;border-radius:12px;overflow:hidden}.fl-table-head{grid-gap:12px;background:linear-gradient(180deg,#eaf4ff,#def);border-bottom:1.5px solid #c8dff5;color:#2c5f9e;display:grid;font-size:11px;font-weight:700;gap:12px;grid-template-columns:1fr 160px 180px 110px 110px;letter-spacing:.6px;padding:12px 20px;text-transform:uppercase}.fl-row{grid-gap:12px;align-items:center;background:#fff;border-bottom:1px solid #eaf0f8;border-left:3px solid #0000;display:grid;gap:12px;grid-template-columns:1fr 160px 180px 110px 110px;padding:14px 20px;transition:background .15s,border-left .15s,opacity .2s}.fl-row:last-child{border-bottom:none}.fl-row:nth-child(2n){background:#fafcff}.fl-row:hover{background:#eaf4ff;border-left-color:#4a90d9}.fl-row--removing{opacity:.45;pointer-events:none}.fl-row--online{border-left-color:#34d36e}.fl-row--away{border-left-color:#f5a623}.fl-member-cell{align-items:center;display:flex;gap:12px;min-width:0}.fl-avatar-wrap{flex-shrink:0;height:44px;position:relative;width:44px}.fl-avatar{align-items:center;background:linear-gradient(135deg,#4a90d9,#2c5f9e);border:2px solid #aac8e8;border-radius:10px;box-shadow:0 2px 6px #2c5f9e33;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;overflow:hidden;transition:transform .15s,box-shadow .15s;width:44px}.fl-avatar:hover{box-shadow:0 4px 12px #2c5f9e59;transform:scale(1.08)}.fl-avatar:focus-visible{outline:2px solid #2c5f9e;outline-offset:2px}.fl-avatar-dot{border:2px solid #fff;border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.fl-name-block{display:flex;flex-direction:column;gap:2px;min-width:0}.fl-name{color:#1a3d6b;cursor:pointer;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.fl-name:hover{color:#4a90d9;text-decoration:underline}.fl-name:focus-visible{border-radius:2px;outline:2px solid #4a90d9}.fl-username{color:#7a9dc0;font-size:12px;font-weight:500}.fl-view-profile-link{color:#4a90d9;cursor:pointer;font-size:11px;font-weight:600;transition:color .15s;-webkit-user-select:none;user-select:none}.fl-view-profile-link:hover{color:#2c5f9e;text-decoration:underline}.fl-status-cell{align-items:center;display:flex}.fl-status-badge{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;padding:4px 10px;white-space:nowrap}.fl-status-badge--online{background:#e8faf0;border-color:#9de8b8;color:#1a7a3a}.fl-status-badge--away{background:#fffbeb;border-color:#fcd97d;color:#9a5b00}.fl-status-badge--offline{background:#f3f5f8;border-color:#d8dfe8;color:#6b7a90}.fl-email-cell{color:#4d6a8a;font-size:12.5px;min-width:0;word-break:break-word}.fl-gender-cell{align-items:center;display:flex}.fl-gender-tag{background:#eaf0f8;border:1px solid #c0d6ef;border-radius:6px;color:#3d6899;display:inline-block;font-size:12px;font-weight:600;padding:4px 11px;text-transform:capitalize}.fl-remove-btn{background:linear-gradient(180deg,#ff6e6e,#e04444);border:1.5px solid #e05252;border-radius:8px;box-shadow:0 2px 6px #e0444440;color:#fff;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;padding:7px 14px;transition:background .15s,transform .1s,box-shadow .15s;white-space:nowrap}.fl-remove-btn:hover:not(:disabled){background:linear-gradient(180deg,#f55,#c33);box-shadow:0 3px 10px #cc333359;transform:translateY(-1px)}.fl-remove-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.fl-remove-btn:focus-visible{outline:2px solid #2c5f9e;outline-offset:2px}.fl-loading{align-items:center;color:#2c5f9e;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14.5px;font-weight:600;gap:14px;justify-content:center;min-height:220px}.fl-spinner{animation:fl-spin .7s linear infinite;border:3px solid #c0d6ef;border-radius:50%;border-top-color:#4a90d9;height:38px;width:38px}@keyframes fl-spin{to{transform:rotate(1turn)}}.fl-empty{background:#f5faff;border:1.5px dashed #c0d6ef;border-radius:12px;padding:52px 24px;text-align:center}.fl-empty-icon{font-size:44px;margin-bottom:12px}.fl-empty-title{color:#2c5f9e;font-size:17px;font-weight:700;margin:0 0 6px}.fl-empty-sub{margin:0}.fl-empty-sub,.fl-no-results{color:#7a9dc0;font-size:13.5px}.fl-no-results{font-family:Plus Jakarta Sans,system-ui,sans-serif;padding:36px 24px;text-align:center}.fl-clear-btn{background:none;border:1.5px solid #4a90d9;border-radius:8px;color:#2c5f9e;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;margin-top:12px;padding:7px 20px;transition:background .15s}.fl-clear-btn:hover{background:#eaf4ff}.fl-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.fl-toast{animation:fl-toast-in .25s ease,fl-toast-out .3s ease 3.2s forwards;border-radius:8px;box-shadow:0 4px 16px #0000002e;color:#fff;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:13px;font-weight:600;padding:11px 16px}.fl-toast--success{background:#1c6b38}.fl-toast--error{background:#a32020}.fl-toast--info{background:#1a3f70}@keyframes fl-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes fl-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}.fl-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a193280;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}.fl-confirm{background:#fff;border:1.5px solid #c8dff5;border-radius:14px;box-shadow:0 12px 40px #0000002e;font-family:Plus Jakarta Sans,system-ui,sans-serif;max-width:380px;min-width:300px;padding:28px 32px;text-align:center}.fl-confirm-icon{font-size:36px;margin-bottom:10px}.fl-confirm p{color:#1a3d6b;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:22px}.fl-confirm-actions{display:flex;gap:10px;justify-content:center}.fl-confirm-no,.fl-confirm-yes{border:1.5px solid;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:9px 28px;transition:background .15s,transform .1s}.fl-confirm-yes{background:linear-gradient(180deg,#ff6e6e,#e04444);border-color:#c33;color:#fff}.fl-confirm-yes:hover{background:linear-gradient(180deg,#f55,#c33);transform:translateY(-1px)}.fl-confirm-no{background:#f3f6fa;border-color:#c0d0e0;color:#3d5a7a}.fl-confirm-no:hover{background:#e5eef8;transform:translateY(-1px)}.fl-modal-overlay{align-items:center;animation:fl-modal-bg-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a19328c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9990}@keyframes fl-modal-bg-in{0%{opacity:0}to{opacity:1}}.fl-modal{animation:fl-modal-in .22s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1.5px solid #c8dff5;border-radius:16px;box-shadow:0 24px 64px #0a193c47;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:hidden;width:100%}@keyframes fl-modal-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fl-modal-header{align-items:center;background:linear-gradient(135deg,#2c5f9e,#1a3d6b);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:18px 20px}.fl-modal-user{align-items:center;display:flex;gap:14px;min-width:0}.fl-modal-avatar{align-items:center;background:linear-gradient(135deg,#4a90d9,#2c5f9e);border:2.5px solid #ffffff4d;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:700;height:52px;justify-content:center;overflow:hidden;width:52px}.fl-modal-user-info{display:flex;flex-direction:column;gap:3px;min-width:0}.fl-modal-name{color:#fff;font-size:16px;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-modal-username{color:#ffffffb3;font-size:12px;font-weight:500}.fl-modal-user-info .fl-status-badge{background:#ffffff26;border-color:#ffffff40;color:#ffffffe6;margin-top:2px}.fl-modal-user-info .fl-dot--online{background:#5ef098}.fl-modal-user-info .fl-dot--away{background:#ffd166}.fl-modal-user-info .fl-dot--offline{background:#fff6}.fl-modal-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.fl-modal-view-btn{background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:7px 14px;transition:background .15s,transform .1s;white-space:nowrap}.fl-modal-view-btn:hover{background:#ffffff47;transform:translateY(-1px)}.fl-modal-close{align-items:center;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:20px;height:32px;justify-content:center;line-height:1;transition:background .15s,transform .15s;width:32px}.fl-modal-close:hover{background:#ffffff47;transform:rotate(90deg)}.fl-modal-body{flex:1 1;overflow-y:auto;padding:20px;scrollbar-color:#c0d6ef #0000;scrollbar-width:thin}.fl-modal-body::-webkit-scrollbar{width:5px}.fl-modal-body::-webkit-scrollbar-track{background:#0000}.fl-modal-body::-webkit-scrollbar-thumb{background:#c0d6ef;border-radius:3px}.fl-modal-state{align-items:center;color:#5e7a99;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:12px;justify-content:center;padding:40px 20px;text-align:center}.fl-modal-state p{margin:0}.fl-modal-state--private{color:#3d5a7a}.fl-modal-state--error{color:#7a3030}.fl-modal-lock-icon{font-size:48px;line-height:1}.fl-modal-state--private h4{color:#1a3d6b;font-size:17px;font-weight:800;margin:0}.fl-modal-state--private p{color:#5e7a99;font-size:13.5px;font-weight:500;line-height:1.5;max-width:320px}.fl-modal-state--private .fl-modal-view-btn{background:linear-gradient(135deg,#4a90d9,#2c5f9e);border-color:#2c5f9e;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:9px 20px;transition:all .15s}.fl-modal-state--private .fl-modal-view-btn:hover{background:linear-gradient(135deg,#3a7ac9,#1a3f80);transform:translateY(-1px)}.fl-modal-info-bar{border-bottom:1.5px solid #eaf0f8;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding-bottom:16px}.fl-modal-info-chip{align-items:center;background:#f0f5fc;border:1px solid #c8dff5;border-radius:20px;color:#2c5f9e;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 12px}.fl-modal-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:14px}.fl-modal-section-title{align-items:center;color:#1a3d6b;display:flex;font-size:13px;font-weight:800;gap:7px;letter-spacing:.5px;text-transform:uppercase}.fl-modal-section-count{align-items:center;background:#def;border:1px solid #b8d4f0;border-radius:20px;color:#2c5f9e;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;padding:1px 8px}.fl-modal-privacy-note{align-items:center;color:#7a9dc0;display:flex;font-size:11.5px;font-weight:600;gap:4px}.fl-modal-friends-empty{background:#f5faff;border:1.5px dashed #c0d6ef;border-radius:10px;color:#9bb8d4;font-size:13px;font-weight:600;padding:28px;text-align:center}.fl-modal-friends-empty p{margin:0}.fl-modal-friends-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.fl-modal-friend-thumb{align-items:center;background:none;border:none;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:8px 6px;text-align:center;transition:background .15s,transform .15s}.fl-modal-friend-thumb:hover{background:#eaf4ff;transform:translateY(-2px)}.fl-modal-friend-avatar-wrap{height:48px;position:relative;width:48px}.fl-modal-friend-avatar{align-items:center;background:linear-gradient(135deg,#4a90d9,#2c5f9e);border:2px solid #aac8e8;border-radius:10px;color:#fff;display:flex;font-size:19px;font-weight:700;height:48px;justify-content:center;overflow:hidden;width:48px}.fl-modal-friend-avatar-wrap .fl-avatar-dot{border:2px solid #fff;height:11px;width:11px}.fl-modal-friend-name{color:#1a3d6b;font-size:11.5px;font-weight:700}.fl-modal-friend-name,.fl-modal-friend-username{display:block;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-modal-friend-username{color:#7a9dc0;font-size:10px;font-weight:500}.fl-modal-see-all{background:#f0f5fc;border:1.5px solid #c8dff5;border-radius:8px;color:#2c5f9e;cursor:pointer;display:block;font-family:inherit;font-size:13px;font-weight:700;margin-top:14px;padding:9px;text-align:center;transition:background .15s,transform .1s;width:100%}.fl-modal-see-all:hover{background:#def;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.fl-dot--online{animation:none}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:1024px){.fl-row,.fl-table-head{grid-template-columns:1fr 150px 160px 100px 100px}}@media (max-width:860px){.fl-table-head{display:none}.fl-row{gap:8px 12px;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:14px 16px}.fl-member-cell{grid-column:1;grid-row:1}.fl-status-cell{grid-column:1;grid-row:2}.fl-email-cell{display:none}.fl-gender-cell{align-self:start;grid-column:2;grid-row:1}.fl-action-cell{display:flex;grid-column:2;grid-row:2;justify-content:flex-end}.fl-toolbar{align-items:stretch;flex-direction:column;gap:10px}.fl-filter-tabs{flex-wrap:wrap;justify-content:flex-start}.fl-toast-stack{left:8px;max-width:100%;right:8px;top:10px}.fl-modal{max-height:92vh}.fl-modal-header{flex-wrap:wrap}.fl-modal-friends-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.fl-cards-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.fl-online-summary{gap:6px;padding:10px 12px}.fl-toolbar{padding:10px 12px}.fl-row{padding:12px}.fl-gender-cell{display:none}.fl-row{grid-template-columns:1fr auto}.fl-modal-header-actions{gap:6px}.fl-modal-view-btn{display:none}.fl-cards-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.fl-card{padding:14px 10px 12px}.fl-card-avatar{font-size:20px}.fl-card-avatar,.fl-card-avatar-wrap{height:52px;width:52px}}.fl-back-btn{align-items:center;background:#fff;border:1.5px solid #c0d6ef;border-radius:8px;color:#2c5f9e;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:18px;font-weight:700;height:34px;justify-content:center;transition:all .15s;width:34px}.fl-back-btn:hover{background:#eaf4ff;border-color:#4a90d9;transform:translateX(-2px)}.fl-back-to-profile-link{align-items:center;background:#f5faff;border:1.5px solid #c0d6ef;border-radius:8px;color:#2c5f9e;display:inline-flex;font-size:12.5px;font-weight:700;gap:5px;padding:6px 14px;text-decoration:none;transition:all .15s;white-space:nowrap}.fl-back-to-profile-link:hover{background:#eaf4ff;border-color:#4a90d9}.fl-page-error{align-items:center;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,system-ui,sans-serif;gap:12px;justify-content:center;padding:60px 24px;text-align:center}.fl-page-error-icon{font-size:56px;line-height:1}.fl-page-error-title{color:#1a3d6b;font-size:20px;font-weight:800;margin:0}.fl-page-error-msg{color:#5e7a99;font-size:14px;line-height:1.6;margin:0;max-width:380px}.fl-page-error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.fl-page-error-btn{background:#f5faff;border:1.5px solid #c0d6ef;border-radius:8px;color:#2c5f9e;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:9px 22px;transition:all .15s}.fl-page-error-btn:hover{background:#eaf4ff;border-color:#4a90d9}.fl-page-error-btn--primary{background:linear-gradient(180deg,#4a90d9,#2c5f9e);border-color:#2c5f9e;color:#fff}.fl-page-error-btn--primary:hover{background:linear-gradient(180deg,#3a7ac9,#1a3f80)}.fl-modal-view-btn--solid{background:linear-gradient(180deg,#4a90d9,#2c5f9e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:9px 20px;transition:all .15s}.fl-modal-view-btn--solid:hover{background:linear-gradient(180deg,#3a7ac9,#1a3f80);transform:translateY(-1px)}.friends-page{font-family:Plus Jakarta Sans,system-ui,sans-serif;margin:0 auto;max-width:1040px;padding:32px 20px 48px}.friends-hero{background:linear-gradient(135deg,#4a90d9,#2c5f9e 60%,#1a3d6b);border-radius:16px 16px 0 0;box-shadow:0 4px 20px #2c5f9e59;overflow:hidden;padding:28px 32px;position:relative}.friends-hero:before{background:radial-gradient(ellipse 60% 80% at 80% -20%,#ffffff1f 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.friends-hero-inner{align-items:center;display:flex;gap:18px;position:relative}.friends-hero-icon{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border:1.5px solid #ffffff4d;border-radius:14px;display:flex;flex-shrink:0;font-size:26px;height:56px;justify-content:center;width:56px}.friends-hero-title{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 4px}.friends-hero-sub{color:#ffffffc7;font-size:13.5px;font-weight:500;letter-spacing:.1px;margin:0}.friends-nav-wrap{background:linear-gradient(180deg,#def,#cce0f5);border-left:2px solid #5c8ec9;border-right:2px solid #5c8ec9;padding:0 24px}.friends-nav{display:flex;gap:4px;padding:10px 0 0}.nav-btn{align-items:center;background:#ffffff8c;border:1.5px solid #a8c8e8;border-bottom:none;border-radius:10px 10px 0 0;color:#3d6899;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;letter-spacing:.1px;padding:11px 22px;transition:background .18s,color .18s,border-color .18s}.nav-btn:hover:not(.active){background:#fffc;border-color:#69c;color:#1e4a7a}.nav-btn.active{background:#fff;border-color:#5c8ec9;box-shadow:0 -2px 8px #5c8ec91f;color:#1e4a7a;position:relative;z-index:2}.nav-btn.active:after{background:#fff;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.nav-btn-icon{font-size:16px;line-height:1}.nav-btn-label{white-space:nowrap}.friends-content{background:#fff;border:2px solid #5c8ec9;border-radius:0 0 16px 16px;border-top:none;box-shadow:0 6px 24px #2c5f9e1f;min-height:400px}.friends-content-inner{animation:fc-fadein .25s ease;padding:28px}@keyframes fc-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:768px){.friends-page{padding:20px 12px 36px}.friends-hero{border-radius:12px 12px 0 0;padding:20px}.friends-hero-title{font-size:22px}.friends-hero-icon{border-radius:12px;font-size:22px;height:48px;width:48px}.friends-nav-wrap{padding:0 16px}.nav-btn{font-size:13px;padding:10px 16px}.friends-content-inner{padding:20px 16px}}@media (max-width:480px){.friends-page{padding:14px 8px 28px}.friends-hero{padding:16px}.friends-hero-icon{display:none}.friends-hero-title{font-size:20px}.friends-hero-sub{font-size:12.5px}.friends-nav-wrap{padding:0 10px}.nav-btn{gap:5px;padding:9px 12px}.nav-btn-label{font-size:12.5px}.friends-content-inner{padding:16px 12px}}.notification-bell-container{display:inline-block;position:relative}.notification-bell-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 1px 1px #0000000d;cursor:pointer;display:flex;font-size:16px;gap:4px;padding:5px 10px;position:relative;transition:all .1s}.notification-bell-btn:hover{border-color:#aaa;box-shadow:0 1px 2px #0000001a}.notification-bell-btn:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.bell-icon{font-size:16px;line-height:1}.notification-badge{background:linear-gradient(#dd4b39,#d73925);border:2px solid #fff;border-radius:2px;box-shadow:0 1px 2px #0000004d;color:#fff;font-size:10px;font-weight:700;line-height:1.4;min-width:16px;padding:1px 4px;position:absolute;right:-6px;text-align:center;top:-6px}.notification-dropdown{background:#fff;border:1px solid #00000026;border-radius:0;box-shadow:0 3px 8px #0000004d;display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;max-height:520px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:430px;z-index:1000}.notification-header{align-items:center;background:#f6f7f8;border-bottom:1px solid #e5e5e5;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 12px}.notification-header h3{color:#333;font-size:14px;font-weight:700;letter-spacing:-.3px;margin:0}.mark-all-read-btn{background:none;border:none;color:#3b5998;cursor:pointer;font-size:11px;font-weight:400;padding:3px 6px;transition:-webkit-text-decoration .1s;transition:text-decoration .1s;transition:text-decoration .1s,-webkit-text-decoration .1s}.mark-all-read-btn:hover{text-decoration:underline}.notification-list{background:#fff;flex:1 1;max-height:440px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:10px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1;border-left:1px solid #e5e5e5}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:0}.notification-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:13px;gap:10px;padding:40px 20px;text-align:center}.loading-spinner{border:2px solid #e5e5e5;border-top-color:#3b5998;display:inline-block;height:20px;width:20px}.notification-error{align-items:center;color:#c23934;display:flex;flex-direction:column;font-size:12px;gap:10px;padding:30px 20px;text-align:center}.notification-error p{margin:0}.retry-btn{padding:4px 12px}.no-notifications{color:#999;padding:60px 20px;text-align:center}.empty-icon-not{display:block;font-size:48px;margin-bottom:10px;opacity:.4}.no-notifications p{color:#90949c;font-size:13px;margin:0}.notification-item{min-height:60px;padding:8px 12px;transition:background-color .1s}.notification-item:hover{background-color:#f6f7f9}.notification-item:hover .notification-delete-btn{opacity:1}.notification-item.unread{background-color:#ecf4ff}.notification-item.unread:hover{background-color:#dce9f7}.notification-icon-wrapper{flex-shrink:0;margin-right:10px;margin-top:2px}.notification-icon{font-size:28px;height:40px;line-height:1;width:40px}.notification-content{padding-right:24px}.notification-time{margin-top:2px}.notification-delete-btn{background:none;border:none;border-radius:2px;color:#90949c;cursor:pointer;font-size:16px;line-height:1;opacity:0;padding:4px 6px;position:absolute;right:8px;top:8px;transition:all .1s}.notification-delete-btn:hover{background-color:#0000000d;color:#4b4f56}.notification-delete-btn:focus-visible{opacity:1;outline:2px solid #3b5998}.unread-indicator{background-color:#5890ff;border-radius:50%;flex-shrink:0;height:6px;left:4px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.notification-footer{background:#f6f7f8;border-top:1px solid #e5e5e5;flex-shrink:0;padding:8px 12px}.view-all-btn{background:none;border:none;border-radius:2px;color:#3b5998;cursor:pointer;font-size:12px;font-weight:400;padding:6px;text-align:center;transition:background-color .1s;width:100%}.view-all-btn:hover{background-color:#e9ebee}@media (max-width:768px){.notification-dropdown{right:-10px;width:360px}}@media (max-width:480px){.notification-dropdown{left:5px;max-height:calc(100vh - 60px);position:fixed;right:5px;top:50px;width:auto}.notification-list{max-height:calc(100vh - 150px)}.notification-item{padding:10px 12px}.notification-text{font-size:13px}}.navbar-toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.navbar-toast{align-items:center;animation:navbar-toast-in .25s ease;border-radius:6px;box-shadow:0 4px 14px #0000002e;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;max-width:320px;padding:12px 18px;pointer-events:auto;word-break:break-word}.navbar-toast--success{background-color:#2ecc71}.navbar-toast--error{background-color:#e74c3c}.navbar-toast--info{background-color:#3498db}.navbar-toast-icon{flex-shrink:0;font-size:16px;font-weight:700}@keyframes navbar-toast-in{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.navbar{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 4px #0000001a;isolation:isolate;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;flex-shrink:0;font-size:20px;font-weight:600;letter-spacing:.5px;text-decoration:none;transition:opacity .2s}.navbar-logo:hover{opacity:.85}.navbar-logo-text{font-size:20px;font-weight:600}.navbar-menu-center{display:flex;flex:1 1;gap:4px;justify-content:center;list-style:none;margin:0 0 0 60px;max-width:600px;padding:0}.navbar-menu-item{position:relative}.navbar-menu-link{align-items:center;border-radius:4px;color:#ffffffe6;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;letter-spacing:.3px;padding:10px 24px;text-decoration:none;transition:background-color .2s,color .2s}.navbar-menu-link:focus-visible,.navbar-menu-link:hover{color:#fff;outline:none;text-decoration:underline;text-underline-offset:4px}.navbar-menu-link.active,.navbar-menu-link.active:focus,.navbar-menu-link.active:hover,.navbar-menu-link[aria-current=page]{background-color:initial!important;background:#0000!important;box-shadow:none!important;color:#ffffffe6!important;font-weight:500!important;text-decoration:none!important}.navbar-menu-link.active:after,.navbar-menu-link.active:before{content:none!important;display:none!important}.navbar-right{align-items:center;display:flex;flex-shrink:0;gap:20px;margin-left:auto}.navbar-search{position:relative}.navbar-search-input-wrapper{align-items:center;display:flex;position:relative}.navbar-search-icon{color:#666;left:12px;pointer-events:none;position:absolute;z-index:1}.navbar-search-input{-webkit-appearance:none;appearance:none;background-color:#fffffff2;border:1px solid #fff3;border-radius:4px;color:#000;font-size:14px;outline:none;padding:10px 40px;transition:background-color .2s,border-color .2s,box-shadow .2s;width:280px}.navbar-search-input:focus{background-color:#fff;border-color:#fff6;box-shadow:0 0 0 2px #fff3}.navbar-search-input::placeholder{color:#999}.navbar-search-input::-webkit-search-cancel-button,.navbar-search-input::-webkit-search-decoration{-webkit-appearance:none;display:none}.navbar-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;padding:4px;pointer-events:auto;position:absolute;right:12px;transition:color .2s,background-color .2s;z-index:1}.navbar-search-clear:hover{background-color:#0000000d;color:#000}.navbar-search-clear:focus-visible{outline:2px solid #47a;outline-offset:2px}.navbar-search-dropdown{animation:navbar-dropdown-open .15s ease;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 8px 24px #00000026;left:0;max-height:400px;min-width:320px;overflow-y:auto;pointer-events:auto;position:absolute;top:calc(100% + 8px);width:100%;z-index:1100}@keyframes navbar-dropdown-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.navbar-search-loading{align-items:center;color:#666;display:flex;font-size:14px;gap:10px;padding:20px}.navbar-search-spinner{animation:navbar-spin .6s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#47a;flex-shrink:0;height:16px;width:16px}@keyframes navbar-spin{to{transform:rotate(1turn)}}.navbar-search-empty{color:#666;font-size:14px;padding:20px;text-align:center}.navbar-search-results-list{padding:8px 0;pointer-events:auto}.navbar-search-result-item{align-items:center;display:flex;gap:12px;padding:12px 16px;pointer-events:auto;position:relative;transition:background-color .15s;z-index:1}.navbar-search-result-item:hover{background-color:#f0f4f8}.navbar-result-avatar{-webkit-tap-highlight-color:rgba(68,119,170,.15);background:linear-gradient(180deg,#69c,#47a);border-radius:50%;cursor:pointer;flex-shrink:0;height:40px;overflow:hidden;position:relative;transition:opacity .15s,transform .15s;width:40px}.navbar-result-avatar:hover{opacity:.85;transform:scale(1.05)}.navbar-result-avatar:active{opacity:.7;transform:scale(.97)}.navbar-result-avatar-img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.navbar-result-avatar-fallback{align-items:center;background:linear-gradient(180deg,#69c,#47a);color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;pointer-events:none;width:100%}.navbar-result-info{-webkit-tap-highlight-color:rgba(68,119,170,.08);border-radius:4px;cursor:pointer;flex:1 1;min-width:0;padding:2px 4px;transition:background-color .15s}.navbar-result-info:hover{background-color:#4477aa12}.navbar-result-info:active{background-color:#4477aa26}.navbar-result-info h4{color:#1a1a2e;font-size:15px;font-weight:600;margin:0}.navbar-result-info h4,.navbar-result-info p{overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.navbar-result-info p{color:#47a;font-size:13px;margin:2px 0 0}.navbar-btn-add,.navbar-btn-sending,.navbar-btn-sent{-webkit-tap-highlight-color:rgba(44,62,80,.2);background-color:#2c3e50;border:1px solid #2c3e50;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;position:relative;transition:background-color .2s,border-color .2s,opacity .2s;white-space:nowrap;z-index:2}.navbar-btn-add:hover{background-color:#34495e;border-color:#34495e}.navbar-btn-add:focus-visible{outline:2px solid #2c3e50;outline-offset:2px}.navbar-btn-sending,.navbar-btn-sent{background-color:#ecf0f1;border-color:#bdc3c7;color:#7f8c8d;cursor:default}.navbar-btn-sending{opacity:.75}.navbar-friends-badge{background-color:#ecf0f1;border-radius:4px;color:#2c3e50;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 12px}.navbar-user-menu-container{position:relative}.navbar-user-menu-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:4px;transition:background-color .2s,border-color .2s;width:40px}.navbar-user-menu-btn:hover{background-color:#ffffff26;border-color:#ffffff4d}.navbar-user-menu-btn:focus-visible{outline:2px solid #ffffffb3;outline-offset:2px}.navbar-user-avatar{align-items:center;background:#fff;border-radius:50%;color:#2c3e50;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;pointer-events:none;width:32px}.navbar-user-dropdown{animation:navbar-dropdown-open .15s ease;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 8px 24px #00000026;min-width:180px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.navbar-user-dropdown-item{background:none;border:none;color:#000;cursor:pointer;display:block;font-size:14px;font-weight:400;padding:12px 20px;text-align:left;text-decoration:none;transition:background-color .15s;width:100%}.navbar-user-dropdown-item:hover{background-color:#f8f9fa}.navbar-user-dropdown-item:focus-visible{outline:2px solid #47a;outline-offset:-2px}.navbar-dropdown-divider{background-color:#e0e0e0;height:1px;margin:8px 0}.navbar-user-dropdown-item--logout{color:#e74c3c}.navbar-user-dropdown-item--logout:hover{background-color:#fef5f5}.navbar-auth-link{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .2s,border-color .2s}.navbar-auth-link:focus-visible,.navbar-auth-link:hover{background-color:#ffffff26;border-color:#ffffff4d;outline:2px solid #ffffff80;outline-offset:2px}.navbar-auth-link--primary{background-color:#fff;border:1px solid #fff;border-radius:4px;color:#2c3e50;font-size:14px;font-weight:500;padding:10px 24px;text-decoration:none;transition:background-color .2s,transform .15s,box-shadow .15s}.navbar-auth-link--primary:hover{background-color:#ecf0f1;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.navbar-auth-link--primary:focus-visible{outline:2px solid #fff;outline-offset:2px}.navbar-hamburger{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:24px;padding:8px;transition:background-color .2s}.navbar-hamburger:hover{background-color:#ffffff1a}.navbar-hamburger:focus-visible{outline:2px solid #ffffffb3;outline-offset:2px}.navbar-hamburger-icon{font-size:24px}.navbar-mobile-menu{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 4px 8px #0000001a;display:none;left:0;list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;right:0;top:64px;transition:max-height .3s ease}.navbar-mobile-menu--open{display:block;max-height:700px;overflow-y:auto;pointer-events:auto}.navbar-mobile-menu-item{border-bottom:1px solid #f8f9fa;pointer-events:auto}.navbar-mobile-menu-link{-webkit-tap-highlight-color:rgba(0,0,0,.05);align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:400;padding:16px 24px;text-align:left;text-decoration:none;transition:background-color .15s;width:100%}.navbar-mobile-menu-link:hover{background-color:#f8f9fa}.navbar-mobile-menu-link:focus-visible{outline:2px solid #47a;outline-offset:-2px}.navbar-mobile-menu-divider{background-color:#f8f9fa;height:8px}.navbar-mobile-menu-link--logout{color:#e74c3c}.navbar-mobile-menu-link--logout:hover{background-color:#fef5f5}.navbar-mobile-menu-link--register{color:#2c3e50;font-weight:500}.navbar-mobile-search-item{border-bottom:1px solid #f0f0f0;list-style:none;overflow:visible;padding:12px 16px;pointer-events:auto;position:relative;z-index:10}.navbar-mobile-search-wrapper{align-items:center;display:flex;position:relative}.navbar-mobile-search-icon{color:#666;left:12px;pointer-events:none;position:absolute;z-index:1}.navbar-mobile-search-input{-webkit-appearance:none;appearance:none;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;color:#000;font-size:14px;outline:none;padding:10px 40px;transition:background-color .2s,border-color .2s,box-shadow .2s;width:100%}.navbar-mobile-search-input:focus{background-color:#fff;border-color:#47a;box-shadow:0 0 0 2px #4477aa26}.navbar-mobile-search-input::placeholder{color:#999}.navbar-mobile-search-input::-webkit-search-cancel-button,.navbar-mobile-search-input::-webkit-search-decoration{-webkit-appearance:none;display:none}.navbar-mobile-search-dropdown{-webkit-overflow-scrolling:touch;animation:none!important;background-color:#fff;border:none!important;border-radius:0!important;border-top:1px solid #e8edf2!important;box-shadow:none!important;margin-top:8px;max-height:320px;min-width:0!important;min-width:auto!important;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:static!important;touch-action:manipulation;width:100%!important}.navbar-mobile-search-dropdown .navbar-search-result-item{-webkit-tap-highlight-color:rgba(68,119,170,.1);cursor:pointer;min-height:64px;padding:14px 12px;pointer-events:auto;touch-action:manipulation}.navbar-mobile-search-dropdown .navbar-search-result-item:active{background-color:#e8f0f8}.navbar-mobile-search-dropdown .navbar-result-avatar{height:44px;pointer-events:auto;touch-action:manipulation;width:44px}.navbar-mobile-search-dropdown .navbar-result-info{pointer-events:auto;touch-action:manipulation}.navbar-mobile-search-dropdown .navbar-result-info h4{font-size:15px;pointer-events:none}.navbar-mobile-search-dropdown .navbar-result-info p{font-size:13px;pointer-events:none}.navbar-mobile-search-dropdown .navbar-btn-add,.navbar-mobile-search-dropdown .navbar-btn-sending,.navbar-mobile-search-dropdown .navbar-btn-sent{font-size:12px;padding:8px 12px;touch-action:manipulation}.navbar-mobile-search-dropdown::-webkit-scrollbar,.navbar-search-dropdown::-webkit-scrollbar{width:6px}.navbar-mobile-search-dropdown::-webkit-scrollbar-track,.navbar-search-dropdown::-webkit-scrollbar-track{background:#f8f9fa}.navbar-mobile-search-dropdown::-webkit-scrollbar-thumb,.navbar-search-dropdown::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:3px}.navbar-mobile-search-dropdown::-webkit-scrollbar-thumb:hover,.navbar-search-dropdown::-webkit-scrollbar-thumb:hover{background:#95a5a6}@media screen and (max-width:1024px){.navbar-container{padding:0 16px}.navbar-menu-center{gap:2px;margin-left:24px}.navbar-menu-link{padding:10px 20px}.navbar-search-input{width:220px}}@media screen and (max-width:768px){.navbar-container{height:56px}.navbar-menu-center,.navbar-search{display:none}.navbar-user-menu-btn{height:38px;width:38px}.navbar-user-avatar{font-size:13px;height:30px;width:30px}.navbar-hamburger{display:block}.navbar-right{gap:12px}.navbar-auth-link,.navbar-auth-link--primary{font-size:13px;padding:8px 16px}.navbar-mobile-menu{top:56px}.navbar-mobile-menu--open,.navbar-mobile-menu--open .navbar-mobile-search-item{overflow:visible}}@media screen and (max-width:480px){.navbar-container{height:52px;padding:0 12px}.navbar-right{gap:8px}.navbar-auth-link{display:none}.navbar-auth-link--primary{font-size:12px;padding:8px 14px}.navbar-user-menu-btn{height:36px;width:36px}.navbar-user-avatar{font-size:12px;height:28px;width:28px}.navbar-mobile-menu{top:52px}.navbar-toast-container{left:12px;right:12px;top:70px}.navbar-toast{max-width:100%}.navbar-mobile-search-dropdown .navbar-search-result-item{padding:12px 10px}}@media (prefers-reduced-motion:reduce){.navbar-search-dropdown,.navbar-toast,.navbar-user-dropdown{animation:none}.navbar-search-spinner{animation:none;border-top-color:#47a}.navbar-auth-link--primary:hover{transform:none}}:root{--ep-brand:#47a;--ep-brand-light:#92bfeb;--ep-brand-dark:#2d5a8a;--ep-bg:#f0f2f7;--ep-surface:#fff;--ep-surface-2:#f7f8fc;--ep-border:#d0d5de;--ep-border-dark:#a8b0c0;--ep-text:#1a1e2a;--ep-text-muted:#555e72;--ep-text-faint:#8a94a8;--ep-success:#28a745;--ep-danger:#d9534f;--ep-warning:#e67e22;--ep-radius:5px;--ep-radius-lg:8px;--ep-shadow-sm:0 1px 3px #00000014;--ep-shadow:0 2px 8px #0000001a;--ep-trans:150ms ease;--ep-sidebar-w:340px}.ep-container{background:#f0f2f7;background:var(--ep-bg);color:#1a1e2a;color:var(--ep-text);font-family:Tahoma,Verdana,Arial,sans-serif;min-height:100vh;padding:20px 16px 60px}.ep-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:340px 1fr;grid-template-columns:var(--ep-sidebar-w) 1fr;margin:0 auto;max-width:1180px}.ep-main,.ep-sidebar{background:linear-gradient(180deg,#e8ecf4 0,#fff);background:linear-gradient(to bottom,#e8ecf4 0,var(--ep-surface) 100%);border:1px solid #a8b0c0;border:1px solid var(--ep-border-dark);border-radius:8px;border-radius:var(--ep-radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--ep-shadow-sm);overflow:hidden}.ep-panel-header{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);border-bottom:1px solid #2d5a8a;border-bottom:1px solid var(--ep-brand-dark);color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;padding:10px 16px;text-shadow:0 1px 1px #0000002e}.ep-sidebar-content{padding:16px}.ep-picture-box{background:#fff;background:var(--ep-surface);border:1px solid #d0d5de;border:1px solid var(--ep-border);border-radius:5px;border-radius:var(--ep-radius);box-shadow:0 1px 3px #00000014;box-shadow:var(--ep-shadow-sm);margin-bottom:14px;padding:12px}.ep-picture-box h4{border-bottom:1px solid #eaecf0;color:#1a1e2a;color:var(--ep-text);font-size:11px;font-weight:700;margin:0 0 8px;padding-bottom:6px}.ep-image-wrapper{background:#f7f8fc;background:var(--ep-surface-2);border:2px dashed #d0d5de;border:2px dashed var(--ep-border);border-radius:5px;border-radius:var(--ep-radius);cursor:pointer;overflow:hidden;position:relative;transition:border-color .15s ease,background .15s ease;transition:border-color var(--ep-trans),background var(--ep-trans)}.ep-image-wrapper:hover{background:#edf4fb;border-color:#47a;border-color:var(--ep-brand)}.ep-image-wrapper:focus{outline:2px solid #47a;outline:2px solid var(--ep-brand);outline-offset:2px}.ep-image-wrapper.uploading{opacity:.7;pointer-events:none}.ep-image-preview{border-radius:3px;display:block;height:100%;object-fit:cover;width:100%}.ep-image-overlay{align-items:center;background:#0009;color:#fff;display:flex;flex-direction:column;gap:4px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s ease;transition:opacity var(--ep-trans)}.ep-image-wrapper.uploading .ep-image-overlay,.ep-image-wrapper:hover .ep-image-overlay{opacity:1}.ep-upload-icon{flex-shrink:0}.ep-upload-hint{font-size:10px;opacity:.85}.ep-image-overlay span{font-size:12px;font-weight:700}.ep-profile-summary{background:#fff;background:var(--ep-surface);border:1px solid #d0d5de;border:1px solid var(--ep-border);border-radius:5px;border-radius:var(--ep-radius);box-shadow:0 1px 3px #00000014;box-shadow:var(--ep-shadow-sm);padding:14px;text-align:center}.ep-summary-username{color:#47a;color:var(--ep-brand);font-size:13px;font-weight:700;margin-bottom:4px}.ep-summary-email{color:#555e72;color:var(--ep-text-muted);font-size:11px;margin-bottom:3px;word-break:break-all}.ep-summary-since{color:#8a94a8;color:var(--ep-text-faint);font-size:10px}.ep-tabs{background:#f2f4f8;border-bottom:1px solid #d0d5de;border-bottom:1px solid var(--ep-border);display:flex;overflow-x:auto;scrollbar-width:none}.ep-tabs::-webkit-scrollbar{display:none}.ep-tab{background:#0000;border:none;border-right:1px solid #d0d5de;border-right:1px solid var(--ep-border);color:#47a;color:var(--ep-brand);cursor:pointer;flex:1 1;font-size:11px;font-weight:700;min-width:100px;padding:11px 14px;text-align:center;transition:background .15s ease,color .15s ease;transition:background var(--ep-trans),color var(--ep-trans);white-space:nowrap}.ep-tab:last-child{border-right:none}.ep-tab:hover{background:#e3e7ee}.ep-tab.active{background:#fff;background:var(--ep-surface);border-bottom:3px solid #92bfeb;border-bottom:3px solid var(--ep-brand-light);color:#1a1e2a;color:var(--ep-text)}.ep-tab:focus-visible{outline:2px solid #47a;outline:2px solid var(--ep-brand);outline-offset:-2px}.ep-form-body{background:#fff;background:var(--ep-surface);padding:24px}.ep-section-title{border-bottom:2px solid #92bfeb;border-bottom:2px solid var(--ep-brand-light);color:#1a1e2a;color:var(--ep-text);font-size:15px;font-weight:700;margin:0 0 6px;padding-bottom:10px}.ep-section-desc{color:#555e72;color:var(--ep-text-muted);font-size:11px;margin:0 0 20px}.ep-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.ep-field--full{grid-column:1/-1}.ep-field{display:flex;flex-direction:column}.ep-label{align-items:center;color:#1a1e2a;color:var(--ep-text);display:flex;font-size:11px;font-weight:700;gap:4px;margin-bottom:5px}.ep-required{color:#d9534f;color:var(--ep-danger)}.ep-readonly-label{color:#8a94a8;color:var(--ep-text-faint);font-size:10px;font-weight:400}.ep-input,.ep-select,.ep-textarea{background:#fff;background:var(--ep-surface);border:1px solid #c5d0e0;border-radius:5px;border-radius:var(--ep-radius);color:#1a1e2a;color:var(--ep-text);font-family:inherit;font-size:12px;padding:7px 10px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--ep-trans),box-shadow var(--ep-trans)}.ep-input:focus,.ep-select:focus,.ep-textarea:focus{border-color:#47a;border-color:var(--ep-brand);box-shadow:0 0 0 3px #4477aa26;outline:none}.ep-input:disabled,.ep-select:disabled{background:#f5f5f5;color:#8a94a8;color:var(--ep-text-faint);cursor:not-allowed}.ep-input--error{border-color:#d9534f!important;border-color:var(--ep-danger)!important;box-shadow:0 0 0 3px #d9534f1f!important}.ep-input--success{border-color:#28a745!important;border-color:var(--ep-success)!important;box-shadow:0 0 0 3px #28a7451f!important}.ep-textarea{line-height:1.5;min-height:72px;resize:vertical}.ep-hint{color:#555e72;color:var(--ep-text-muted);font-size:10px;margin-top:4px}.ep-field-footer{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.ep-char-count{font-feature-settings:"tnum";color:#8a94a8;color:var(--ep-text-faint);font-size:10px;font-variant-numeric:tabular-nums}.ep-char-count.warn{color:#e67e22;color:var(--ep-warning);font-weight:700}.ep-username-status{align-items:center;display:inline-flex;font-size:10px;font-weight:700;gap:5px;margin-top:5px}.ep-username-status.checking{color:#e67e22;color:var(--ep-warning)}.ep-username-status.available{color:#28a745;color:var(--ep-success)}.ep-username-status.taken{color:#d9534f;color:var(--ep-danger)}@keyframes ep-spin{to{transform:rotate(1turn)}}@keyframes ep-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ep-spin{animation:ep-spin .8s linear infinite}.ep-bounce{animation:ep-bounce .9s ease-in-out infinite}.ep-actions{border-top:1px solid #eaecf0;display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:16px}.ep-btn{align-items:center;border:1px solid #0000;border-radius:5px;border-radius:var(--ep-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:6px;padding:8px 22px;transition:all .15s ease;transition:all var(--ep-trans);white-space:nowrap}.ep-btn:focus-visible{outline:2px solid #47a;outline:2px solid var(--ep-brand);outline-offset:2px}.ep-btn--cancel{background:#f5f5f5;border-color:#d0d5de;border-color:var(--ep-border);color:#1a1e2a;color:var(--ep-text)}.ep-btn--cancel:hover{background:#e8e8e8;border-color:#b0b0b0}.ep-btn--primary{background:linear-gradient(180deg,#92bfeb 0,#47a);background:linear-gradient(to bottom,var(--ep-brand-light) 0,var(--ep-brand) 100%);border-color:#2d5a8a;border-color:var(--ep-brand-dark);box-shadow:0 2px 4px #4477aa40;color:#fff;text-shadow:0 1px 1px #00000026}.ep-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#7eb0e5 0,#376699);box-shadow:0 3px 8px #4477aa59;transform:translateY(-1px)}.ep-btn--primary:disabled{background:#c8cdd6;border-color:#aab0bc;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.ep-btn--primary[aria-busy=true]{cursor:wait}.ep-alert{align-items:center;border-radius:5px;border-radius:var(--ep-radius);display:flex;font-size:12px;font-weight:600;gap:8px;margin:0 auto 16px;max-width:1180px;padding:10px 14px}.ep-alert--error{background:#fdecea;border:1px solid #f5c6cb;color:#721c24}.ep-alert--success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.ep-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:320px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.ep-toast{align-items:center;animation:ep-toast-in .25s ease,ep-toast-out .3s ease 3.2s forwards;border-radius:8px;border-radius:var(--ep-radius-lg);box-shadow:0 4px 16px #0000002e;color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;padding:11px 16px;word-break:break-word}.ep-toast--success{background:#1e6b36}.ep-toast--error{background:#a52020}.ep-toast--info{background:#1a3f70}@keyframes ep-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes ep-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}@media (max-width:1024px){.ep-layout{grid-template-columns:1fr}.ep-sidebar{display:grid;grid-template-columns:auto 1fr}.ep-panel-header{display:none}.ep-sidebar-content{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:200px 200px 1fr;padding:16px}.ep-profile-summary{margin-bottom:0}}@media (max-width:768px){.ep-container{padding:10px 8px 40px}.ep-sidebar{display:block}.ep-sidebar-content{display:block;padding:12px}.ep-panel-header{display:block}.ep-grid{grid-template-columns:1fr}.ep-field--full{grid-column:1}.ep-form-body{padding:16px 12px}.ep-actions{flex-direction:column}.ep-btn{justify-content:center;width:100%}.ep-toast-stack{left:8px;max-width:100%;right:8px;top:10px}}@media (max-width:480px){.ep-tab{font-size:10px;min-width:80px;padding:9px 10px}.ep-section-title{font-size:13px}.ep-btn--cancel,.ep-btn--primary{font-size:12px;padding:9px 16px}}@media print{.ep-actions,.ep-tabs,.ep-toast-stack{display:none!important}.ep-container{background:#fff;padding:0}.ep-layout{grid-template-columns:1fr}}.sb-card{background:#fff;border:1px solid #e4e6eb;border-radius:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:16px}.sb-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.sb-header-icon{font-size:18px;line-height:1}.sb-header h4{color:#1a1a1a;font-size:15px;font-weight:600;margin:0}.sb-description{color:#65676b;font-size:13px;line-height:1.5;margin:0 0 14px}.sb-actions{display:flex;flex-direction:column;gap:8px}.sb-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 14px;text-align:center;transition:background .18s ease,opacity .18s ease,transform .1s ease;width:100%}.sb-btn:active{transform:scale(.98)}.sb-btn--copy{background:#1a1a1a;color:#fff}.sb-btn--copy:hover{background:#333}.sb-btn--success{background:#2e7d32!important;color:#fff;cursor:default}.sb-btn--error{background:#c62828!important;color:#fff;cursor:default}.sb-btn--whatsapp{background:#25d366;color:#fff}.sb-btn--whatsapp:hover{background:#1da851}.sb-btn--email{background:#4285f4;color:#fff}.sb-btn--email:hover{background:#2b6fda}.sb-icon{flex-shrink:0;height:16px;width:16px}.nm-buzz-list{display:flex;flex-direction:column;gap:2px;padding:0 2px}.nm-buzz-item{align-items:flex-start;border-radius:10px;display:flex;gap:12px;padding:9px 10px;position:relative;transition:background .16s}.nm-buzz-item--clickable{background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;width:100%}.nm-buzz-item--clickable:hover{background:#f0f4fb}.nm-buzz-item--clickable:focus-visible{outline:2px solid #4a90d9;outline-offset:1px}.nm-buzz-item--skel{opacity:.7;pointer-events:none}.nm-buzz-rank{align-items:center;background:#e8ecf4;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:22px;justify-content:center;margin-top:1px;transition:background .18s,color .18s;width:22px}.nm-buzz-rank.top{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 6px #fbbf2459;color:#fff}.nm-buzz-info{flex:1 1;min-width:0}.nm-buzz-tag{color:#8892a4;font-size:10px;font-weight:700;letter-spacing:.4px;margin-bottom:2px;text-transform:uppercase}.nm-buzz-topic{color:#1a1d23;font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.nm-buzz-item--clickable:hover .nm-buzz-topic{color:#2d5fa6;text-decoration:underline;text-underline-offset:2px}.nm-buzz-posts{color:#8892a4;font-size:11px;margin-top:2px}.nm-buzz-hot-badge{align-self:center;animation:nm-buzz-pulse 2s ease-in-out infinite;flex-shrink:0;font-size:14px;margin-left:2px}@keyframes nm-buzz-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.15)}}.nm-buzz-arrow{align-self:center;color:#8892a4;flex-shrink:0;font-size:18px;font-weight:300;line-height:1;opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s}.nm-buzz-item--clickable:focus-visible .nm-buzz-arrow,.nm-buzz-item--clickable:hover .nm-buzz-arrow{color:#2d5fa6;opacity:1;transform:translateX(0)}.nm-buzz-explore-btn{background:none;border:none;cursor:pointer;font-family:inherit}.nm-buzz-empty{color:#8892a4;font-size:13px;line-height:1.55;padding:16px 12px;text-align:center}.nm-buzz-empty-hint{color:#47a;font-size:12px;font-weight:600}.nm-buzz-retry{background:#f4f6fc;border:1.5px solid #e8ecf4;border-radius:8px;color:#47a;cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:700;margin-top:8px;padding:5px 14px;transition:all .18s}.nm-buzz-retry:hover{background:#eef3ff;border-color:#b8c8e8}@media (max-width:640px){.nm-buzz-item{padding:8px}.nm-buzz-topic{font-size:13px}.nm-buzz-arrow{opacity:.35;transform:none}}@media (prefers-reduced-motion:reduce){.nm-buzz-hot-badge{animation:none}.nm-buzz-arrow{transition:none}}.nm-home *,.nm-home :after,.nm-home :before{box-sizing:border-box}.nm-home{background:#eef2f8;color:#0d1117;color:var(--nm-text-primary);font-family:DM Sans,Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-size:13px;min-height:100vh;padding-bottom:40px;padding-top:0}.nm-toast{animation:nmToastIn .25s ease,nmToastOut .3s ease 3.2s forwards}@keyframes nmToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes nmToastOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.nm-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f25488c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.nm-confirm-box{background:#fff;border:1px solid #c9d4e3;border:1px solid var(--nm-border);border-radius:10px;border-radius:var(--nm-radius-md);box-shadow:0 12px 32px #0f254847;font-family:inherit;max-width:350px;overflow:hidden;width:100%}.nm-confirm-title{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border-bottom:1px solid #ffffff1f;color:#fff;font-size:14px;font-weight:800;letter-spacing:.2px;margin:0;padding:12px 16px}.nm-confirm-message{color:#0d1117;color:var(--nm-text-primary);font-size:13px;font-weight:500;line-height:1.6;margin:0;padding:16px}.nm-confirm-actions{display:flex;gap:9px;justify-content:flex-end;padding:10px 16px 14px}.nm-btn-cancel{background:#e8eef7;border:1.5px solid #c9d4e3;border:1.5px solid var(--nm-border);border-radius:6px;border-radius:var(--nm-radius-sm);color:#1e2d3d;color:var(--nm-text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:6px 16px;transition:background .18s}.nm-btn-cancel:hover{background:#dce6f4}.nm-btn-primary{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border:none;border-radius:6px;border-radius:var(--nm-radius-sm);box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:6px 16px;transition:opacity .18s}.nm-btn-primary:hover{opacity:.9}.nm-layout{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:230px 1fr 268px;margin:0 auto;max-width:1120px;padding:14px 12px 0}.nm-card{background:#fff;background:var(--nm-surface);border:1px solid #c9d4e3;border:1px solid var(--nm-border);box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);margin-bottom:10px;overflow:hidden}.nm-card-head{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border-bottom:1px solid #ffffff1f;justify-content:space-between;padding:9px 12px}.nm-card-head,.nm-card-head h4{align-items:center;display:flex}.nm-card-head h4{color:#fff;font-size:11px;font-weight:700;gap:5px;letter-spacing:.7px;margin:0;text-transform:uppercase}.nm-card-head-link{background:#ffffff26;border-radius:20px;color:#ffffffe6;font-size:10px;font-weight:700;padding:2px 8px;text-decoration:none;transition:background .18s;white-space:nowrap}.nm-card-head-link:hover{background:#ffffff47;text-decoration:none}.nm-skel{animation:nmSkel 1.4s ease-in-out infinite;background:#e2e8f0;border-radius:3px;display:inline-block;height:14px}@keyframes nmSkel{0%,to{opacity:.55}50%{opacity:1}}.nm-sidebar-left{-ms-overflow-style:none;align-self:start;max-height:calc(100vh - 70px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:58px}.nm-sidebar-left::-webkit-scrollbar{display:none}.nm-profile-card{overflow:hidden;padding:0}.nm-profile-banner{background:linear-gradient(135deg,#0f2548,#1a3a6b 40%,#2d5fa6 75%,#4a90d9);background:var(--nm-grad-main);height:56px;position:relative}.nm-profile-body{background:linear-gradient(160deg,#f4f7fb,#fff);padding:0 12px 14px;text-align:center}.nm-profile-avatar{align-items:center;background:#2d5fa6;background:var(--nm-blue-600);background-position:50%;background-size:cover;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0f25482e;color:#fff;display:flex;font-size:22px;font-weight:800;height:56px;justify-content:center;margin:-28px auto 8px;width:56px}.nm-profile-name{color:#0f2548;color:var(--nm-blue-900);font-size:14px;font-weight:800;letter-spacing:-.2px;line-height:1.3;margin:0 0 3px}.nm-profile-college{color:#4a5568;color:var(--nm-text-muted);font-size:11px;font-weight:500;line-height:1.4;margin:0 0 10px}.nm-profile-stats{border-bottom:1px solid #e2eaf4;border-bottom:1px solid var(--nm-border-light);border-top:1px solid #e2eaf4;border-top:1px solid var(--nm-border-light);display:flex;gap:0;justify-content:center;margin-bottom:12px;padding:8px 0}.nm-profile-stat{align-items:center;border-right:1px solid #e2eaf4;border-right:1px solid var(--nm-border-light);display:flex;flex:1 1;flex-direction:column;gap:1px}.nm-profile-stat:last-child{border-right:none}.nm-profile-stat-num{color:#1a3a6b;color:var(--nm-blue-800);font-size:15px;font-weight:800;line-height:1.2}.nm-profile-stat-label{color:#4a5568;color:var(--nm-text-muted);font-size:9.5px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.nm-profile-edit-btn{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border-radius:20px;box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:5px 14px;text-decoration:none;transition:opacity .18s}.nm-profile-edit-btn:hover{opacity:.88;text-decoration:none}.nm-mod-nav{background:#fff;background:var(--nm-surface);box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);margin-bottom:10px;overflow:hidden}.nm-nav-item{align-items:center;border-bottom:1px solid #e2eaf4;border-bottom:1px solid var(--nm-border-light);color:#1e2d3d;color:var(--nm-text-secondary);display:flex;font-size:12.5px;font-weight:700;gap:7px;line-height:1.4;padding:7px 12px;position:relative;text-decoration:none;transition:background .1s}.nm-nav-item:last-child{border-bottom:none}.nm-nav-item:hover{background:#eef0f8}.nm-nav-item.active{background:#e6edf8;border-left:3px solid #2d5fa6;border-left:3px solid var(--nm-blue-600);color:#1a3a6b;color:var(--nm-blue-800);padding-left:9px}.nm-nav-icon{flex-shrink:0;font-size:14px;line-height:1;text-align:center;width:18px}.nm-nav-badge{background:#e41e3f;border-radius:10px;box-shadow:0 1px 3px #e41e3f59;font-size:9px;line-height:1.4;min-width:16px;text-align:center}.nm-nav-badge,.nm-nav-new,.nm-nav-new-tag{color:#fff;font-weight:800;margin-left:auto;padding:1px 5px}.nm-nav-new,.nm-nav-new-tag{animation:nmPulse 2s ease-in-out infinite;background:#22c55e;background:var(--nm-green);border-radius:4px;font-size:8.5px;letter-spacing:.4px;text-transform:uppercase}@keyframes nmPulse{0%,to{opacity:1}50%{opacity:.7}}.nm-sugg-list{padding:6px 8px}.nm-sugg-item{align-items:flex-start;border-bottom:1px solid #e2eaf4;border-bottom:1px solid var(--nm-border-light);border-radius:6px;border-radius:var(--nm-radius-sm);display:flex;gap:8px;padding:8px 4px;position:relative;transition:background .15s}.nm-sugg-item:last-child{border-bottom:none}.nm-sugg-item:hover{background:#f4f7fb;background:var(--nm-surface-alt)}.nm-sugg-avatar{align-items:center;background:#1a3a6b;background:var(--nm-blue-800);border:1.5px solid #c9d4e3;border:1.5px solid var(--nm-border);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:800;height:38px;justify-content:center;width:38px}.nm-sugg-info{flex:1 1;min-width:0}.nm-sugg-name{color:#1a3a6b;color:var(--nm-blue-800);font-size:13px;font-weight:700;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm-sugg-mutual{color:#4a5568;color:var(--nm-text-muted);font-size:11px;font-weight:500;margin:0 0 6px}.nm-sugg-mutual span{color:#2d5fa6;color:var(--nm-blue-600);font-weight:700}.nm-sugg-add-btn{background:#edf2fb;border:1.5px solid #c9d4e3;border:1.5px solid var(--nm-border);border-radius:4px;color:#1a3a6b;color:var(--nm-blue-800);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:4px 10px;transition:all .15s}.nm-sugg-add-btn:hover{background:#2d5fa6;background:var(--nm-blue-600);border-color:#2d5fa6;border-color:var(--nm-blue-600);color:#fff}.nm-sugg-close{background:none;border:none;border-radius:50%;color:#718096;color:var(--nm-text-light);cursor:pointer;font-size:16px;line-height:1;padding:2px 5px;position:absolute;right:2px;top:4px;transition:all .15s}.nm-sugg-close:hover{background:#00000012;color:#1e2d3d;color:var(--nm-text-secondary)}.nm-sugg-empty{color:#4a5568;color:var(--nm-text-muted);font-size:11.5px;font-style:italic;font-weight:500;margin:0;padding:14px 8px;text-align:center}.nm-invite-card{background:linear-gradient(135deg,#f4f7fb,#e8f0fb);padding:14px;text-align:center}.nm-invite-icon{font-size:28px;margin-bottom:6px}.nm-invite-title{color:#0f2548;color:var(--nm-blue-900);font-size:13px;font-weight:800;margin-bottom:4px}.nm-invite-text{color:#4a5568;color:var(--nm-text-muted);font-size:11px;font-weight:500;line-height:1.5;margin-bottom:10px}.nm-invite-btn{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border:none;border-radius:20px;box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:700;padding:6px 18px;transition:opacity .18s}.nm-invite-btn:hover{opacity:.88}.nm-main{min-width:0;width:100%}.nm-mobile-actions{display:none;gap:7px;margin-bottom:12px}.nm-mobile-action-btn{align-items:center;background:#fff;border:1.5px solid #c9d4e3;border:1.5px solid var(--nm-border);border-radius:6px;border-radius:var(--nm-radius-sm);box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);color:#1e2d3d;color:var(--nm-text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;font-size:11px;font-weight:700;gap:4px;min-height:56px;padding:10px 6px;position:relative;transition:background .15s}.nm-mobile-action-btn:active{background:#f4f7fb;background:var(--nm-surface-alt)}.nm-mobile-badge{background:#e41e3f;border-radius:8px;color:#fff;font-size:8px;font-weight:800;padding:1px 5px;position:absolute;right:5px;top:5px}.nm-feed-header{background:#fff;background:var(--nm-surface);box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);margin-bottom:10px;overflow:hidden}.nm-feed-banner{background:linear-gradient(135deg,#0f2548,#1a3a6b 40%,#2d5fa6 75%,#4a90d9);background:var(--nm-grad-main);overflow:hidden;padding:16px 18px 14px;position:relative}.nm-feed-banner:before{background:radial-gradient(ellipse at 80% 20%,#4a90d94d 0,#0000 55%),radial-gradient(ellipse at 10% 80%,#0f254866 0,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.nm-feed-greet{align-items:center;color:#ffffffd9;display:flex;font-size:13px;font-weight:400;gap:5px;margin-bottom:2px;position:relative;z-index:1}.nm-feed-greet strong{color:#fff;font-size:14px;font-weight:800}.nm-feed-greet-star{animation:nmSparkleSpin 3s ease-in-out infinite;color:#fbbf24;flex-shrink:0;font-size:14px}@keyframes nmSparkleSpin{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(15deg) scale(1.15)}}.nm-feed-college-name{color:#fff;font-size:20px;font-weight:800;letter-spacing:-.4px;line-height:1.2;margin:4px 0 12px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1}.nm-feed-college-placeholder{font-size:12px;font-style:italic;font-weight:400;opacity:.65}.nm-feed-college-placeholder a{color:#7dd3fc}.nm-feed-stats-row{align-items:stretch;border-top:1px solid #ffffff26;display:flex;gap:0;padding-top:10px;position:relative;z-index:1}.nm-feed-stat{border-right:1px solid #ffffff26;display:flex;flex:1 1;flex-direction:column;padding:0 14px 0 0}.nm-feed-stat:last-child{border-right:none;padding-left:14px;padding-right:0}.nm-feed-stat:not(:first-child):not(:last-child){padding-left:14px}.nm-feed-stat-label{align-items:center;color:#ffffffb3;display:flex;font-size:10px;font-weight:700;gap:3px;letter-spacing:.4px;margin-bottom:3px;text-transform:uppercase}.nm-feed-stat-val{color:#ffffffe6;font-size:12px;font-weight:500}.nm-feed-stat-val em{color:#fff;font-size:15px;font-style:normal;font-weight:800}.nm-feed-header-bottom{align-items:center;background:#f8fafd;border-top:1px solid #e2eaf4;border-top:1px solid var(--nm-border-light);display:flex;gap:8px;justify-content:space-between;padding:9px 18px}.nm-feed-status-pill{align-items:center;background:#eef0f8;border:1px solid #c9d4e3;border:1px solid var(--nm-border);border-radius:20px;color:#1e2d3d;color:var(--nm-text-secondary);display:inline-flex;font-size:10.5px;font-weight:700;gap:6px;padding:3px 10px}.nm-feed-status-dot{animation:nmStatusDot 2s ease-in-out infinite;background:#22c55e;background:var(--nm-green);border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}@keyframes nmStatusDot{0%,to{box-shadow:0 0 0 0 #22c55e80}50%{box-shadow:0 0 0 4px #22c55e00}}.nm-feed-explore-link{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border-radius:20px;box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:5px 14px;text-decoration:none;transition:opacity .18s,transform .18s;white-space:nowrap}.nm-feed-explore-link:hover{opacity:.88;text-decoration:none;transform:translateY(-1px)}.nm-campus-pulse{background:#fff;background:var(--nm-surface);box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);margin-bottom:10px;overflow:visible;padding:10px 14px 12px}.nm-pulse-header-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.nm-pulse-title{color:#4a5568;color:var(--nm-text-muted);flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.nm-pulse-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.nm-pulse-status-slots{background:#f4f7fb;background:var(--nm-surface-alt);border:1px solid #e2eaf4;border:1px solid var(--nm-border-light);border-radius:10px;color:#4a5568;color:var(--nm-text-muted);font-size:10px;font-weight:700;padding:2px 7px;white-space:nowrap}.nm-pulse-see-all-btn{background:none;border:none;color:#2d5fa6;color:var(--nm-blue-600);cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:700;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.nm-pulse-see-all-btn:hover{color:#1a3a6b;color:var(--nm-blue-800)}.nm-pulse-friends-pill{align-items:center;background:#eef0f8;border:1px solid #c9d4e3;border:1px solid var(--nm-border);border-radius:20px;color:#1e2d3d;color:var(--nm-text-secondary);display:inline-flex;font-size:10px;font-weight:700;gap:5px;padding:2px 8px;white-space:nowrap}.nm-pulse-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.nm-pulse-row::-webkit-scrollbar{display:none}.nm-pulse-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px}.nm-pulse-ring{border-radius:50%;padding:2.5px;transition:transform .18s}.nm-pulse-ring.unseen{background:linear-gradient(135deg,#f97316,#ef4444,#a855f7)}.nm-pulse-ring.seen{background:#d1d5db}.nm-pulse-item:hover .nm-pulse-ring{transform:scale(1.07)}.nm-pulse-avatar{align-items:center;background-position:50%;background-size:cover;border:2.5px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:800;height:46px;justify-content:center;overflow:hidden;width:46px}.nm-pulse-name{color:#1e2d3d;color:var(--nm-text-secondary);font-size:10px;font-weight:600;max-width:52px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nm-pulse-status-bubble{position:relative}.nm-pulse-status-pop{animation:nmPopIn .16s ease;background:#fff;border:1px solid #c9d4e3;border:1px solid var(--nm-border);border-radius:10px;border-radius:var(--nm-radius-md);box-shadow:0 4px 16px #0f254821;box-shadow:var(--nm-shadow-md);max-width:260px;min-width:200px;padding:10px 12px;position:fixed;transform:translateX(-50%);z-index:9000}@keyframes nmPopIn{0%{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.nm-pulse-status-pop:before{background:#fff;border-left:1px solid #c9d4e3;border-left:1px solid var(--nm-border);border-top:1px solid #c9d4e3;border-top:1px solid var(--nm-border);content:"";height:10px;left:50%;position:absolute;top:-6px;transform:translateX(-50%) rotate(45deg);width:10px}.nm-pulse-status-pop-time{color:#2d5fa6;color:var(--nm-blue-600);font-size:10px;font-weight:700;margin-bottom:4px}.nm-pulse-status-pop-text{color:#0d1117;color:var(--nm-text-primary);font-size:12.5px;font-weight:500;line-height:1.5;margin-bottom:9px;word-break:break-word}.nm-pulse-status-pop-del{align-items:center;background:#fff1f0;border:1px solid #fecaca;border-radius:6px;border-radius:var(--nm-radius-sm);color:#c0392b;cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:700;gap:5px;justify-content:center;padding:5px 10px;transition:background .15s;width:100%}.nm-pulse-status-pop-del:hover{background:#fee2e2}.nm-pulse-friend-pop{max-width:290px;min-width:230px;overflow:hidden;padding:0}.nm-pulse-friend-pop-header{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border-bottom:1px solid #ffffff1f;display:flex;gap:9px;padding:10px 12px 8px}.nm-pulse-friend-pop-avatar{align-items:center;background-position:50%;background-size:cover;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:32px;justify-content:center;width:32px}.nm-pulse-friend-pop-name{color:#fff;font-size:12.5px;font-weight:800;line-height:1.3}.nm-pulse-friend-pop-count{color:#ffffffbf;font-size:10px;font-weight:500}.nm-pulse-friend-pop-statuses{display:flex;flex-direction:column;gap:7px;max-height:180px;overflow-y:auto;padding:8px 12px 10px;scrollbar-color:#c9d4e3 #0000;scrollbar-color:var(--nm-border) #0000;scrollbar-width:thin}.nm-pulse-friend-pop-entry{background:#f4f7fb;background:var(--nm-surface-alt);border:1px solid #e2eaf4;border:1px solid var(--nm-border-light);border-radius:6px;border-radius:var(--nm-radius-sm);padding:7px 9px;transition:background .15s}.nm-pulse-friend-pop-entry:hover{background:#edf2fb}.nm-pulse-friend-pop-time{color:#2d5fa6;color:var(--nm-blue-600);font-size:9.5px;font-weight:700;margin-bottom:2px}.nm-pulse-friend-pop-text{color:#0d1117;color:var(--nm-text-primary);font-size:12px;font-weight:500;line-height:1.45;word-break:break-word}.nm-pulse-composer{animation:nmComposerSlide .18s ease;border-top:1px solid #e2eaf4;border-top:1px solid var(--nm-border-light);margin-top:12px;padding-top:12px}@keyframes nmComposerSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nm-pulse-textarea{border-radius:6px;border-radius:var(--nm-radius-sm);font-family:inherit;font-size:12.5px;font-weight:500;padding:8px 10px}.nm-pulse-composer-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:8px}.nm-status-limit-warn{background:#fffbea;border:1px solid #f6d860;border-radius:6px;border-radius:var(--nm-radius-sm);color:#7a5c00;font-size:11px;font-weight:600;line-height:1.5;margin-bottom:8px;padding:5px 9px}.nm-status-textarea{border:1.5px solid #c9d4e3;border:1.5px solid var(--nm-border);border-radius:6px;border-radius:var(--nm-radius-sm);color:#0d1117;color:var(--nm-text-primary);font-family:inherit;font-size:12px;font-weight:500;margin-bottom:6px;padding:7px 9px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.nm-status-textarea:focus{border-color:#4a90d9;border-color:var(--nm-blue-400);box-shadow:0 0 0 2px #4a90d92e;outline:none}.nm-status-textarea::placeholder{color:#718096;color:var(--nm-text-light);font-style:italic;font-weight:400}.nm-status-textarea:disabled{background:#f5f7fa;cursor:not-allowed;opacity:.7}.nm-status-footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.nm-status-count{color:#4a5568;color:var(--nm-text-muted);font-size:10.5px;font-weight:600}.nm-status-post-btn{background:linear-gradient(#f4f7fb,#e8eef7);border:1.5px solid #c9d4e3;border:1.5px solid var(--nm-border);border-radius:6px;border-radius:var(--nm-radius-sm);color:#1e2d3d;color:var(--nm-text-secondary);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:4px 11px;transition:all .18s}.nm-status-post-btn:hover:not(:disabled){background:linear-gradient(#e8eef7,#dce6f4);border-color:#4a90d9;border-color:var(--nm-blue-400);color:#1a3a6b;color:var(--nm-blue-800)}.nm-status-post-btn:disabled{cursor:not-allowed;opacity:.5}.nm-status-post-btn--primary{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border-color:#1a3a6b;border-color:var(--nm-blue-800);color:#fff}.nm-status-post-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#163060,#3a7abf)}.nm-status-empty{color:#4a5568;color:var(--nm-text-muted);font-size:11px;font-style:italic;font-weight:500;margin:0;padding:10px 0;text-align:center}.nm-pulse-avatar-skel{animation:nmAvatarSkelShimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f4f7fb 50%,#e2e8f0 75%);background-size:200% 100%}@keyframes nmAvatarSkelShimmer{0%{background-position:200%}to{background-position:-200%}}.nm-pulse-empty-hint{align-items:center;align-self:center;color:#4a5568;color:var(--nm-text-muted);display:flex;font-size:11.5px;font-style:italic;font-weight:500;gap:6px;padding:8px 12px;white-space:nowrap}.nm-sidebar-right{-ms-overflow-style:none;align-self:start;max-height:calc(100vh - 70px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:58px}.nm-sidebar-right::-webkit-scrollbar{display:none}.nm-req-list{padding:4px 0}.nm-req-item{align-items:center;border-left:2px solid #0000;color:#1e2d3d;color:var(--nm-text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;line-height:1.4;padding:7px 14px;text-decoration:none;transition:background .12s}.nm-req-item:hover{background:#edf2fb;border-left-color:#4a90d9;border-left-color:var(--nm-blue-400);color:#1a3a6b;color:var(--nm-blue-800)}.nm-req-icon{flex-shrink:0;font-size:14px}.nm-req-count{background:#e41e3f;border-radius:10px;box-shadow:0 1px 3px #e41e3f59;color:#fff;font-size:9px;font-weight:800;margin-left:auto;min-width:18px;padding:1px 6px;text-align:center}.nm-req-empty{color:#4a5568;color:var(--nm-text-muted);font-size:12px;font-style:italic;font-weight:500;padding:12px 14px}.nm-events-list{padding:6px 8px}.nm-event-item{align-items:flex-start;border-bottom:1px solid #e2eaf4;border-bottom:1px solid var(--nm-border-light);display:flex;gap:10px;padding:8px 4px;transition:background .15s}.nm-event-item:last-child{border-bottom:none}.nm-event-item:hover{background:#f4f7fb;background:var(--nm-surface-alt);border-radius:6px;border-radius:var(--nm-radius-sm)}.nm-event-date{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border-radius:6px;display:flex;flex-direction:column;flex-shrink:0;gap:1px;height:42px;justify-content:center;width:38px}.nm-event-date-num{color:#fff;font-size:17px;font-weight:800;line-height:1}.nm-event-date-mon{color:#fffc;font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.nm-event-info{flex:1 1;min-width:0}.nm-event-title{color:#0d1117;color:var(--nm-text-primary);font-size:12px;font-weight:700;line-height:1.35;margin-bottom:3px}.nm-event-meta{color:#4a5568;color:var(--nm-text-muted);font-size:10.5px;font-weight:500;margin-bottom:4px}.nm-event-going{background:#dcfce7;border-radius:10px;color:#166534}.nm-event-going,.nm-event-interested{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 7px}.nm-event-interested{background:#edf2fb;border:1px solid #c9d4e3;border:1px solid var(--nm-border);border-radius:10px;color:#1a3a6b;color:var(--nm-blue-800);cursor:pointer;transition:all .15s}.nm-event-interested:hover{background:#2d5fa6;background:var(--nm-blue-600);border-color:#2d5fa6;border-color:var(--nm-blue-600);color:#fff}.nm-modal-overlay{align-items:center;animation:nmModalFade .15s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f254899;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes nmModalFade{0%{opacity:0}to{opacity:1}}.nm-status-modal{animation:nmModalSlide .18s ease;background:#fff;border:1px solid #c9d4e3;border:1px solid var(--nm-border);border-radius:14px;border-radius:var(--nm-radius-lg);box-shadow:0 12px 40px #0f254859;font-family:inherit;max-width:460px;overflow:hidden;width:100%}@keyframes nmModalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nm-status-modal-header{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border-bottom:1px solid #ffffff1f;display:flex;justify-content:space-between;padding:12px 16px}.nm-status-modal-header h2{color:#fff;font-size:13px;font-weight:800;letter-spacing:.5px;margin:0;text-transform:uppercase}.nm-status-modal-close{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;height:26px;justify-content:center;padding:0;transition:background .2s;width:26px}.nm-status-modal-close:hover{background:#ffffff52}.nm-status-modal-body{max-height:60vh;overflow-y:auto;padding:14px}.nm-status-modal-composer{border-bottom:1px solid #e2eaf4;border-bottom:1px solid var(--nm-border-light);margin-bottom:13px;padding-bottom:12px}.nm-status-slots-label{color:#4a5568;color:var(--nm-text-muted);display:block;font-size:11px;font-weight:600;margin-bottom:6px}.nm-status-modal-list{display:flex;flex-direction:column;gap:8px}.nm-status-modal-entry{align-items:flex-start;background:#f4f7fb;background:var(--nm-surface-alt);border:1px solid #e2eaf4;border:1px solid var(--nm-border-light);border-radius:6px;border-radius:var(--nm-radius-sm);display:flex;gap:10px;padding:10px 12px;transition:background .15s}.nm-status-modal-entry:hover{background:#edf2fb;border-color:#c9d4e3;border-color:var(--nm-border)}.nm-status-entry-body{flex:1 1;min-width:0}.nm-status-entry-time{color:#2d5fa6;color:var(--nm-blue-600);font-size:10px;font-weight:700;margin-bottom:2px}.nm-status-entry-text{word-wrap:break-word;color:#0d1117;color:var(--nm-text-primary);font-size:11.5px;font-weight:500;line-height:1.45}.nm-status-modal-del{align-self:flex-start;background:none;border:none;border-radius:4px;color:#718096;color:var(--nm-text-light);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:14px;padding:3px 5px;transition:all .18s}.nm-status-modal-del:hover{background:#c0392b14;color:#c0392b}.nm-mobile-bottom-nav{background:#fff;border-top:1.5px solid #c9d4e3;border-top:1.5px solid var(--nm-border);bottom:0;box-shadow:0 -3px 12px #0f25481a;display:none;justify-content:space-around;left:0;padding:6px 0;position:fixed;right:0;z-index:1000}.nm-mobile-nav-item{align-items:center;color:#4a5568;color:var(--nm-text-muted);display:flex;flex-direction:column;font-size:9.5px;font-weight:700;gap:3px;min-width:52px;padding:5px 10px;position:relative;text-decoration:none;transition:color .15s}.nm-mobile-nav-item.active{color:#2d5fa6;color:var(--nm-blue-600)}.nm-mobile-nav-item>span:first-child{font-size:22px}.nm-mobile-nav-badge{background:#e41e3f;border-radius:8px;color:#fff;font-size:8px;font-weight:800;padding:1px 5px;position:absolute;right:7px;top:1px}@media (max-width:1200px){.nm-layout{gap:10px;grid-template-columns:220px 1fr 258px}}@media (max-width:991px){.nm-layout{gap:10px;grid-template-columns:224px 1fr}.nm-sidebar-right{display:none}.nm-mobile-actions{display:flex}}@media (max-width:767px){.nm-layout{grid-template-columns:1fr;padding:10px 10px 0}.nm-sidebar-left{display:none}.nm-mobile-actions{display:flex}.nm-topbar-nav{display:none}}@media (max-width:599px){.nm-home{padding-bottom:66px}.nm-mobile-bottom-nav{display:flex}.nm-topbar-search{display:none}.nm-layout{padding:8px 8px 0}.nm-pulse-header-row{flex-wrap:wrap;gap:6px}.nm-pulse-status-pop{max-width:calc(100vw - 24px)}}@media (max-width:479px){.nm-home{padding-bottom:62px}.nm-mobile-action-btn{min-height:52px;padding:6px 3px}.nm-feed-college-name{font-size:16px}.nm-feed-stats-row{flex-wrap:wrap;gap:10px}.nm-feed-stat{border-bottom:1px solid #ffffff1f;border-right:none;flex-basis:calc(50% - 5px);flex-grow:0;flex-shrink:0;padding:0 0 9px}.nm-feed-stat:last-child{border-bottom:none;padding-left:0}}:root{--nm-blue-900:#0f2548;--nm-blue-800:#1a3a6b;--nm-blue-600:#2d5fa6;--nm-blue-400:#4a90d9;--nm-blue-200:#a8d8ff;--nm-text-primary:#0d1117;--nm-text-secondary:#1e2d3d;--nm-text-muted:#4a5568;--nm-text-light:#718096;--nm-surface:#fff;--nm-surface-alt:#f4f7fb;--nm-border:#c9d4e3;--nm-border-light:#e2eaf4;--nm-shadow-sm:0 1px 4px #0f254814;--nm-shadow-md:0 4px 16px #0f254821;--nm-shadow-lg:0 8px 32px #0f25482e;--nm-grad-main:linear-gradient(135deg,#0f2548,#1a3a6b 40%,#2d5fa6 75%,#4a90d9);--nm-grad-card:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);--nm-radius-sm:6px;--nm-radius-md:10px;--nm-radius-lg:14px;--nm-green:#22c55e;--nm-red:#e41e3f;--nm-orange:#f97316}.nm-menu *,.nm-menu :after,.nm-menu :before{box-sizing:border-box}.nm-menu a{text-decoration:none}.nm-menu{background:#eef2f8;color:#0d1117;color:var(--nm-text-primary);font-family:DM Sans,Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-size:13px;min-height:100vh;padding:0 0 20px}.nm-menu-container{margin:0 auto;max-width:980px;padding:14px 12px 0}.nm-menu-header{align-items:center;background:#fff;background:var(--nm-surface);border:1px solid #c9d4e3;border:1px solid var(--nm-border);border-radius:10px;border-radius:var(--nm-radius-md);box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);display:flex;gap:10px;margin-bottom:14px;overflow:hidden;padding:10px 14px 10px 0}.nm-menu-header-banner{align-self:stretch;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);flex-shrink:0;width:5px}.nm-menu-back-btn{align-items:center;background:#f4f7fb;background:var(--nm-surface-alt);border:1.5px solid #c9d4e3;border:1.5px solid var(--nm-border);border-radius:6px;border-radius:var(--nm-radius-sm);color:#1e2d3d;color:var(--nm-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:5px;padding:6px 12px;transition:background .18s;white-space:nowrap}.nm-menu-back-btn:hover{background:#dce6f4;border-color:#4a90d9;border-color:var(--nm-blue-400)}.nm-menu-title{color:#0f2548;color:var(--nm-blue-900);flex:1 1;font-size:17px;font-weight:800;letter-spacing:-.3px;margin:0}.nm-menu-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr 1fr}.nm-menu-row-full{grid-column:1/-1}.nm-mc{background:#fff;background:var(--nm-surface);border:1px solid #c9d4e3;border:1px solid var(--nm-border);border-radius:10px;border-radius:var(--nm-radius-md);box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);overflow:hidden}.nm-mc-head{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border-bottom:1px solid #ffffff1f;gap:8px;justify-content:space-between;padding:9px 12px}.nm-mc-head,.nm-mc-head h4{align-items:center;display:flex}.nm-mc-head h4{color:#fff;font-size:11px;font-weight:700;gap:5px;letter-spacing:.7px;margin:0;text-transform:uppercase}.nm-mc-head-link{background:#ffffff26;border-radius:20px;color:#ffffffe6;font-size:10px;font-weight:700;padding:2px 8px;transition:background .18s;white-space:nowrap}.nm-mc-head-link:hover{background:#ffffff47;color:#fff}.nm-mc-badge{background:#e41e3f;background:var(--nm-red);border-radius:10px;box-shadow:0 1px 3px #e41e3f59;color:#fff;font-size:9px;font-weight:800;line-height:1.4;margin-left:3px;min-width:16px;padding:1px 6px;text-align:center}.nm-mc-profile{background:#fff;background:var(--nm-surface);border:1px solid #c9d4e3;border:1px solid var(--nm-border);border-radius:10px;border-radius:var(--nm-radius-md);box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);overflow:hidden}.nm-mc-profile-banner{background:linear-gradient(135deg,#0f2548,#1a3a6b 40%,#2d5fa6 75%,#4a90d9);background:var(--nm-grad-main);height:80px;position:relative}.nm-mc-profile-banner:before{background:radial-gradient(ellipse at 80% 30%,#4a90d959 0,#0000 60%),radial-gradient(ellipse at 10% 70%,#0f254866 0,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.nm-mc-profile-body{align-items:flex-start;background:linear-gradient(160deg,#f4f7fb,#fff);display:flex;gap:14px;padding:0 16px 16px}.nm-mc-profile-avatar{align-items:center;background:#2d5fa6;background:var(--nm-blue-600);background-position:50%;background-size:cover;border:3px solid #fff;border-radius:50%;box-shadow:0 3px 10px #0f254838;color:#fff;display:flex;flex-shrink:0;font-size:26px;font-weight:800;height:64px;justify-content:center;margin-top:-32px;width:64px}.nm-mc-profile-info{flex:1 1;min-width:0;padding-top:6px}.nm-mc-profile-name{color:#0f2548;color:var(--nm-blue-900);font-size:16px;font-weight:800;letter-spacing:-.3px;line-height:1.2;margin:0 0 2px}.nm-mc-profile-college{color:#4a5568;color:var(--nm-text-muted);font-size:11.5px;font-weight:500;margin:0 0 10px}.nm-mc-profile-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.nm-mc-profile-edit{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--nm-grad-card);border:none;border-radius:20px;box-shadow:0 1px 4px #0f254814;box-shadow:var(--nm-shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11.5px;font-weight:700;gap:5px;padding:6px 16px;transition:opacity .18s}.nm-mc-profile-edit:hover{opacity:.88}.nm-mc-nav{display:flex;flex-direction:column}.nm-mc-nav-item{align-items:center;border-bottom:1px solid #e2eaf4;border-bottom:1px solid var(--nm-border-light);color:#1e2d3d;color:var(--nm-text-secondary);display:flex;font-size:13px;font-weight:700;gap:10px;min-height:44px;padding:9px 14px;position:relative;text-decoration:none;transition:background .1s}.nm-mc-nav-item:last-child{border-bottom:none}.nm-mc-nav-item:hover{background:#eef0f8}.nm-mc-nav-item.active{background:#e6edf8;border-left:3px solid #2d5fa6;border-left:3px solid var(--nm-blue-600);color:#1a3a6b;color:var(--nm-blue-800);padding-left:11px}.nm-mc-nav-item:active{background:#f4f7fb;background:var(--nm-surface-alt)}.nm-mc-nav-icon{flex-shrink:0;font-size:16px;line-height:1;text-align:center;width:22px}.nm-mc-nav-label{flex:1 1}.nm-mc-nav-badge{background:#e41e3f;background:var(--nm-red);border-radius:10px;box-shadow:0 1px 3px #e41e3f59;font-size:9px;line-height:1.4;min-width:18px;text-align:center}.nm-mc-nav-badge,.nm-mc-nav-tag{color:#fff;font-weight:800;margin-left:auto;padding:1px 6px}.nm-mc-nav-tag{animation:nmPulseAnim 2s ease-in-out infinite;background:#22c55e;background:var(--nm-green);border-radius:4px;font-size:8.5px;letter-spacing:.4px;text-transform:uppercase}.nm-mc-nav-arrow{color:#718096;color:var(--nm-text-light);font-size:12px;margin-left:auto}@keyframes nmPulseAnim{0%,to{opacity:1}50%{opacity:.65}}.nm-mc-req-list{padding:4px 0}.nm-mc-req-item{align-items:center;border-bottom:1px solid #e2eaf4;border-bottom:1px solid var(--nm-border-light);border-left:2px solid #0000;color:#1e2d3d;color:var(--nm-text-secondary);display:flex;font-size:12.5px;font-weight:600;gap:10px;line-height:1.4;min-height:44px;padding:10px 14px;text-decoration:none;transition:background .12s}.nm-mc-req-item:last-child{border-bottom:none}.nm-mc-req-item:hover{background:#edf2fb;border-left-color:#4a90d9;border-left-color:var(--nm-blue-400);color:#1a3a6b;color:var(--nm-blue-800)}.nm-mc-req-icon{flex-shrink:0;font-size:15px}.nm-mc-req-count{background:#e41e3f;background:var(--nm-red);border-radius:10px;box-shadow:0 1px 3px #e41e3f59;color:#fff;font-size:9px;font-weight:800;margin-left:auto;min-width:20px;padding:1px 7px;text-align:center}.nm-mc-req-empty{color:#4a5568;color:var(--nm-text-muted);font-size:12px;font-style:italic;font-weight:500;padding:14px;text-align:center}.nm-mc-sugg-list{padding:6px 8px}.nm-mc-sugg-item{align-items:flex-start;border-bottom:1px solid #e2eaf4;border-bottom:1px solid var(--nm-border-light);border-radius:6px;border-radius:var(--nm-radius-sm);display:flex;gap:9px;padding:8px 4px;position:relative;transition:background .15s}.nm-mc-sugg-item:last-child{border-bottom:none}.nm-mc-sugg-item:hover{background:#f4f7fb;background:var(--nm-surface-alt)}.nm-mc-sugg-avatar{align-items:center;background:#1a3a6b;background:var(--nm-blue-800);background-position:50%;background-size:cover;border:1.5px solid #c9d4e3;border:1.5px solid var(--nm-border);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:800;height:40px;justify-content:center;width:40px}.nm-mc-sugg-info{flex:1 1;min-width:0}.nm-mc-sugg-name{color:#1a3a6b;color:var(--nm-blue-800);font-size:12.5px;font-weight:700;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm-mc-sugg-mutual{color:#4a5568;color:var(--nm-text-muted);font-size:10.5px;font-weight:500;margin:0 0 6px}.nm-mc-sugg-mutual span{color:#2d5fa6;color:var(--nm-blue-600);font-weight:700}.nm-mc-sugg-add{background:#edf2fb;border:1.5px solid #c9d4e3;border:1.5px solid var(--nm-border);border-radius:4px;color:#1a3a6b;color:var(--nm-blue-800);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:4px 11px;transition:all .15s}.nm-mc-sugg-add:hover{background:#2d5fa6;background:var(--nm-blue-600);border-color:#2d5fa6;border-color:var(--nm-blue-600);color:#fff}.nm-mc-sugg-close{background:none;border:none;border-radius:50%;color:#718096;color:var(--nm-text-light);cursor:pointer;font-size:16px;line-height:1;padding:2px 5px;position:absolute;right:2px;top:5px;transition:all .15s}.nm-mc-sugg-close:hover{background:#00000012;color:#1e2d3d;color:var(--nm-text-secondary)}.nm-mc-empty{color:#4a5568;color:var(--nm-text-muted);font-size:11.5px;font-style:italic;font-weight:500;margin:0;padding:16px 10px;text-align:center}.nm-mc-anon{background:linear-gradient(145deg,#0f2548,#1a3a6b 50%,#2d5fa6);border:1px solid #1a3a6b;overflow:hidden;position:relative}.nm-mc-anon:before{background:radial-gradient(ellipse at 90% 10%,#4a90d940 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.nm-mc-anon-body{padding:16px;position:relative;z-index:1}.nm-mc-anon-icon{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));font-size:44px;margin-bottom:10px;text-align:center}.nm-mc-anon-title{color:#fff;font-size:15px;font-weight:800;letter-spacing:-.2px;margin:0 0 4px;text-align:center}.nm-mc-anon-sub{color:#ffffffb3;font-size:11.5px;font-weight:400;line-height:1.5;margin:0 0 14px;text-align:center}.nm-mc-anon-btn{background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:6px;border-radius:var(--nm-radius-sm);color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.2px;padding:10px 16px;text-align:center;transition:all .22s;width:100%}.nm-mc-anon-btn:hover{background:#ffffff40;border-color:#ffffff8c;box-shadow:0 4px 16px #0000004d;transform:translateY(-1px)}.nm-mc-anon-feats{border-top:1px solid #ffffff26;display:flex;justify-content:space-around;margin-top:12px;padding-top:12px}.nm-mc-anon-feat{align-items:center;display:flex;flex-direction:column;gap:3px}.nm-mc-anon-feat-icon{font-size:18px}.nm-mc-anon-feat-text{color:#ffffffbf;font-size:9.5px;font-weight:600}.nm-mc-trending-list{padding:4px 0}.nm-mc-trending-item{align-items:center;border-bottom:1px solid #e2eaf4;border-bottom:1px solid var(--nm-border-light);display:flex;justify-content:space-between;padding:9px 14px;transition:background .15s}.nm-mc-trending-item:last-child{border-bottom:none}.nm-mc-trending-item:hover{background:#f4f7fb;background:var(--nm-surface-alt)}.nm-mc-trending-left{align-items:center;display:flex;gap:10px}.nm-mc-trending-rank{color:#718096;color:var(--nm-text-light);flex-shrink:0;font-size:11px;font-weight:800;text-align:center;width:16px}.nm-mc-trending-tag{color:#2d5fa6;color:var(--nm-blue-600);font-size:12.5px;font-weight:700}.nm-mc-trending-count{color:#4a5568;color:var(--nm-text-muted);font-size:10.5px;font-weight:500}.nm-mc-skel{animation:nmSkelAnim 1.4s ease-in-out infinite;background:#e2e8f0;border-radius:3px;display:inline-block;height:13px}@keyframes nmSkelAnim{0%,to{opacity:.55}50%{opacity:1}}.nm-menu-bottom-nav{background:#fff;border-top:1.5px solid #c9d4e3;border-top:1.5px solid var(--nm-border);bottom:0;box-shadow:0 -3px 12px #0f25481a;display:none;justify-content:space-around;left:0;padding:6px 0;position:fixed;right:0;z-index:1000}.nm-menu-bottom-nav-item{align-items:center;color:#4a5568;color:var(--nm-text-muted);display:flex;flex-direction:column;font-size:9.5px;font-weight:700;gap:3px;min-width:52px;padding:5px 8px;position:relative;text-decoration:none;transition:color .15s}.nm-menu-bottom-nav-item.active{color:#2d5fa6;color:var(--nm-blue-600)}.nm-menu-bottom-nav-item>span:first-child{font-size:22px}.nm-menu-bottom-nav-badge{background:#e41e3f;background:var(--nm-red);border-radius:8px;color:#fff;font-size:8px;font-weight:800;padding:1px 5px;position:absolute;right:6px;top:1px}.nm-toast{border-radius:6px;border-radius:var(--nm-radius-sm);box-shadow:0 8px 32px #0f25482e;box-shadow:var(--nm-shadow-lg);font-family:inherit;font-size:12.5px;font-weight:700;left:50%;max-width:420px;min-width:210px;padding:10px 20px;pointer-events:none;position:fixed;text-align:center;top:68px;transform:translateX(-50%);z-index:9999}.nm-toast--info{background:#2d5fa6;background:var(--nm-blue-600);color:#fff}.nm-toast--success{background:#1e6e2e;color:#fff}.nm-toast--error{background:#b91c1c;color:#fff}.nm-loading{align-items:center;color:#1e2d3d;color:var(--nm-text-secondary);display:flex;font-size:15px;font-weight:600;justify-content:center;min-height:100vh}@media (max-width:900px){.nm-menu-container{padding:12px 10px 0}}@media (max-width:767px){.nm-menu-grid{grid-template-columns:1fr}.nm-menu-row-full{grid-column:1}.nm-mc-profile-body{flex-wrap:wrap}}@media (max-width:599px){.nm-menu{padding:0 0 70px}.nm-menu-bottom-nav{display:flex}.nm-menu-container{padding:10px 8px 0}.nm-menu-header{padding:8px 10px 8px 0}.nm-menu-title{font-size:15px}.nm-mc-anon-icon{font-size:38px}.nm-mc-profile-name{font-size:14px}.nm-mc-profile-avatar{font-size:22px;height:54px;margin-top:-27px;width:54px}.nm-mc-profile-banner{height:64px}}@media (max-width:479px){.nm-menu-grid{gap:8px}.nm-menu-container{padding:8px 6px 0}.nm-mc-nav-item{font-size:12.5px;padding:8px 12px}.nm-mc-anon-feat-icon{font-size:16px}}@media (max-width:374px){.nm-menu{padding:0 0 68px}.nm-menu-container{padding:6px 5px 0}.nm-menu-title{font-size:14px}.nm-menu-back-btn{font-size:11px;padding:5px 9px}.nm-mc-nav-item{padding:7px 10px}}@media (hover:none) and (pointer:coarse){.nm-mc-nav-item,.nm-mc-req-item{min-height:48px}.nm-mc-sugg-add{padding:6px 14px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.nm-menu{padding-bottom:max(20px,calc(20px + env(safe-area-inset-bottom)))}.nm-menu-bottom-nav{padding-bottom:max(6px,calc(6px + env(safe-area-inset-bottom)))}}.wall-wall-page{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding-top:20px}.wall-wall-container{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:240px 1fr 300px;margin:0 auto;max-width:1400px;padding:0 20px}.wall-sidebar-card{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;overflow:hidden}.wall-wall-sidebar-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:10px 12px}.wall-wall-sidebar-header h4{align-items:center;color:#333;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0}.wall-see-all-link{color:#2a5db0;font-size:11px;font-weight:600;text-decoration:none}.wall-see-all-link:hover{text-decoration:underline}.wall-sidebar-left{-ms-overflow-style:none;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:80px}.wall-sidebar-left::-webkit-scrollbar{display:none}.wall-user-profile-mini{align-items:center;display:flex;gap:10px;padding:12px}.wall-profile-avatar-small{align-items:center;border:2px solid #e0e0e0;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.wall-profile-info-mini{flex:1 1;min-width:0}.wall-profile-name-mini{color:#2a5db0;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-view-profile-link{color:#2a5db0;font-size:11px;text-decoration:none}.wall-view-profile-link:hover{text-decoration:underline}.wall-nav-menu{display:flex;flex-direction:column;padding:8px 0}.wall-nav-item{align-items:center;border-radius:4px;color:#555;display:flex;font-size:13px;font-weight:500;gap:10px;padding:9px 12px;position:relative;text-decoration:none;transition:background .2s}.wall-nav-item:hover{background:#f5f5f5}.wall-nav-item.wall-active{background:#e6eef8;color:#2a5db0}.wall-nav-icon{font-size:16px;text-align:center;width:20px}.wall-nav-badge{background:#dc3545;border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;padding:2px 6px}.wall-wall-main{max-width:600px}.wall-wall-header{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:14px 18px}.wall-wall-title{color:#fff;font-size:19px;font-weight:700;letter-spacing:.3px;margin:0 0 4px}.wall-wall-subtitle{color:#fffffff2;font-size:12px;font-weight:400;margin:0}.wall-wall-feed{display:flex;flex-direction:column;gap:8px}.wall-mini-feed-item{align-items:flex-start;background:#fff;border:1px solid #d5d5d5;border-radius:6px;display:flex;gap:12px;margin-bottom:2px;padding:14px 16px;transition:all .2s}.wall-mini-feed-item:hover{background:#fafafa;box-shadow:0 1px 3px #00000014}.wall-mini-icon{align-items:center;background:#f3f3f3;border-radius:6px;display:flex;flex-shrink:0;font-size:19px;height:32px;justify-content:center;width:32px}.wall-mini-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.wall-mini-header{color:#222;font-size:13px;line-height:1.5}.wall-mini-user{color:#2a5db0;font-weight:600;text-decoration:none}.wall-mini-user:hover{text-decoration:underline}.wall-mini-action{color:#333;font-weight:400}.wall-mini-highlight{color:#222;font-weight:600}.wall-mini-time{color:#888;font-size:11px;margin-top:4px}.wall-mini-photo-album{background:#f8f8f8;border:1px solid #ddd;border-radius:6px;margin-top:10px;padding:12px}.wall-mini-album-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:10px}.wall-mini-album-thumb{background:#fff;border:1px solid #ddd;border-radius:4px;flex-shrink:0;height:85px;overflow:hidden;width:85px}.wall-mini-album-thumb img{display:block;height:100%;object-fit:cover;width:100%}.wall-mini-album-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.wall-mini-album-title{color:#2a5db0;font-size:14px;font-weight:600;line-height:1.3}.wall-mini-album-title:hover{text-decoration:underline}.wall-mini-album-count{color:#555;font-size:12px}.wall-mini-album-by{color:#888;font-size:12px}.wall-mini-photo-grid{border-top:1px solid #e8e8e8;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px}.wall-mini-photo-item{aspect-ratio:4/3;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;max-width:150px;min-width:100px;overflow:hidden;transition:transform .2s;width:calc(25% - 6px)}.wall-mini-photo-item:hover{transform:scale(1.03)}.wall-mini-photo-item img{display:block;height:100%;object-fit:cover;width:100%}.wall-mini-post-text{background:#fff;border:1px solid #e8e8e8;border-radius:4px;color:#333;font-size:13px;line-height:1.5;margin-top:8px;padding:8px}.wall-loading-state{align-items:center;background:#fff;border:1px solid #d5d5d5;border-radius:6px;color:#888;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.wall-spinner{animation:wall-fb-spin .8s linear infinite;border:4px solid #e8e8e8;border-radius:50%;border-top-color:#4a7bc8;height:40px;margin-bottom:12px;width:40px}@keyframes wall-fb-spin{to{transform:rotate(1turn)}}.wall-loading-state p{font-size:14px;margin:0}.wall-empty-state{background:#fff;border:1px solid #d5d5d5;border-radius:6px;color:#555;padding:60px 20px;text-align:center}.wall-empty-icon{font-size:64px;margin-bottom:16px}.wall-empty-state h3{color:#222;font-size:19px;font-weight:600;margin:0 0 8px}.wall-empty-state p{color:#888;font-size:14px;line-height:1.4;margin:0 0 20px}.wall-btn-find-friends{background:#4a7bc8;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:10px 22px;text-decoration:none;transition:background .2s}.wall-btn-find-friends:hover{background:#3a6bb8}.wall-loading{align-items:center;color:#555;display:flex;font-size:16px;justify-content:center;min-height:100vh}.wall-sidebar-right{-ms-overflow-style:none;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:80px}.wall-sidebar-right::-webkit-scrollbar{display:none}.wall-requests-list{padding:4px 8px}.wall-request-item{align-items:center;border-radius:4px;color:#555;display:flex;font-size:13px;gap:8px;margin:2px 0;padding:9px 8px;text-decoration:none;transition:background .2s}.wall-request-item:hover{background:#f5f5f5}.wall-request-icon{flex-shrink:0;font-size:15px}.wall-request-text{flex:1 1;font-weight:500}.wall-load-more-container{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px 0}.wall-load-more-btn{align-items:center;background:#4a7bc8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-width:150px;padding:11px 26px;transition:all .2s ease}.wall-load-more-btn:hover:not(:disabled){background:#3a6bb8}.wall-load-more-btn:active:not(:disabled){transform:scale(.98)}.wall-load-more-btn:disabled{cursor:not-allowed;opacity:.7}.wall-load-more-spinner{animation:wall-fb-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.wall-end-feed{align-items:center;background:#fff;border:1px solid #d5d5d5;border-radius:6px;display:flex;flex-direction:column;margin-top:8px;padding:40px 20px;text-align:center}.wall-end-icon{font-size:48px;margin-bottom:12px}.wall-end-feed p{color:#222;font-size:15px;font-weight:600;margin:0 0 6px}.wall-end-subtext{color:#888;font-size:13px;font-weight:400}@media (max-width:1200px){.wall-wall-container{gap:16px;grid-template-columns:200px 1fr 280px}}@media (max-width:992px){.wall-wall-container{grid-template-columns:1fr}.wall-sidebar-left,.wall-sidebar-right{display:none}.wall-wall-main{max-width:100%}}@media (max-width:768px){.wall-wall-page{padding-top:10px}.wall-wall-container{padding:0 10px}.wall-mini-feed-item{padding:12px 14px}.wall-mini-icon{font-size:17px;height:28px;width:28px}.wall-mini-album-thumb{height:70px;width:70px}.wall-wall-header{padding:12px 16px}.wall-wall-title{font-size:17px}.wall-wall-subtitle{font-size:11px}}.wall-toast{animation:wallToastIn .25s ease,wallToastOut .3s ease 3.2s forwards;border-radius:4px;box-shadow:0 4px 14px #0000002e;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:600;left:50%;max-width:420px;min-width:220px;padding:10px 20px;pointer-events:none;position:fixed;text-align:center;top:70px;transform:translateX(-50%);z-index:9999}.wall-toast--info{background:#47a;color:#fff}.wall-toast--success{background:#2d7a2d;color:#fff}.wall-toast--error{background:#c0392b;color:#fff}@keyframes wallToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes wallToastOut{0%{opacity:1}to{opacity:0}}.wall-error-state{align-items:center;background:#fff;border:1px solid #d5d5d5;border-radius:6px;display:flex;flex-direction:column;gap:14px;padding:48px 24px;text-align:center}.wall-error-state p{color:#c0392b;font-size:14px;font-weight:600;margin:0}.wall-retry-btn{background:#4a7bc8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 24px;transition:opacity .2s}.wall-retry-btn:hover{opacity:.88}.wall-requests-empty{color:#90949c;font-size:11px;font-style:italic;padding:20px;text-align:center}:root{--primary:#344e88;--primary-light:#4a67a8;--primary-dark:#243660;--accent:#6c8ee8;--accent-glow:#6c8ee859;--success:#22c55e;--success-bg:#22c55e1a;--error:#ef4444;--error-bg:#ef44441a;--warning:#f97316;--warning-bg:#f973161a;--info:#6c8ee8;--info-bg:#6c8ee81a;--bg:#0d1117;--bg-card:#111827eb;--bg-input:#ffffff0a;--bg-input-focus:#6c8ee814;--border:#ffffff14;--border-focus:#6c8ee899;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--radius:14px;--transition:0.22s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{margin:0;padding:0}.fp-wrapper{align-items:center;background:#0d1117;background:var(--bg);display:flex;font-family:Sora,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:24px 16px;position:relative}.fp-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.blob{animation:blobFloat 12s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.18;position:absolute}.blob-1{animation-delay:0s;background:radial-gradient(circle,#344e88 0,#0000 70%);height:520px;left:-160px;top:-160px;width:520px}.blob-2{animation-delay:-5s;background:radial-gradient(circle,#6c8ee8 0,#0000 70%);bottom:-100px;height:400px;right:-100px;width:400px}.blob-3{animation-delay:-9s;background:radial-gradient(circle,#243660 0,#0000 70%);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.96)}}.fp-card{animation:cardIn .5s cubic-bezier(.34,1.2,.64,1) both;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#111827eb;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:24px;box-shadow:0 0 0 1px #ffffff0a,0 24px 64px #00000080,0 0 80px #344e881f;max-width:460px;padding:40px 36px 32px;position:relative;width:100%;z-index:1}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fp-header{margin-bottom:28px;text-align:center}.fp-icon{align-items:center;background:linear-gradient(135deg,#344e88,#6c8ee8);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;box-shadow:0 8px 24px #344e8866;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.fp-icon svg{color:#fff;height:26px;width:26px}.fp-title{color:#f1f5f9;color:var(--text-primary);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.fp-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:.875rem;line-height:1.5;word-break:break-word}.fp-steps{justify-content:center;margin-bottom:28px}.fp-step,.fp-steps{align-items:center;display:flex}.fp-step{flex-direction:column;gap:6px}.fp-step-dot{align-items:center;background:#ffffff0a;background:var(--bg-input);border:2px solid #ffffff14;border:2px solid var(--border);border-radius:50%;color:#475569;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:32px}.fp-step-dot svg{height:14px;width:14px}.fp-step.active .fp-step-dot{background:linear-gradient(135deg,#344e88,#6c8ee8);background:linear-gradient(135deg,var(--primary),var(--accent));border-color:#6c8ee8;border-color:var(--accent);box-shadow:0 0 16px #6c8ee859;box-shadow:0 0 16px var(--accent-glow);color:#fff}.fp-step.done .fp-step-dot{background:#22c55e;background:var(--success);border-color:#22c55e;border-color:var(--success);color:#fff}.fp-step span{color:#475569;color:var(--text-muted);font-size:.72rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.fp-step.active span{color:#6c8ee8;color:var(--accent)}.fp-step-line{background:#ffffff14;background:var(--border);flex:1 1;height:2px;margin:0 8px 22px;max-width:64px}.fp-rate-banner{align-items:center;animation:fadeSlideIn .25s ease;background:#f973161a;background:var(--warning-bg);border:1px solid #f973164d;border-radius:8px;border-radius:var(--radius-sm);color:#f97316;color:var(--warning);display:flex;font-size:.82rem;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 14px}.fp-rate-banner svg{flex-shrink:0;height:15px;width:15px}.fp-form{gap:18px}.fp-field,.fp-form{display:flex;flex-direction:column}.fp-field{gap:6px}.fp-label{color:#94a3b8;color:var(--text-secondary);font-size:.82rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.fp-input-wrap{position:relative}.fp-input-icon,.fp-input-wrap{align-items:center;display:flex}.fp-input-icon{color:#475569;color:var(--text-muted);left:14px;pointer-events:none;position:absolute;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--transition);z-index:1}.fp-input-icon svg{height:17px;width:17px}.fp-input{-webkit-appearance:none;appearance:none;background:#ffffff0a;background:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f1f5f9;color:var(--text-primary);font-family:Sora,sans-serif;font-size:.92rem;outline:none;padding:13px 14px 13px 44px;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.fp-input::placeholder{color:#475569;color:var(--text-muted);font-size:.875rem}.fp-input:focus{background:#6c8ee814;background:var(--bg-input-focus);border-color:#6c8ee899;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c8ee81f}.fp-input-wrap:focus-within .fp-input-icon{color:#6c8ee8;color:var(--accent)}.fp-input.fp-match{border-color:#22c55e80}.fp-input.fp-no-match{border-color:#ef444480}.fp-input:disabled{cursor:not-allowed;opacity:.5}.fp-eye-btn{align-items:center;background:none;border:none;border-radius:4px;color:#475569;color:var(--text-muted);cursor:pointer;display:flex;padding:6px;position:absolute;right:12px;transition:color .22s cubic-bezier(.4,0,.2,1),background .22s cubic-bezier(.4,0,.2,1);transition:color var(--transition),background var(--transition);z-index:1}.fp-eye-btn:hover{background:#6c8ee814;color:#6c8ee8;color:var(--accent)}.fp-eye-btn:focus-visible{outline:2px solid #6c8ee8;outline:2px solid var(--accent);outline-offset:2px}.fp-eye-btn svg{height:17px;width:17px}.fp-code-input{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:600;letter-spacing:.25em;padding-left:44px;padding-right:14px;text-align:center}.fp-token-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.fp-hint{color:#475569;color:var(--text-muted);font-size:.78rem}.fp-match-hint{font-size:.78rem;font-weight:500}.fp-match-ok{color:#22c55e;color:var(--success)}.fp-match-err{color:#ef4444;color:var(--error)}.fp-resend-btn{background:none;border:none;color:#6c8ee8;color:var(--accent);cursor:pointer;flex-shrink:0;font-family:Sora,sans-serif;font-size:.78rem;font-weight:600;padding:2px 0;text-decoration:underline;text-underline-offset:2px;transition:color .22s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1);transition:color var(--transition),opacity var(--transition)}.fp-resend-btn:hover:not(:disabled){color:#4a67a8;color:var(--primary-light)}.fp-resend-btn--wait,.fp-resend-btn:disabled{color:#475569;color:var(--text-muted);cursor:default;opacity:.7;text-decoration:none}.fp-resend-btn:focus-visible{border-radius:3px;outline:2px solid #6c8ee8;outline:2px solid var(--accent);outline-offset:2px}.fp-strength{align-items:center;display:flex;gap:10px;margin-top:2px}.fp-strength-bars{display:flex;flex:1 1;gap:4px}.fp-strength-bar{background:#ffffff14;background:var(--border);border-radius:99px;flex:1 1;height:4px;transition:background .3s ease}.fp-strength-label{font-size:.74rem;font-weight:600;letter-spacing:.02em;min-width:68px;text-align:right;transition:color .3s}.fp-captcha-row{align-items:center;display:flex;gap:10px}.fp-captcha-box{background:linear-gradient(135deg,#1a1f2e,#141926);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;min-width:96px;overflow:hidden;padding:10px 18px;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.fp-captcha-text{color:#6c8ee8;color:var(--accent);display:inline-block;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;letter-spacing:.22em;position:relative;text-shadow:0 0 12px #6c8ee859;text-shadow:0 0 12px var(--accent-glow);transform:skew(-3deg);z-index:1}.fp-captcha-noise{inset:0;pointer-events:none;position:absolute}.fp-noise-line{background:#6c8ee826;display:block;height:1px;position:absolute;width:110%}.fp-captcha-refresh{align-items:center;background:#ffffff0a;background:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:38px}.fp-captcha-refresh:hover{background:#6c8ee81a;border-color:#6c8ee899;border-color:var(--border-focus);color:#6c8ee8;color:var(--accent);transform:rotate(90deg)}.fp-captcha-refresh:focus-visible{outline:2px solid #6c8ee8;outline:2px solid var(--accent);outline-offset:2px}.fp-captcha-refresh svg{height:16px;width:16px}.fp-captcha-input{flex:1 1;font-family:JetBrains Mono,monospace;font-size:1rem;letter-spacing:.15em;padding-left:14px;text-align:center}.fp-btn{align-items:center;background:linear-gradient(135deg,#344e88,#6c8ee8);background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #344e8859;color:#fff;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.02em;margin-top:4px;overflow:hidden;padding:14px;position:relative;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.fp-btn:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .22s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.fp-btn:hover:not(:disabled){box-shadow:0 8px 28px #344e8880;transform:translateY(-2px)}.fp-btn:hover:not(:disabled):before{opacity:1}.fp-btn:active:not(:disabled){transform:translateY(0)}.fp-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.fp-btn:focus-visible{outline:2px solid #6c8ee8;outline:2px solid var(--accent);outline-offset:3px}.fp-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:16px;width:16px}.fp-back{margin-top:22px;text-align:center}.fp-back-link{align-items:center;border-radius:6px;color:#94a3b8;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:4px 8px;text-decoration:none;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.fp-back-link:hover{color:#6c8ee8;color:var(--accent)}.fp-back-link:focus-visible{outline:2px solid #6c8ee8;outline:2px solid var(--accent);outline-offset:2px}.fp-back-link svg{height:15px;transition:transform .22s cubic-bezier(.4,0,.2,1);transition:transform var(--transition);width:15px}.fp-back-link:hover svg{transform:translateX(-3px)}.fp-toast-container{display:flex;flex-direction:column;gap:10px;max-width:360px;pointer-events:none;position:fixed;right:20px;top:20px;width:calc(100vw - 40px);z-index:9999}.fp-toast{align-items:flex-start;animation:toastIn .3s cubic-bezier(.34,1.3,.64,1) both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #0000;border-radius:10px;box-shadow:0 8px 24px #00000059;display:flex;font-size:.875rem;font-weight:500;gap:10px;line-height:1.45;padding:13px 14px;pointer-events:all}.fp-toast--success{background:#111827f0;border-color:#22c55e4d;color:#dcfce7}.fp-toast--success .fp-toast-icon{color:#22c55e;color:var(--success)}.fp-toast--error{background:#111827f0;border-color:#ef44444d;color:#fee2e2}.fp-toast--error .fp-toast-icon{color:#ef4444;color:var(--error)}.fp-toast--warning{background:#111827f0;border-color:#f973164d;color:#ffedd5}.fp-toast--warning .fp-toast-icon{color:#f97316;color:var(--warning)}.fp-toast--info{background:#111827f0;border-color:#6c8ee84d;color:#e0e7ff}.fp-toast--info .fp-toast-icon{color:#6c8ee8;color:var(--info)}.fp-toast-icon{align-items:center;display:flex;flex-shrink:0;margin-top:1px}.fp-toast-icon svg{height:16px;width:16px}.fp-toast-msg{flex:1 1}.fp-toast-close{align-items:center;background:none;border:none;border-radius:4px;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;margin-top:1px;opacity:.5;padding:2px;transition:opacity .22s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.fp-toast-close:hover{opacity:1}.fp-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.fp-toast-close svg{height:13px;width:13px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.fp-card{border-radius:18px;padding:28px 20px 24px}.fp-title{font-size:1.35rem}.fp-captcha-row{flex-wrap:wrap}.fp-captcha-box{min-width:80px}.fp-toast-container{right:12px;top:12px;width:calc(100vw - 24px)}}@media (prefers-reduced-motion:reduce){.blob,.fp-captcha-refresh:hover,.fp-card,.fp-toast{animation:none;transform:none;transition:none}.fp-back-link:hover svg,.fp-btn:hover:not(:disabled){transform:none}}:root{--brand:#4267b2;--brand-dark:#365899;--brand-light:#e7f3ff;--surface-2:#f5f6f7;--surface-3:#f0f2f5;--border:#dddfe2;--border-dark:#ccd0d5;--text-primary:#1c1e21;--text-muted:#606770;--text-faint:#90949c;--success:#48bb78;--warning:#f59e0b;--support-red:#e63946;--relate-orange:#f77f00;--radius-sm:4px;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #00000014;--shadow:0 2px 8px #0000001a;--shadow-lg:0 8px 24px #00000024;--transition:150ms ease;--page-max:860px}.confessions-page{background:#dddad5;color:#1c1e21;color:var(--text-primary);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;padding:20px 0 60px}.confessions-container{margin:0 auto;max-width:860px;max-width:var(--page-max);padding:0 16px}.confessions-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px;padding:12px 18px}.header-left{flex:1 1;gap:12px;min-width:0}.header-title{color:#1c1e21;color:var(--text-primary);font-size:18px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-btn{background:#f5f6f7;background:var(--surface-2);border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:4px;border-radius:var(--radius-sm);color:#606770;color:var(--text-muted);flex-shrink:0;font-size:12px;padding:7px 14px;transition:background .15s ease;transition:background var(--transition);white-space:nowrap}.back-btn:hover{background:#e4e6eb}.post-btn{align-items:center;background:#4267b2;background:var(--brand);border:1px solid #365899;border:1px solid var(--brand-dark);border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:6px;padding:7px 16px;transition:background .15s ease;transition:background var(--transition);white-space:nowrap}.post-btn:hover{background:#365899;background:var(--brand-dark)}.post-btn kbd{background:#fff3;border-radius:3px;font-family:monospace;font-size:10px;padding:1px 5px}.daily-limits{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);color:#606770;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:20px;margin-bottom:12px;padding:10px 18px}.limit-item{align-items:center;display:flex;font-weight:500;gap:6px}.limit-hit{color:#ef4444;color:var(--danger);font-weight:700}.guidelines-banner{align-items:flex-start;background:#fffaf0;border:1px solid #fed7aa;border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:12px;margin-bottom:12px;padding:12px 18px}.banner-icon{flex-shrink:0;font-size:24px}.banner-content h3{color:#824a00;font-size:13px;font-weight:700;margin:0 0 5px}.banner-content p{color:#824a00;font-size:12px;line-height:1.6;margin:0}.filters-card{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);margin-bottom:14px;padding:14px 18px}.filters-grid{grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr}.filter-group label{display:block;font-weight:600;margin-bottom:6px}.filter-group label,.filter-select{color:#1c1e21;color:var(--text-primary);font-size:13px}.filter-select{background:#fff;background:var(--surface);border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;padding:8px 10px;transition:border-color .15s ease;transition:border-color var(--transition);width:100%}.filter-select:focus{border-color:#4267b2;border-color:var(--brand);outline:none}.loading-container{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);padding:60px 20px;text-align:center}.loading-text{color:#606770;color:var(--text-muted);font-size:14px;margin:14px 0 0}.loading-spinner{animation:spin .7s linear infinite;border:3px solid #dddfe2;border-top-color:#4267b2;border-top-color:var(--brand);height:36px;margin:0 auto;width:36px}.loading-spinner.small{border-width:2px;height:20px;width:20px}.loading-more{align-items:center;color:#606770;color:var(--text-muted);display:flex;gap:10px;justify-content:center;padding:20px}.scroll-sentinel{height:40px}.end-of-feed{color:#90949c;color:var(--text-faint);font-size:13px;padding:20px;text-align:center}.empty-state{border:1px solid #dddfe2;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;padding:70px 20px}.empty-icon-ano{font-size:56px;margin-bottom:16px}.empty-title{color:#1c1e21;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 10px}.empty-description{color:#606770;color:var(--text-muted);font-size:14px;margin:0}.confession-card{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);contain:layout style;margin-bottom:14px;overflow:hidden;will-change:transform}.confession-header{border-bottom:1px solid #e9ebee;display:flex;gap:10px;justify-content:space-between;padding:12px 16px}.confession-user-info{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:0}.user-avatar{background:linear-gradient(180deg,#5d7083,#47a);font-size:20px;height:40px;width:40px}.user-details{flex:1 1;min-width:0}.user-details h4{color:#385898;font-size:14px;font-weight:600;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.meta-badge{background:#e9ebee;border-radius:3px;color:#606770;color:var(--text-muted);font-size:11px;font-weight:600;padding:2px 7px;white-space:nowrap}.meta-badge.college{background:#dff0d8;color:#3c763d}.meta-badge.branch{background:#e8daef;color:#7b2d82}.meta-badge.friends{background:#f2dede;color:#a94442}.meta-badge.expire{background:#fcf8e3;color:#8a6d3b}.confession-time{color:#90949c;color:var(--text-faint);cursor:default;font-size:12px;margin:0}.report-select{background:#f5f6f7;background:var(--surface-2);border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:4px;border-radius:var(--radius-sm);color:#606770;color:var(--text-muted);cursor:pointer;font-size:12px;padding:5px 8px}.report-select:focus{border-color:#4267b2;border-color:var(--brand);outline:none}.confession-content{padding:14px 16px}.confession-text{color:#1c1e21;color:var(--text-primary);font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere;word-break:break-word}.confession-image{border:1px solid #dddfe2;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:block;margin-top:12px;max-height:200px;max-width:200px;object-fit:cover;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition),box-shadow var(--transition)}.confession-image:hover{box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);transform:scale(1.04)}.voting-container{border-bottom:1px solid #e9ebee;border-top:1px solid #e9ebee;display:flex;gap:4px;padding:10px 14px}.vote-btn{background:#f5f6f7;background:var(--surface-2);border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:4px;border-radius:var(--radius-sm);color:#606770;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;overflow:hidden;padding:7px 10px;text-align:center;text-overflow:ellipsis;transition:background .15s ease,transform .15s ease;transition:background var(--transition),transform var(--transition);white-space:nowrap}.vote-btn:hover{background:#e4e6eb;transform:translateY(-1px)}.vote-btn.active.support{background:#fff5f5;border:2px solid #e63946;border:2px solid var(--support-red);color:#e63946;color:var(--support-red)}.vote-btn.active.relate{background:#fff8f0;border:2px solid #f77f00;border:2px solid var(--relate-orange);color:#f77f00;color:var(--relate-orange)}.vote-btn.reply-btn{background:#4267b2;background:var(--brand);border-color:#365899;border-color:var(--brand-dark);color:#fff}.vote-btn.reply-btn:hover{background:#365899;background:var(--brand-dark)}.replies-section{background:#f5f6f7;background:var(--surface-2);border-top:1px solid #e9ebee;padding:14px 16px}.reply-input-container{margin-bottom:14px}.reply-textarea{border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:4px;border-radius:var(--radius-sm);font-family:inherit;font-size:13px;margin-bottom:8px;min-height:70px;padding:10px;resize:vertical;transition:border-color .15s ease;transition:border-color var(--transition);width:100%}.reply-textarea:focus{border-color:#4267b2;border-color:var(--brand);outline:none}.reply-options{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:6px;margin:8px 0;padding:8px 12px}.reply-anonymous-toggle{align-items:center;display:flex;gap:10px}.reply-option-label{color:#1c1e21;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.reply-actions{display:flex;justify-content:flex-end}.reply-submit-btn{background:#4267b2;background:var(--brand);border:1px solid #365899;border:1px solid var(--brand-dark);border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:7px 18px;transition:background .15s ease;transition:background var(--transition);white-space:nowrap}.reply-submit-btn:hover:not(:disabled){background:#365899;background:var(--brand-dark)}.reply-submit-btn:disabled{background:#b4b8bb;border-color:#8a8d91;cursor:not-allowed;opacity:.5}.replies-list{display:flex;flex-direction:column;gap:10px}.reply-item{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:10px 12px}.reply-item.named-reply{background:#f0f8ff;border-left:3px solid #4267b2;border-left:3px solid var(--brand)}.reply-avatar{align-items:center;background:linear-gradient(135deg,#a8b3d9,#b8a8d9);border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.reply-avatar.named{background:linear-gradient(135deg,#4267b2,#365899);background:linear-gradient(135deg,var(--brand),var(--brand-dark))}.reply-content{flex:1 1;min-width:0}.reply-username{align-items:center;color:#385898;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:6px;margin:0 0 4px}.named-badge{background:#4267b2;background:var(--brand);border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:700;padding:1px 6px}.reply-text{color:#1c1e21;color:var(--text-primary);font-size:13px;line-height:1.5;margin:0 0 4px;word-break:break-word}.reply-time{font-size:11px;margin:0}.no-replies,.reply-time{color:#90949c;color:var(--text-faint)}.no-replies{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);font-size:13px;padding:20px;text-align:center}.modal-overlay{background:#000000b8;overflow-y:auto}.modal-content{animation:slideUp .2s ease;border-radius:8px;box-shadow:0 8px 24px #00000024;margin:auto;max-width:560px}.modal-header{border-bottom:1px solid #dddfe2;padding:16px 20px;z-index:10}.modal-title{color:#1c1e21;color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#f0f2f5;background:var(--surface-3);border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:36px;justify-content:center;line-height:1;margin-left:10px;transition:background .15s ease,color .15s ease;transition:background var(--transition),color var(--transition);width:36px}.modal-close-btn:hover{background:#e4e6eb;color:#1c1e21;color:var(--text-primary)}.anonymity-notice{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;border-radius:var(--radius);color:#fff;font-size:13px;font-weight:700;margin-bottom:16px;padding:11px 16px;text-align:center}.textarea-wrapper{margin-bottom:16px;position:relative}.post-textarea{border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:8px;border-radius:var(--radius);font-family:inherit;font-size:15px;line-height:1.5;min-height:110px;padding:12px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.post-textarea:focus{border-color:#4267b2;border-color:var(--brand);box-shadow:0 0 0 2px #4267b21a;outline:none}.post-textarea.textarea-warn{border-color:#f59e0b;border-color:var(--warning)}.char-counter{bottom:10px;color:#90949c;color:var(--text-faint);font-size:11px;font-weight:500;pointer-events:none;position:absolute;right:12px}.char-counter.warn{color:#ef4444;color:var(--danger);font-weight:700}.image-upload-section{margin-bottom:18px}.image-upload-label{align-items:center;background:#f0f2f5;background:var(--surface-3);border:none;border-radius:8px;border-radius:var(--radius);color:#606770;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:9px 16px;transition:background .15s ease;transition:background var(--transition)}.image-upload-label:hover{background:#e4e6eb}.image-preview-container{display:inline-block;margin-top:10px;position:relative}.image-preview{border-radius:8px;border-radius:var(--radius);display:block;max-width:100%}.image-remove-btn{align-items:center;background:#000000bf;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .15s ease;transition:background var(--transition);width:32px}.image-remove-btn:hover{background:#000000eb}.visibility-section{margin-bottom:18px}.visibility-label{color:#1c1e21;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:10px}.visibility-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.visibility-option{align-items:center;background:#fff;background:var(--surface);border-radius:var(--radius);flex-direction:column;justify-content:center;min-height:100px;padding:14px 10px;position:relative;text-align:center;transition:border-color .15s ease,background .15s ease,transform .15s ease;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.visibility-option:hover{background:#f0f2f5;background:var(--surface-3);border-color:#ccd0d5;border-color:var(--border-dark);transform:translateY(-1px)}.visibility-option.active{background:#e7f3ff;background:var(--brand-light);border-color:#4267b2;border-color:var(--brand)}.visibility-option.active:after{align-items:center;background:#4267b2;background:var(--brand);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:5px;top:5px;width:18px}.visibility-icon{font-size:26px;margin-bottom:5px}.visibility-name{color:#1c1e21;color:var(--text-primary);display:block;font-size:12px;font-weight:700;margin-bottom:2px}.visibility-desc{color:#606770;color:var(--text-muted);display:block;font-size:10px}.options-section{background:#f5f6f7;background:var(--surface-2);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin-bottom:18px;padding:14px 16px}.option-item{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.option-item:last-child{margin-bottom:0}.option-checkbox{accent-color:#4267b2;accent-color:var(--brand);cursor:pointer;flex-shrink:0;height:18px;width:18px}.option-label{color:#1c1e21;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.option-badge{background:#d3f9d8;border-radius:4px;color:#2b7c2f;font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap}.option-info{align-items:center;background:#fffbeb;border:1px solid #fed7aa;border-radius:6px;display:flex;gap:8px;padding:9px 12px}.option-icon{flex-shrink:0;font-size:16px}.option-text{color:#92400e;font-size:13px;line-height:1.4}.warning-box{background:#fff9f0;border:1px solid #ffd591;border-left:4px solid #fa8c16;border-radius:8px;border-radius:var(--radius);margin-bottom:18px;padding:14px 16px}.warning-title{color:#874d00;font-size:13px;font-weight:700;margin:0 0 6px}.warning-text{color:#874d00;font-size:12px;line-height:1.6;margin:0}.modal-actions{flex-wrap:wrap}.modal-btn{border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;flex:1 1;font-size:15px;font-weight:700;min-width:120px;padding:11px 20px;transition:all .15s ease;transition:all var(--transition)}.modal-btn-cancel{background:#e4e6eb;color:#1c1e21;color:var(--text-primary)}.modal-btn-cancel:hover{background:#d8dadf}.modal-btn-primary{background:#4267b2;background:var(--brand);box-shadow:0 2px 6px #4267b24d;color:#fff}.modal-btn-primary:hover:not(:disabled){background:#365899;background:var(--brand-dark);box-shadow:0 4px 12px #4267b266;transform:translateY(-1px)}.modal-btn-primary:disabled{background:#bec3c9;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.toast-stack{right:20px;top:20px;z-index:9999}.toast{animation:toastIn .25s ease,toastOut .3s ease 3.2s forwards;border-radius:8px;border-radius:var(--radius);box-shadow:0 8px 24px #00000024;box-shadow:var(--shadow-lg);max-width:320px;word-break:break-word}.toast--success{background:#2d6a4f}.toast--error{background:#c0392b}.toast--info{background:#2c3e76}.confessions-footer{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);margin-top:24px;padding:16px;text-align:center}.footer-text{color:#606770;color:var(--text-muted);font-size:12px;line-height:1.6;margin:0}:focus-visible{outline:2px solid #4267b2;outline:2px solid var(--brand)}@media (max-width:768px){.confessions-page{padding:10px 0 40px}.confessions-container{padding:0 10px}.header-title{font-size:15px}.filters-grid{gap:10px;grid-template-columns:1fr}.confession-header{flex-wrap:wrap;padding:10px 12px}.confession-user-info,.report-select{width:100%}.confession-content{padding:12px}.voting-container{flex-wrap:wrap;gap:6px;padding:8px 12px}.vote-btn{flex-basis:calc(50% - 3px);flex-grow:1;flex-shrink:1;font-size:11px}.vote-btn.reply-btn{flex:1 1 100%}.visibility-option{min-height:88px;padding:10px 6px}.modal-overlay{align-items:flex-start;padding:10px}.modal-actions{flex-direction:column}.modal-btn{min-width:auto;width:100%}.toast-stack{left:10px;right:10px;top:10px}.toast{max-width:100%}}@media (max-width:480px){.header-title{font-size:13px}.back-btn,.post-btn{font-size:11px;padding:6px 10px}.daily-limits{font-size:11px}.confession-text{font-size:13px}.visibility-icon{font-size:20px}.visibility-name{font-size:10px}.visibility-desc{font-size:9px}}@media print{.back-btn,.confessions-footer,.modal-overlay,.post-btn,.reply-input-container,.report-dropdown,.toast-stack,.voting-container{display:none!important}.confession-card{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}}:root{--c-green:#48bb78;--c-green-light:#68d391;--c-amber:#f59e0b;--c-orange:#f97316;--c-red:#ef4444;--c-blue:#667eea;--c-purple:#764ba2;--c-teal:#38a169;--c-dark:#1a202c;--c-grey:#6b7280;--bg:#f5f7fa;--border:#e5e7eb;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--shadow:0 2px 12px #00000014}.admin-panel{background:#f5f7fa;background:var(--bg);font-family:Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.toast{animation:toastIn .25s ease;max-width:360px}.toast-warn{background:#f59e0b}.toast-icon{flex-shrink:0;font-size:16px}.dialog-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.dialog-box{animation:slideUp .2s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;max-width:420px;padding:32px 28px 24px;width:90%}.dialog-title{color:#1a1a1a;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 12px}.dialog-message{color:#666;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 20px}.dialog-input{border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:8px;padding:10px 14px;transition:border-color .2s;width:100%}.dialog-input:focus{border-color:#667eea;border-color:var(--c-blue);outline:none}.dialog-input.input-error{border-color:#ef4444;border-color:var(--c-red)}.dialog-input-error{color:#ef4444;color:var(--c-red);display:block;font-size:12px;margin-bottom:12px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.dialog-btn-cancel,.dialog-btn-confirm{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s}.dialog-btn-cancel{background:#f0f2f5;color:#1a1a1a;color:var(--text-primary)}.dialog-btn-cancel:hover{background:#e4e6eb}.dialog-btn-confirm{background:#667eea;background:var(--c-blue);color:#fff}.dialog-btn-confirm:hover{opacity:.9}.dialog-btn-confirm.danger{background:#ef4444;background:var(--c-red)}.dialog-btn-confirm.danger:hover{background:#b91c1c}.panel-header{align-items:center;background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:24px}.panel-title{color:#1a1a1a;color:var(--text-primary);font-size:26px;margin:0 0 6px}.panel-subtitle{color:#666;color:var(--text-secondary);font-size:14px;margin:0}.btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--c-blue) 0,var(--c-purple) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:opacity .2s;white-space:nowrap}.btn-refresh:hover:not(:disabled){opacity:.9}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.btn-refresh-sm{background:#f59e0b;background:var(--c-amber);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.stat-card{border-radius:var(--radius);color:#fff;padding:20px}.stat-label{font-weight:600;margin-bottom:6px;opacity:.9}.stat-value{font-size:32px}.stat-sub{font-size:11px;margin-top:4px;opacity:.8}.stat-amber{background:#f59e0b;background:var(--c-amber)}.stat-red{background:#ef4444;background:var(--c-red)}.stat-green{background:#48bb78;background:var(--c-green)}.stat-purple{background:#667eea;background:var(--c-blue)}.stat-dark{background:#1a202c;background:var(--c-dark)}.tabs-bar{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:12px}.tab-btn{background:#f5f5f5;border-radius:8px;color:#666;color:var(--text-secondary);font-size:14px;padding:10px 18px;transition:all .2s}.tab-btn:hover:not(.active){background:#ebebeb}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--c-blue) 0,var(--c-purple) 100%);box-shadow:0 2px 8px #667eea4d;color:#fff}.tab-btn.active.tab-amber{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--c-amber) 0,#d97706 100%);box-shadow:0 2px 8px #f59e0b66}.loading-state{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);padding:60px;text-align:center}.loading-spinner{border:4px solid #f0f2f5;border-top:4px solid var(--c-blue);margin:0 auto 16px}.access-error-card{background:#fff0f0;border:2px solid #fca5a5;border-radius:12px;border-radius:var(--radius);padding:60px 40px;text-align:center}.access-error-icon{display:block;font-size:64px;margin-bottom:20px}.access-error-card h2{color:#c00;margin:0 0 10px}.access-error-card p{color:#666;color:var(--text-secondary);margin:0 0 24px}.btn-primary{background:#667eea;background:var(--c-blue);border-radius:8px;font-size:14px;padding:12px 24px}.reports-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.reports-layout.has-sidebar{grid-template-columns:2fr 1fr}.report-card{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);margin-bottom:16px;padding:24px}.report-card.high-priority{border:3px solid #ef4444;border:3px solid var(--c-red)}.report-card-header{border-bottom:2px solid #f0f0f0;gap:16px;margin-bottom:16px;padding-bottom:16px}.report-id{color:#999;color:var(--text-muted);font-size:12px;margin-bottom:6px}.report-parties{align-items:center;color:#666;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;margin-bottom:6px}.arrow,.report-date{color:#999;color:var(--text-muted)}.report-date{font-size:12px}.report-badges{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.btn-author{background:#e8eaf6;border:none;border-radius:6px;color:#667eea;color:var(--c-blue);cursor:pointer;font-size:13px;font-weight:600;padding:4px 10px}.badge{border-radius:6px;font-size:12px;font-weight:700;padding:5px 10px;white-space:nowrap}.badge-danger{background:#fee2e2;color:#dc2626}.badge-reason{background:#fff3cd;color:#856404}.badge-critical{background:#fee2e2;color:#dc2626;font-size:11px}.report-content-box{margin-bottom:20px}.report-content-label{color:#666;color:var(--text-secondary);font-size:11px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.report-content-text{background:#f8f9fa;border-left:4px solid #ef4444;border-left:4px solid var(--c-red);border-radius:10px;color:#1a1a1a;color:var(--text-primary);font-size:14px;line-height:1.7;margin:0;padding:16px}.report-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.action-btn{border-radius:8px;color:#fff;font-weight:600;padding:11px;transition:opacity .2s,transform .1s}.action-btn:hover{opacity:.9;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-dismiss{background:#48bb78;background:var(--c-green)}.action-warn{background:#f59e0b;background:var(--c-amber)}.action-restrict{background:#ef4444;background:var(--c-red)}.action-view{background:#6b7280;background:var(--c-grey)}.user-sidebar{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);max-height:90vh;overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.sidebar-header{align-items:center;display:flex;justify-content:space-between}.sidebar-header h3{font-size:18px;margin:0}.sidebar-close{background:none;border:none;color:#999;color:var(--text-muted);cursor:pointer;font-size:26px;line-height:1;padding:0}.sidebar-section{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:20px}.sidebar-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.user-field{margin-bottom:12px}.field-label{color:#999;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.field-value{color:#1a1a1a;color:var(--text-primary);font-size:16px;font-weight:700}.field-value.small{color:#666;color:var(--text-secondary);font-size:13px;font-weight:400}.trust-bar-wrapper{align-items:center;display:flex;gap:10px;margin-top:6px}.trust-bar-track{background:#f0f0f0;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.trust-bar-fill{border-radius:5px;height:100%;transition:width .4s ease}.trust-bar-score{font-size:20px;font-weight:700;min-width:36px;text-align:right}.trust-label{font-size:12px;font-weight:700;margin-top:4px}.trust-excellent{color:#48bb78;color:var(--c-green)}.trust-good{color:#68d391;color:var(--c-green-light)}.trust-warning{color:#f59e0b;color:var(--c-amber)}.trust-restricted{color:#f97316;color:var(--c-orange)}.trust-banned{color:#ef4444;color:var(--c-red)}.stats-mini-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:8px}.mini-stat{border-radius:8px;padding:10px;text-align:center}.mini-stat-value{font-size:20px;font-weight:700}.mini-stat-label{color:#666;color:var(--text-secondary);font-size:11px}.mini-purple{background:#f0f4ff;.mini-stat-value{color:#667eea;color:var(--c-blue)}}.mini-green{background:#f0fdf4;.mini-stat-value{color:#48bb78;color:var(--c-green)}}.mini-red{background:#fef2f2;.mini-stat-value{color:#ef4444;color:var(--c-red)}}.mini-amber{background:#fffbeb;.mini-stat-value{color:#f59e0b;color:var(--c-amber)}}.mini-purple .mini-stat-value{color:#667eea;color:var(--c-blue)}.mini-green .mini-stat-value{color:#48bb78;color:var(--c-green)}.mini-red .mini-stat-value{color:#ef4444;color:var(--c-red)}.mini-amber .mini-stat-value{color:#f59e0b;color:var(--c-amber)}.admin-actions-stack{display:flex;flex-direction:column;gap:8px;margin-top:8px}.admin-action-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px;text-align:left;transition:opacity .2s;width:100%}.admin-action-btn:hover{opacity:.88}.btn-green{background:#48bb78;background:var(--c-green)}.btn-blue{background:#667eea;background:var(--c-blue)}.btn-amber{background:#f59e0b;background:var(--c-amber)}.btn-teal{background:#38a169;background:var(--c-teal)}.btn-green-light{background:#68d391}.btn-red{background:#dc2626}.activity-item{background:#f8f9fa;border-radius:6px;font-size:12px;margin-bottom:6px;padding:8px}.activity-type{color:#666;color:var(--text-secondary);font-weight:600;margin-bottom:2px}.activity-detail{color:#999;color:var(--text-muted)}.panel-section{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);padding:24px}.section-header{align-items:flex-start;gap:16px}.section-title{color:#1a1a1a;color:var(--text-primary);font-size:18px;margin:0 0 4px}.section-sub{color:#999;color:var(--text-muted);font-size:13px;margin:0}.user-list{display:flex;flex-direction:column;gap:12px}.user-card{background:#f8f9fa;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px;transition:border-color .2s}.user-card.critical{background:#fef2f2;border-color:#fecaca}.user-card.warning{background:#fffbeb;border-color:#fde68a}.user-card.banned-card{background:#fef2f2;border-color:#fecaca}.user-card-main{gap:20px;justify-content:space-between}.user-card-main,.user-name-row{align-items:center;display:flex}.user-name-row{flex-wrap:wrap;gap:10px;margin-bottom:8px}.user-name{color:#1a1a1a;color:var(--text-primary);font-size:16px;margin:0}.trust-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:3px 10px}.badge-red{background:#dc2626}.badge-amber{background:#f59e0b;background:var(--c-amber)}.badge-grey{background:#6b7280;background:var(--c-grey)}.user-stats-row{color:#666;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-top:8px}.user-quick-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.banned-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.ban-reason-box{background:#fff;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:12px}.ban-reason-label{color:#991b1b;font-size:11px;font-weight:700;margin-bottom:4px}.ban-reason-text{color:#991b1b;font-size:14px;margin:0}.banned-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.btn-view{background:#667eea;background:var(--c-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;white-space:nowrap}.activity-log{display:flex;flex-direction:column}.log-item{padding:16px 0}.log-item.has-border{border-bottom:1px solid #f0f0f0}.log-item-header{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.log-user-action{align-items:center;display:flex;gap:8px}.log-username{font-size:14px;font-weight:600}.log-action{color:#666;color:var(--text-secondary);font-size:13px}.log-date{color:#999;color:var(--text-muted);font-size:12px}.log-detail{background:#f8f9fa;border-radius:6px;color:#666;color:var(--text-secondary);font-size:13px;padding:8px 12px}.log-preview{color:#999;color:var(--text-muted);font-size:12px;font-style:italic;margin-top:6px}.empty-state{color:#666;color:var(--text-secondary)}.empty-state span{display:block;font-size:64px;margin-bottom:16px}.empty-state h3{color:#1a1a1a}.panel-error-state{background:#fef2f2;border-radius:12px;border-radius:var(--radius);color:#666;color:var(--text-secondary);padding:40px;text-align:center}.panel-error-state span{display:block;font-size:48px;margin-bottom:12px}.panel-error-state button{background:#667eea;background:var(--c-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 20px}@media (max-width:900px){.reports-layout.has-sidebar{grid-template-columns:1fr}.user-sidebar{max-height:none;position:static}}@media (max-width:768px){.admin-panel{padding:12px}.panel-header{align-items:stretch;flex-direction:column}.btn-refresh{text-align:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.report-card-header{flex-direction:column}.report-actions{grid-template-columns:1fr}.user-card-main{align-items:stretch;flex-direction:column}.user-quick-actions{justify-content:flex-start}.banned-card-footer{align-items:stretch}.banned-card-footer,.section-header{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.tabs-bar{gap:6px}.tab-btn{font-size:13px;padding:8px 12px}}.events-page{background-color:#f0f2f5;min-height:100vh;padding-bottom:40px}.events-container{margin:0 auto;max-width:1200px;padding:0 16px}.events-header{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;margin-bottom:20px;position:-webkit-sticky;position:sticky;top:60px;z-index:100}.events-header-content{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.events-title-section{align-items:center;display:flex;gap:12px}.events-icon{align-items:center;background:linear-gradient(180deg,#69c,#47a);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.events-header h1{color:#1c1e21;font-size:24px;font-weight:700;margin:0 0 4px}.events-header p{color:#65676b;font-size:13px;margin:0}.btn-create-event{align-items:center;background:linear-gradient(180deg,#69c,#47a);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-create-event:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.events-filters{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.search-box{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.search-box svg{color:#65676b;left:12px;pointer-events:none;position:absolute}.search-box input{border:1px solid #dddfe2;border-radius:8px;padding:10px 12px 10px 40px;transition:all .2s ease}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#f0f2f5;border:none;border-radius:8px;color:#1c1e21;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#e4e6eb}.filter-btn.active{background:linear-gradient(180deg,#69c,#47a);box-shadow:0 2px 8px #667eea4d;color:#fff}.category-select{background:#fff;border:1px solid #dddfe2;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.category-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.event-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.event-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.event-cover{background:linear-gradient(180deg,#69c,#47a);height:180px;overflow:hidden;position:relative;width:100%}.event-cover img{height:100%;object-fit:cover;width:100%}.event-cover-placeholder{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;opacity:.5;width:100%}.event-category-badge{left:12px;position:absolute;top:12px}.event-category-badge span{border-radius:20px;color:#fff;font-size:11px;font-weight:600;padding:6px 12px;text-transform:capitalize}.event-ended-overlay{align-items:center;background:#0009;color:#fff;display:flex;font-size:16px;font-weight:600;inset:0;justify-content:center;position:absolute}.event-content{padding:16px}.event-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1c1e21;display:-webkit-box;font-size:16px;font-weight:700;margin:0 0 12px;overflow:hidden}.event-details{margin-bottom:12px}.event-detail-item{align-items:center;color:#65676b;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.event-detail-item svg{flex-shrink:0}.event-detail-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-stats{display:flex;gap:16px;margin-bottom:12px}.event-stat{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px}.event-stat.going{color:#10b981}.event-stat.interested{color:#8b5cf6}.event-friends-going{align-items:center;background:#eff6ff;border-radius:6px;color:#3b82f6;display:flex;font-size:12px;gap:6px;margin-bottom:12px;padding:8px 12px}.event-actions{display:flex;gap:8px}.event-action-btn{align-items:center;background:#f0f2f5;border:none;border-radius:6px;color:#1c1e21;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s ease}.event-action-btn:hover{background:#e4e6eb}.event-action-btn.active-going{background:#10b981;color:#fff}.event-action-btn.active-interested{background:#8b5cf6;color:#fff}.event-delete-btn{flex:0 0 auto;padding:10px;width:40px}.event-delete-btn:hover{background:#fee2e2;color:#dc2626}.loading-spinner{display:flex;justify-content:center;padding:60px 0}.spinner{animation:spin .8s linear infinite;border:4px solid #f0f2f5;border-top-color:#667eea}.no-events{color:#65676b;padding:60px 20px;text-align:center}.no-events svg{color:#dddfe2;margin-bottom:16px}.no-events h3{color:#1c1e21;font-size:18px;font-weight:600;margin:0 0 8px}.no-events p{font-size:14px;margin:0}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:slideUp .3s ease;max-width:600px}.modal-header{border-bottom:1px solid #e4e6eb;padding:20px}.modal-header h2{color:#1c1e21}.modal-close{background:#f0f2f5;transition:all .2s ease}.modal-close:hover{background:#e4e6eb}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e4e6eb;gap:12px;padding:16px 20px}.form-group label{color:#1c1e21}.form-input{border:1px solid #dddfe2;border-radius:8px;font-size:14px;padding:12px;transition:all .2s ease}.form-input:focus{box-shadow:0 0 0 2px #667eea1a}textarea.form-input{font-family:inherit;min-height:100px}.form-row{grid-gap:16px;gap:16px}.cover-upload-area{margin-top:8px}.cover-upload-label{border:2px dashed #dddfe2;border-radius:8px;cursor:pointer;display:block;padding:40px;text-align:center;transition:all .2s ease}.cover-upload-label:hover{background:#f9fafb;border-color:#667eea}.cover-upload-label img{border-radius:8px;height:200px;object-fit:cover;width:100%}.cover-upload-label svg{color:#9ca3af;margin-bottom:12px}.cover-upload-label p{color:#65676b;font-size:14px;margin:8px 0 4px}.cover-upload-label span{color:#9ca3af;font-size:12px}.visibility-option{align-items:flex-start;border:2px solid #e4e6eb;border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:all .2s ease}.visibility-option:hover{background:#f9fafb;border-color:#667eea}.visibility-option input[type=radio]{cursor:pointer;margin:4px 12px 0 0}.visibility-option-title{color:#1c1e21;font-size:14px;font-weight:600;margin-bottom:4px}.visibility-option-desc{color:#65676b;font-size:13px}.btn-primary,.btn-secondary{border:none;padding:10px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f0f2f5;color:#1c1e21}.btn-secondary:hover{background:#e4e6eb}@media (max-width:768px){.events-header-content{align-items:stretch;flex-direction:column}.btn-create-event{justify-content:center;width:100%}.events-filters{flex-direction:column}.search-box{min-width:100%}.filter-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.events-grid,.form-row{grid-template-columns:1fr}.modal-content{border-radius:0;max-height:100vh}}@media (max-width:480px){.events-header h1{font-size:20px}.events-icon{height:40px;width:40px}}.confirm-overlay{animation:fadeIn .15s ease}.confirm-box{animation:slideUp .2s ease}.pagination{flex-wrap:wrap;gap:6px;margin-top:24px}.page-btn,.pagination{justify-content:center}.page-btn{align-items:center;background:#fff;border:1.5px solid #dddfe2;border-radius:8px;color:#1c1e21;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;min-width:36px;padding:0 10px;transition:all .15s}.page-btn:hover:not(:disabled):not(.active){border-color:#667eea;color:#667eea}.page-btn.active{background:linear-gradient(180deg,#69c,#47a);border-color:#0000;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-ellipsis{color:#65676b;font-size:14px;line-height:36px;padding:0 4px}.page-info{color:#65676b;font-size:13px;margin-left:8px;white-space:nowrap}.error-state h3{font-weight:600}.retry-btn{background:linear-gradient(180deg,#69c,#47a)}.retry-btn:hover{box-shadow:0 4px 12px #667eea66}.spin-icon{animation:spin .7s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.event-detail-page{background:#f0f2f5;min-height:100vh;padding-bottom:48px}.event-detail-container{margin:0 auto;max-width:1100px;padding:24px 16px}.loading-container{color:#65676b;font-size:15px;gap:16px;min-height:60vh}.spinner{animation:detSpin .8s linear infinite;border:4px solid #e4e6eb;border-top-color:#0a66c2}.back-btn{background:#fff;border:1px solid #dddfe2;border-radius:8px;color:#1c1e21;display:inline-flex;font-size:14px;margin-bottom:16px;padding:8px 16px;transition:background .15s,border-color .15s}.back-btn:hover{background:#f0f2f5;border-color:#c7c9cd}.event-detail-cover{background:linear-gradient(135deg,#69c,#47a);border-radius:12px;height:340px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.event-detail-cover img{height:100%;object-fit:cover;width:100%}.event-detail-cover-placeholder{align-items:center;color:#ffffff80;display:flex;height:100%;justify-content:center;width:100%}.event-ended-badge{background:#000000b3;border-radius:20px;bottom:16px;color:#fff;font-size:13px;font-weight:700;left:16px;letter-spacing:.3px;padding:6px 14px;position:absolute}.event-detail-content{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 320px}.event-detail-main{display:flex;flex-direction:column;gap:16px}.event-detail-header{align-items:flex-start;background:#fff;border:1px solid #e4e6eb;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:24px}.event-header-info{flex:1 1;min-width:0}.event-detail-category{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:10px;padding:4px 12px;text-transform:capitalize}.category-seminar{background:#3b82f6}.category-fest{background:#ec4899}.category-sports{background:#10b981}.category-hackathon{background:#8b5cf6}.category-party{background:#f59e0b}.category-workshop{background:#6366f1}.category-other{background:#6b7280}.event-detail-title{color:#1c1e21;font-size:26px;font-weight:700;line-height:1.25;margin:0 0 12px;word-break:break-word}.event-detail-meta{flex-wrap:wrap}.event-creator,.event-detail-meta{align-items:center;display:flex;gap:8px}.event-creator{cursor:pointer}.event-creator:hover .creator-name{text-decoration:underline}.creator-avatar{align-items:center;background:linear-gradient(135deg,#69c,#47a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.creator-name{color:#1c1e21;font-size:14px;font-weight:600}.meta-separator{color:#b0b3b8;font-size:16px}.college-name{color:#65676b;font-size:13px}.event-detail-actions{display:flex;flex-shrink:0;gap:8px}.icon-btn{align-items:center;background:#fff;border:1px solid #dddfe2;border-radius:50%;color:#65676b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .15s,border-color .15s,color .15s;width:40px}.icon-btn:hover{background:#f0f2f5;border-color:#c7c9cd;color:#1c1e21}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.delete-btn:hover{background:#fff1f2;border-color:#fecdd3;color:#dc2626}.event-detail-stats{background:#fff;border:1px solid #e4e6eb;border-radius:10px;display:flex;gap:12px;padding:16px 24px}.stat-item{flex:1 1}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-icon.going{background:#d1fae5;color:#059669}.stat-icon.interested{background:#ede9fe;color:#7c3aed}.stat-icon.total{background:#dbeafe;color:#1d4ed8}.stat-value{color:#1c1e21}.stat-label{color:#65676b}.event-detail-rsvp{background:#fff;border:1px solid #e4e6eb;border-radius:10px;display:flex;gap:10px;padding:16px 24px}.rsvp-btn{align-items:center;background:#f0f2f5;border:2px solid #0000;border-radius:8px;color:#1c1e21;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.rsvp-btn:hover{background:#e4e6eb}.going-btn.active{background:#d1fae5;border-color:#10b981;color:#065f46}.interested-btn.active{background:#ede9fe;border-color:#8b5cf6;color:#4c1d95}.event-ended-message{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:10px;color:#65676b;display:flex;gap:14px;padding:16px 24px}.event-ended-message h4{color:#1c1e21;font-size:15px;font-weight:700;margin:0 0 4px}.event-ended-message p{font-size:13px;margin:0}.event-detail-section{background:#fff;border:1px solid #e4e6eb;border-radius:10px;padding:20px 24px}.event-detail-section h3{color:#1c1e21;font-size:17px;font-weight:700;margin:0 0 16px}.event-details-list{display:flex;flex-direction:column;gap:14px}.detail-item{align-items:flex-start;gap:14px}.detail-icon{align-items:center;background:#f0f2f5;border-radius:8px;color:#65676b;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.detail-label{color:#65676b;letter-spacing:.4px;margin-bottom:2px;text-transform:uppercase}.detail-value{color:#1c1e21;font-size:14px;font-weight:500;line-height:1.5}.event-description{color:#3c4043;font-size:15px;line-height:1.65;margin:0;white-space:pre-wrap;word-break:break-word}.event-detail-sidebar{position:-webkit-sticky;position:sticky;top:80px}.attendees-card{background:#fff;border:1px solid #e4e6eb;border-radius:10px;overflow:hidden}.attendees-header{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;padding:16px 20px}.attendees-header h3{color:#1c1e21;font-size:16px;font-weight:700;margin:0}.attendees-count{background:#f0f2f5;border-radius:12px;color:#65676b;font-size:13px;font-weight:600;padding:3px 10px}.attendees-tabs{border-bottom:1px solid #e4e6eb;display:flex}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#65676b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:all .15s}.tab-btn:hover{background:#f0f2f5;color:#1c1e21}.tab-btn.active{border-bottom-color:#0a66c2;color:#0a66c2}.attendees-list{max-height:380px;overflow-y:auto;padding:8px 0}.attendee-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 20px;transition:background .15s}.attendee-item:hover{background:#f0f2f5}.attendee-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.attendee-name{color:#1c1e21;font-size:14px;font-weight:600}.attendee-badge{background:#e8f0fe;border-radius:10px;color:#0a66c2;display:inline-block;font-size:11px;font-weight:600;margin-top:2px;padding:2px 8px}.no-attendees{color:#65676b;padding:32px 20px;text-align:center}.no-attendees svg{color:#dddfe2;margin-bottom:10px}.no-attendees p{font-size:13px;margin:0}.no-attendees-cta{color:#0a66c2;font-size:13px;font-weight:600;margin-top:6px!important}.error-state{border:1px solid #e4e6eb;border-radius:10px;color:#65676b;padding:60px 20px}.error-state svg{margin-bottom:14px}.error-state h3{font-size:17px;margin:0 0 6px}.retry-btn{background:#0a66c2;border-radius:20px;transition:background .2s}.retry-btn:hover{background:#004182}.modal-overlay{animation:detFadeIn .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009}.share-modal{animation:detSlideUp .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:460px;width:100%}.share-modal-header{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;padding:18px 20px}.share-modal-header h3{color:#1c1e21;font-size:18px;font-weight:700;margin:0}.close-btn{background:#f0f2f5;color:#65676b}.close-btn:hover{background:#e4e6eb}.share-modal-body{padding:20px}.share-preview{align-items:center;background:#f0f2f5;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.share-preview-image{background:linear-gradient(135deg,#69c,#47a);border-radius:8px;flex-shrink:0;height:64px;overflow:hidden;width:64px}.share-preview-image img{height:100%;object-fit:cover;width:100%}.share-preview-placeholder{align-items:center;color:#fff9;display:flex;height:100%;justify-content:center;width:100%}.share-preview-info h4{color:#1c1e21;font-size:14px;font-weight:700;margin:0 0 4px}.share-preview-info p{color:#65676b;font-size:12px;margin:0}.share-options{display:flex;flex-direction:column;gap:8px}.share-option-btn{align-items:center;background:#f0f2f5;border:none;border-radius:8px;color:#1c1e21;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 16px;transition:background .15s}.share-option-btn:hover{background:#e4e6eb}.share-option-btn.primary{background:#0a66c2;color:#fff}.share-option-btn.primary:hover{background:#004182}.toast{cursor:pointer}.toast-warning{background:#f59e0b}.toast-info{background:#0a66c2}.confirm-overlay{animation:detFadeIn .15s ease}.confirm-box{animation:detSlideUp .2s ease}.confirm-btn-danger:hover{box-shadow:0 4px 12px #dc262659}@keyframes detSpin{to{transform:rotate(1turn)}}.spin-icon{animation:detSpin .7s linear infinite}@keyframes detFadeIn{0%{opacity:0}to{opacity:1}}@keyframes detSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.event-detail-content{grid-template-columns:1fr}.event-detail-sidebar{position:static}.event-detail-cover{height:240px}}@media (max-width:600px){.event-detail-container{padding:12px 8px}.event-detail-cover{border-radius:8px;height:190px}.event-detail-header{flex-direction:column;padding:16px}.event-detail-actions{align-self:flex-end}.event-detail-title{font-size:20px}.event-detail-stats{gap:8px}.event-detail-rsvp,.event-detail-stats{flex-direction:column;padding:16px}.event-detail-section{padding:16px}.attendees-list{max-height:280px}.toast-container{bottom:12px;left:12px;right:12px}.toast{max-width:100%}}.event-edit-page{background:#ddd9d9;min-height:100vh;padding:20px}.event-edit-container{margin:0 auto;max-width:900px}.event-edit-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 30px}.event-edit-header h1{color:#2d3748;flex:1 1;font-size:28px;font-weight:700;margin:0;text-align:center}.back-btn{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;font-size:15px;gap:8px;padding:10px 20px;transition:all .2s}.back-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateX(-2px)}.save-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.event-edit-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:30px}.edit-section{border-bottom:2px solid #f7fafc;margin-bottom:35px;padding-bottom:35px}.edit-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.edit-section h3{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:20px}.cover-image-edit{width:100%}.cover-preview{border:2px solid #e2e8f0;border-radius:12px;height:300px;overflow:hidden;position:relative;width:100%}.cover-preview img{height:100%;object-fit:cover;width:100%}.cover-overlay{align-items:center;background:#00000080;bottom:0;display:flex;gap:15px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.cover-preview:hover .cover-overlay{opacity:1}.change-cover-btn,.remove-cover-btn{align-items:center;background:#fff;border:none;border-radius:10px;color:#2d3748;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.change-cover-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.remove-cover-btn{background:#fc8181;color:#fff}.remove-cover-btn:hover{background:#f56565;transform:translateY(-2px)}.cover-upload-placeholder{align-items:center;background:#f7fafc;border:3px dashed #cbd5e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:300px;justify-content:center;transition:all .3s;width:100%}.cover-upload-placeholder:hover{background:#edf2f7;border-color:#667eea}.cover-upload-placeholder svg{color:#a0aec0;margin-bottom:15px}.cover-upload-placeholder p{color:#4a5568;font-size:16px;font-weight:600;margin:0 0 8px}.cover-upload-placeholder span{color:#718096;font-size:14px}.form-input{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}textarea.form-input{min-height:120px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#a0aec0;left:16px;pointer-events:none;position:absolute}.input-with-icon input{padding-left:48px}.visibility-options{display:flex;flex-direction:column;gap:12px}.visibility-card{cursor:pointer;display:block}.visibility-card input[type=radio]{display:none}.visibility-card-content{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s}.visibility-card:hover .visibility-card-content{background:#edf2f7;border-color:#cbd5e0;transform:translateX(5px)}.visibility-card.selected .visibility-card-content{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 4px 15px #667eea33}.visibility-icon{align-items:center;background:#fff;border-radius:10px;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.visibility-info{flex:1 1}.visibility-title{color:#2d3748;font-size:16px;font-weight:700;margin-bottom:4px}.visibility-desc{color:#718096;font-size:14px}.selected-indicator{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.edit-actions{border-top:2px solid #f7fafc;display:flex;gap:15px;justify-content:flex-end;margin-top:35px;padding-top:25px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s}.btn-cancel{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.btn-cancel:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-spinner{border:2px solid #ffffff4d;height:16px;width:16px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-container .spinner{animation:spin .8s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.loading-container p{color:#fff;font-size:16px;font-weight:600}@media (max-width:768px){.event-edit-page{padding:10px}.event-edit-header{flex-direction:column;gap:15px;padding:20px}.event-edit-header h1{font-size:24px;order:-1;text-align:center}.back-btn,.save-btn{justify-content:center;width:100%}.event-edit-content{padding:20px}.form-row{grid-template-columns:1fr}.cover-preview,.cover-upload-placeholder{height:200px}.edit-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{justify-content:center;width:100%}.visibility-card-content{padding:15px}.visibility-icon{font-size:24px;height:40px;width:40px}}.toast{animation:toastIn .25s ease,toastOut .3s ease 3.7s forwards}.confirm-overlay{animation:edFadeIn .15s ease}.confirm-box{animation:edSlideUp .2s ease}.confirm-box p{color:#1c1e21}.confirm-btn-cancel,.confirm-btn-danger{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.confirm-btn-cancel{color:#1c1e21}.confirm-btn-danger{background:#f59e0b}.confirm-btn-danger:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b59}.spin-icon{animation:edSpin .7s linear infinite}@keyframes edSpin{to{transform:rotate(1turn)}}@keyframes edFadeIn{0%{opacity:0}to{opacity:1}}@keyframes edSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.notifications-page{font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;margin:20px auto;max-width:760px;padding:0;position:relative}.notifications-loading{background:#fff;border:1px solid #ccc;color:#666;font-size:13px;padding:50px;text-align:center}.confirm-overlay{z-index:9999}.confirm-box{border:1px solid #ccc;border-radius:2px;box-shadow:0 4px 12px #00000040;max-width:340px}.confirm-box p{color:#333;font-size:13px;margin:0 0 18px}.fetch-error{align-items:center;background:#fff5f5;border:1px solid #e5b4b4;color:#c23934;display:flex;font-size:12px;gap:10px;margin-bottom:10px;padding:10px 15px}.retry-btn{background:#fff;border:1px solid #c23934;border-radius:2px;color:#c23934;font-size:11px;padding:3px 10px;transition:background .1s;white-space:nowrap}.retry-btn:hover{background:#fef4f4}.notifications-header{align-items:center;background:#f6f7f8;border:1px solid #d8dfea;border-bottom-color:#d0d6df;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 15px}.notifications-header h1{color:#333;font-size:14px;font-weight:700;letter-spacing:-.3px;margin:0}.unread-badge{background:linear-gradient(#dd4b39,#d73925);border-radius:2px;box-shadow:0 1px 1px #0003}.notifications-filters{background:#fff;border:1px solid #ccc;border-bottom:none;display:flex;gap:0;margin-bottom:10px;overflow-x:auto}.filter-tab{background:#f6f7f8;border-right:1px solid #ccc;color:#3b5998;flex:1 1;font-size:11px;font-weight:400;padding:8px 16px;text-align:center;transition:background .1s;white-space:nowrap}.filter-tab:last-child{border-right:none}.filter-tab:hover{background:#e9ebee;text-decoration:underline}.filter-tab.active{background:#fff;border-bottom:2px solid #3b5998;color:#333;font-weight:700}.filter-tab:focus-visible{outline:2px solid #3b5998;outline-offset:-2px}.notifications-actions{background:#f6f7f8;border:1px solid #ccc;display:flex;gap:8px;margin-bottom:10px;padding:8px 10px}.action-btn{background:#fff;border:1px solid #999;border-radius:2px;color:#333;font-size:11px;font-weight:400;padding:4px 12px;transition:background .1s}.action-btn:hover{background:#f6f7f8;border-color:#777}.action-btn:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.action-btn.danger{border-color:#c23934;color:#c23934}.action-btn.danger:hover{background:#fef4f4;border-color:#a32926}.notification-item.notification-looking{border-left:3px solid #6741d9}.notification-item.notification-looking:hover{background:#f5f0ff}.notification-item.notification-looking.unread{background:#f0ebff}.notification-item.notification-looking.unread:hover{background:#e8e0ff}.notifications-list{background:#fff;border:1px solid #ccc;display:flex;flex-direction:column;gap:0;max-height:70vh;overflow-y:auto}.notifications-list .notification-item{contain-intrinsic-size:0 70px;content-visibility:auto}.notification-item{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e5e5;cursor:pointer;display:flex;gap:10px;min-height:50px;padding:10px 12px;position:relative;transition:background .1s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f6f7f9}.notification-item:focus-visible{outline:2px solid #3b5998;outline-offset:-2px}.notification-item.unread{background:#ecf4ff}.notification-item.unread:hover{background:#dce9f7}.notification-item.notification-sos{background:#fff5f5;border-left:3px solid #c23934}.notification-item.notification-sos:hover{background:#ffebeb}.notification-item.notification-event,.notification-item.notification-friend{border-left:3px solid #3b5998}.notification-icon{align-items:center;background:#e9ebee;border:1px solid #d8d8d8;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:36px;justify-content:center;width:36px}.notification-content{flex:1 1;min-width:0;padding-top:2px}.notification-text{word-wrap:break-word;color:#141823;font-size:12px;font-weight:400;line-height:1.5;margin:0 0 3px}.notification-item.unread .notification-text{font-weight:600}.notification-time{color:#90949c;display:block;font-size:11px}.notification-actions{display:flex;flex-shrink:0;gap:4px;margin-top:2px}.delete-btn,.mark-read-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:2px;color:#666;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;opacity:.7;transition:all .1s;width:24px}.notification-item:hover .delete-btn,.notification-item:hover .mark-read-btn{opacity:1}.mark-read-btn:hover{background:#e5f2ff;border-color:#3b5998;color:#3b5998}.delete-btn:hover{background:#ffebeb;border-color:#c23934;color:#c23934}.delete-btn:focus-visible,.mark-read-btn:focus-visible{opacity:1;outline:2px solid #3b5998}.empty-state{color:#90949c;padding:60px 20px}.empty-icon-not{font-size:56px;margin-bottom:15px;opacity:.3}.empty-state h3{color:#4b4f56;font-size:16px;font-weight:600}.empty-state p{color:#90949c}.load-more-container{background:#f6f7f8;border:1px solid #ccc;border-top:none;display:flex;justify-content:center;padding:12px}.load-more-btn{border:1px solid #999;border-radius:2px;color:#3b5998;cursor:pointer;font-size:11px;padding:5px 20px;transition:background .1s}.load-more-btn:hover:not(:disabled){background:#e9ebee}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.notifications-page{margin:10px}.notifications-header{padding:10px 12px}.notifications-header h1{font-size:13px}.filter-tab{font-size:10px;padding:7px 12px}.notification-item{gap:8px;padding:8px 10px}.notification-icon{font-size:20px;height:32px;width:32px}.notification-text{font-size:11px}.notification-time{font-size:10px}.delete-btn,.mark-read-btn{font-size:12px;height:22px;width:22px}}@media (max-width:480px){.notifications-page{margin:5px}.notifications-filters{overflow-x:scroll}.filter-tab{flex:none;min-width:80px}.notifications-actions{flex-wrap:wrap}.action-btn{font-size:10px;padding:3px 10px}.confirm-box{padding:18px 20px}}:root{--ph-font:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--ph-blue:#47a;--ph-blue-light:#69c;--ph-blue-dark:#358;--ph-green:#059669;--ph-green-light:#10b981;--ph-red:#dc2626;--ph-red-dark:#b91c1c;--ph-bg:#f4f6fb;--ph-surface:#fff;--ph-border:#e3e8f0;--ph-text:#1a1d2e;--ph-text-muted:#6b7280;--ph-radius:12px;--ph-radius-sm:8px;--ph-shadow-sm:0 2px 8px #00000014;--ph-shadow-md:0 6px 20px #0000001f;--ph-transition:0.18s ease}.photos-page{background:#f4f6fb;background:var(--ph-bg);color:#1a1d2e;color:var(--ph-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;position:relative}.photos-loading,.photos-page{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font)}.photos-loading{align-items:center;color:#47a;color:var(--ph-blue);display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:14px;justify-content:center;min-height:400px}.spinner{animation:ph-spin .9s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top:4px solid var(--ph-blue-light);height:40px;width:40px}@keyframes ph-spin{to{transform:rotate(1turn)}}.photos-header{background:linear-gradient(135deg,#69c,#358);background:linear-gradient(135deg,var(--ph-blue-light) 0,var(--ph-blue-dark) 100%);border-radius:12px;border-radius:var(--ph-radius);box-shadow:0 4px 16px #4477aa59;color:#fff;margin-bottom:16px;padding:28px 32px}.photos-breadcrumb{font-size:13px;margin-bottom:10px;opacity:.88}.photos-breadcrumb a{color:#fff;text-decoration:none;transition:opacity .18s ease;transition:opacity var(--ph-transition)}.photos-breadcrumb a:hover{opacity:.75}.photos-breadcrumb span{color:#fff9;margin:0 5px}.photos-header h1{font-size:26px;font-weight:700;letter-spacing:-.4px;margin:0}.photos-nav{align-items:center;background:#fff;background:var(--ph-surface);border-radius:8px;border-radius:var(--ph-radius-sm);box-shadow:0 2px 8px #00000014;box-shadow:var(--ph-shadow-sm);display:flex;gap:6px;margin-bottom:16px;padding:8px}.photos-nav button{background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--ph-text-muted);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;font-weight:500;padding:10px 22px;transition:background .18s ease,color .18s ease;transition:background var(--ph-transition),color var(--ph-transition)}.photos-nav button:hover{background:#f5f5f5;color:#1a1d2e;color:var(--ph-text)}.photos-nav button.active{background:linear-gradient(135deg,#69c,#358);background:linear-gradient(135deg,var(--ph-blue-light),var(--ph-blue-dark));color:#fff;font-weight:600}.photos-nav button:focus-visible{outline:2px solid #47a;outline:2px solid var(--ph-blue);outline-offset:2px}.photos-nav .ph-nav-upload-btn{background:#10b981;background:var(--ph-green-light);box-shadow:0 2px 8px #10b98140;color:#fff;font-weight:600;margin-left:auto;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;transition:background var(--ph-transition),transform var(--ph-transition),box-shadow var(--ph-transition)}.photos-nav .ph-nav-upload-btn:hover{background:#059669;background:var(--ph-green);box-shadow:0 4px 14px #10b98159;transform:translateY(-1px)}.photos-content{background:#fff;background:var(--ph-surface);border-radius:12px;border-radius:var(--ph-radius);box-shadow:0 2px 8px #00000014;box-shadow:var(--ph-shadow-sm);min-height:400px;padding:28px}.albums-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:16px}.album-card{background:#fff;background:var(--ph-surface);border-radius:12px;border-radius:var(--ph-radius);box-shadow:0 2px 8px #00000014;box-shadow:var(--ph-shadow-sm);cursor:pointer;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--ph-transition),transform var(--ph-transition)}.album-card:hover{box-shadow:0 8px 28px #4477aa47;transform:translateY(-4px)}.album-card:focus-visible{outline:2px solid #47a;outline:2px solid var(--ph-blue);outline-offset:2px}.album-cover{align-items:center;background-color:#f0f4f8;background-position:50%;background-size:cover;display:flex;font-size:48px;height:160px;justify-content:center;width:100%}.album-info{padding:16px}.album-info h3{color:#1a1d2e;color:var(--ph-text);font-size:15px;font-weight:650;margin:0 0 5px}.album-info p{color:#6b7280;color:var(--ph-text-muted);font-size:13px;margin:0}.photos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px}.photo-item{background:#fff;background:var(--ph-surface);border-radius:8px;border-radius:var(--ph-radius-sm);box-shadow:0 2px 8px #00000014;box-shadow:var(--ph-shadow-sm);overflow:hidden;position:relative;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--ph-transition),transform var(--ph-transition)}.photo-item:hover{box-shadow:0 6px 20px #0000001f;box-shadow:var(--ph-shadow-md);transform:translateY(-2px)}.photo-thumbnail{align-items:center;background-color:#f0f4f8;background-position:50%;background-size:cover;cursor:pointer;display:flex;font-size:36px;height:200px;justify-content:center;width:100%}.photo-thumbnail:focus-visible{outline:2px solid #47a;outline:2px solid var(--ph-blue);outline-offset:-2px}.photo-caption{border-top:1px solid #e3e8f0;border-top:1px solid var(--ph-border);color:#6b7280;color:var(--ph-text-muted);font-size:13px;line-height:1.5;margin:0;padding:10px 12px}.delete-photo-btn{align-items:center;background:#dc2626e0;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:15px;height:30px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .18s ease,transform .18s ease,background .18s ease;transition:opacity var(--ph-transition),transform var(--ph-transition),background var(--ph-transition);width:30px}.photo-item:hover .delete-photo-btn{opacity:1}.delete-photo-btn:hover{background:#b91c1c;background:var(--ph-red-dark);transform:scale(1.1)}.delete-photo-btn:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:2px}.album-header{align-items:center;border-bottom:2px solid #e3e8f0;border-bottom:2px solid var(--ph-border);display:flex;gap:20px;margin-bottom:24px;padding-bottom:20px}.album-header button{background:#f0f4f8;border:none;border-radius:8px;border-radius:var(--ph-radius-sm);color:#6b7280;color:var(--ph-text-muted);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;font-weight:500;padding:10px 18px;transition:background .18s ease;transition:background var(--ph-transition)}.album-header button:hover{background:#e2e8f0;color:#1a1d2e;color:var(--ph-text)}.album-header h2{color:#1a1d2e;color:var(--ph-text);font-size:22px;font-weight:650;margin:0}.photos-pagination-info{background:#f4f6fb;background:var(--ph-bg);border-radius:8px;border-radius:var(--ph-radius-sm);color:#6b7280;color:var(--ph-text-muted);font-size:14px;margin:16px 0;padding:10px 16px;text-align:center}.photos-pagination{align-items:center;border-top:2px solid #e3e8f0;border-top:2px solid var(--ph-border);display:flex;gap:20px;justify-content:center;margin-top:36px;padding-top:20px}.photos-pagination button{background:#fff;background:var(--ph-surface);border:2px solid #e3e8f0;border:2px solid var(--ph-border);border-radius:8px;border-radius:var(--ph-radius-sm);color:#6b7280;color:var(--ph-text-muted);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;font-weight:500;padding:10px 22px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;transition:background var(--ph-transition),color var(--ph-transition),border-color var(--ph-transition),transform var(--ph-transition)}.photos-pagination button:hover:not(:disabled){background:#47a;background:var(--ph-blue);border-color:#47a;border-color:var(--ph-blue);color:#fff;transform:translateY(-1px)}.photos-pagination button:disabled{cursor:not-allowed;opacity:.4}.photos-pagination span{color:#6b7280;color:var(--ph-text-muted);font-size:14px;font-weight:500}.no-photos{color:#aaa;padding:80px 20px;text-align:center}.no-photos p{font-size:20px;margin-bottom:24px}.no-photos button{background:linear-gradient(135deg,#69c,#358);background:linear-gradient(135deg,var(--ph-blue-light),var(--ph-blue-dark));border:none;border-radius:8px;border-radius:var(--ph-radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:15px;font-weight:600;padding:12px 28px;transition:transform .18s ease,box-shadow .18s ease;transition:transform var(--ph-transition),box-shadow var(--ph-transition)}.no-photos button:hover{box-shadow:0 4px 14px #4477aa4d;transform:translateY(-2px)}.ph-lightbox-overlay{background:#000000eb;cursor:zoom-out;inset:0;position:fixed;z-index:10001}.ph-lightbox-close,.ph-lightbox-overlay{align-items:center;display:flex;justify-content:center}.ph-lightbox-close{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:26px;height:44px;position:absolute;right:24px;top:20px;transition:background .18s ease,transform .18s ease;transition:background var(--ph-transition),transform var(--ph-transition);width:44px}.ph-lightbox-close:hover{background:#ffffff47;transform:rotate(90deg)}.ph-lightbox-img{border-radius:4px;box-shadow:0 8px 40px #0009;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}.modal-overlay{background:#000000ad;z-index:10000}.modal-content{background:var(--ph-surface);border-radius:var(--ph-radius);box-shadow:0 20px 60px #0006;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);max-width:520px}.modal-header{background:linear-gradient(135deg,#69c,#358);background:linear-gradient(135deg,var(--ph-blue-light),var(--ph-blue-dark));border-radius:12px 12px 0 0;border-radius:var(--ph-radius) var(--ph-radius) 0 0;color:#fff}.modal-header h2{font-size:19px;font-weight:650}.close-btn{background:#fff3;color:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);height:36px;transition:background .18s ease,transform .18s ease;transition:background var(--ph-transition),transform var(--ph-transition);width:36px}.close-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#1a1d2e;color:var(--ph-text);font-size:13.5px}.form-group input[type=file]{border:2px dashed #e3e8f0;border:2px dashed var(--ph-border);border-radius:8px;border-radius:var(--ph-radius-sm);box-sizing:border-box;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;padding:12px;transition:border-color .18s ease,background .18s ease;transition:border-color var(--ph-transition),background var(--ph-transition);width:100%}.form-group input[type=file]:hover{background:#f8f9ff;border-color:#69c;border-color:var(--ph-blue-light)}.form-group input[type=text],.form-group select{background:#fff;background:var(--ph-surface);border:2px solid #e3e8f0;border:2px solid var(--ph-border);border-radius:8px;border-radius:var(--ph-radius-sm);box-sizing:border-box;color:#1a1d2e;color:var(--ph-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;padding:11px 14px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--ph-transition),box-shadow var(--ph-transition);width:100%}.form-group input[type=text]:focus,.form-group select:focus{border-color:#69c;border-color:var(--ph-blue-light);box-shadow:0 0 0 3px #6699cc26;outline:none}.form-group select:disabled{background:#f4f6fb;background:var(--ph-bg);cursor:not-allowed;opacity:.55}.form-group textarea{border:2px solid #e3e8f0;border:2px solid var(--ph-border);border-radius:8px;border-radius:var(--ph-radius-sm);box-sizing:border-box;color:#1a1d2e;color:var(--ph-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;padding:11px 14px;transition:border-color .18s ease;transition:border-color var(--ph-transition);width:100%}.form-group textarea:focus{border-color:#69c;border-color:var(--ph-blue-light);outline:none}.file-count{color:#47a;color:var(--ph-blue);font-size:13px;font-weight:600;margin-top:8px}.ph-file-error{color:#dc2626;color:var(--ph-red);font-size:12.5px;font-weight:600;margin-top:6px}.ph-char-count{color:#6b7280;color:var(--ph-text-muted);font-size:12px;margin-top:5px;text-align:right}.modal-footer{background:#f4f6fb;background:var(--ph-bg);border-radius:0 0 12px 12px;border-radius:0 0 var(--ph-radius) var(--ph-radius);border-top:1px solid #e3e8f0;border-top:1px solid var(--ph-border);justify-content:flex-end}.modal-footer button{border:none;border-radius:8px;border-radius:var(--ph-radius-sm);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;font-weight:600;padding:10px 24px;transition:background .18s ease,transform .18s ease,opacity .18s ease;transition:background var(--ph-transition),transform var(--ph-transition),opacity var(--ph-transition)}.modal-footer .cancel-btn{background:#e5e7eb;color:#6b7280;color:var(--ph-text-muted)}.modal-footer .cancel-btn:hover:not(:disabled){background:#d1d5db;color:#1a1d2e;color:var(--ph-text)}.modal-footer .upload-btn{background:linear-gradient(135deg,#69c,#358);background:linear-gradient(135deg,var(--ph-blue-light),var(--ph-blue-dark));color:#fff}.modal-footer .upload-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.modal-footer button:disabled{cursor:not-allowed;opacity:.45;transform:none}.ph-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10002}.ph-toast{animation:ph-toast-in .25s ease,ph-toast-out .3s ease 3.2s forwards;border-radius:6px;box-shadow:0 4px 14px #0003;color:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:13.5px;font-weight:600;padding:11px 16px}.ph-toast--success{background:#15803d}.ph-toast--error{background:#b91c1c}.ph-toast--info{background:#1e40af}@keyframes ph-toast-in{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes ph-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(16px)}}.ph-confirm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:10003}.ph-confirm{background:#fff;border-radius:8px;border-radius:var(--ph-radius-sm);box-shadow:0 10px 30px #0003;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);max-width:340px;min-width:260px;padding:28px;text-align:center}.ph-confirm p{color:#1a1d2e;color:var(--ph-text);font-size:15px;font-weight:600;line-height:1.45;margin-bottom:20px}.ph-confirm-actions{display:flex;gap:10px;justify-content:center}.ph-confirm-no,.ph-confirm-yes{border-radius:6px;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;font-weight:650;padding:9px 24px;transition:background .18s ease,transform .18s ease;transition:background var(--ph-transition),transform var(--ph-transition)}.ph-confirm-yes{background:#dc2626;background:var(--ph-red);border:2px solid #b91c1c;border:2px solid var(--ph-red-dark);color:#fff}.ph-confirm-yes:hover{background:#b91c1c;background:var(--ph-red-dark);transform:translateY(-1px)}.ph-confirm-no{background:#f5f5f5;border:2px solid #d1d5db;color:#444}.ph-confirm-no:hover{background:#e5e7eb;transform:translateY(-1px)}@media (max-width:768px){.photos-page{padding:12px}.photos-header{border-radius:8px;border-radius:var(--ph-radius-sm);padding:20px}.photos-header h1{font-size:20px}.albums-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photos-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.photo-thumbnail{height:140px}.album-cover{height:130px}.photos-nav{flex-wrap:wrap;padding:6px}.photos-nav button{flex:1 1 auto;font-size:13px;min-width:90px;padding:9px 12px}.photos-nav .ph-nav-upload-btn{flex:1 1 100%}.photos-content{padding:16px}.ph-toast-stack{left:8px;max-width:100%;right:8px;top:10px}.modal-content{width:95%}.modal-body{padding:16px}}:root{--vp-font:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--vp-blue:#47a;--vp-blue-light:#69c;--vp-blue-dark:#358;--vp-purple:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);--vp-purple-light:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);--vp-green:#059669;--vp-green-light:#10b981;--vp-red:#dc2626;--vp-red-dark:#b91c1c;--vp-bg:#f4f6fb;--vp-surface:#fff;--vp-border:#e3e8f0;--vp-text:#1a1d2e;--vp-text-muted:#6b7280;--vp-radius:12px;--vp-radius-sm:8px;--vp-shadow-sm:0 2px 8px #00000014;--vp-shadow-md:0 6px 20px #0000001f;--vp-transition:0.18s ease}.vp-page{background:#f4f6fb;background:var(--vp-bg);color:#1a1d2e;color:var(--vp-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;position:relative}.vp-loading,.vp-page{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font)}.vp-loading{align-items:center;color:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);color:var(--vp-purple);display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:14px;justify-content:center;min-height:400px}.vp-spinner{animation:vp-spin .9s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top:4px solid var(--vp-purple-light);height:40px;width:40px}@keyframes vp-spin{to{transform:rotate(1turn)}}.vp-header{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);border-radius:12px;border-radius:var(--vp-radius);color:#fff;margin-bottom:16px;padding:28px 32px}.vp-breadcrumb{font-size:13px;margin-bottom:10px;opacity:.88}.vp-breadcrumb a{color:#fff;text-decoration:none;transition:opacity .18s ease;transition:opacity var(--vp-transition)}.vp-breadcrumb a:hover{opacity:.75}.vp-breadcrumb span{color:#fff9;margin:0 5px}.vp-header h1{font-size:26px;font-weight:700;letter-spacing:-.4px;margin:0}.vp-nav{align-items:center;background:#fff;background:var(--vp-surface);border-radius:8px;border-radius:var(--vp-radius-sm);box-shadow:0 2px 8px #00000014;box-shadow:var(--vp-shadow-sm);display:flex;gap:6px;margin-bottom:16px;padding:8px}.vp-nav button{background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--vp-text-muted);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);font-size:14px;font-weight:500;padding:10px 22px;transition:background .18s ease,color .18s ease;transition:background var(--vp-transition),color var(--vp-transition)}.vp-nav button:hover{background:#f5f5f5;color:#1a1d2e;color:var(--vp-text)}.vp-nav button.active{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);color:#fff;font-weight:600}.vp-nav button:focus-visible{outline:2px solid linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);outline:2px solid var(--vp-purple);outline-offset:2px}.vp-nav-upload-btn{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9)!important;box-shadow:0 2px 8px #7c3aed40;color:#fff!important;font-weight:600!important;margin-left:auto!important;transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;transition:background var(--vp-transition),transform var(--vp-transition),box-shadow var(--vp-transition)!important}.vp-content{background:#fff;background:var(--vp-surface);border-radius:12px;border-radius:var(--vp-radius);box-shadow:0 2px 8px #00000014;box-shadow:var(--vp-shadow-sm);min-height:400px;padding:28px}.vp-albums-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:16px}.vp-album-card{background:#fff;background:var(--vp-surface);border-radius:12px;border-radius:var(--vp-radius);box-shadow:0 2px 8px #00000014;box-shadow:var(--vp-shadow-sm);cursor:pointer;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--vp-transition),transform var(--vp-transition)}.vp-album-card:hover{box-shadow:0 8px 28px #7c3aed47;transform:translateY(-4px)}.vp-album-card:focus-visible{outline:2px solid linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);outline:2px solid var(--vp-purple);outline-offset:2px}.vp-album-cover{align-items:center;aspect-ratio:16/10;background:#1a0a2e;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.vp-album-cover-img,.vp-album-cover-video{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.vp-album-icon{font-size:48px}.vp-album-play-badge{background:#0000008c;border-radius:4px;bottom:8px;color:#fff;font-size:14px;padding:3px 8px;position:absolute;right:10px}.vp-album-info{padding:14px}.vp-album-info h3{color:#1a1d2e;color:var(--vp-text);font-size:14px;font-weight:650;margin:0 0 4px}.vp-album-info p{color:#6b7280;color:var(--vp-text-muted);font-size:12px;margin:0}.vp-videos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:16px}.vp-video-item{background:#fff;background:var(--vp-surface);border-radius:8px;border-radius:var(--vp-radius-sm);box-shadow:0 2px 8px #00000014;box-shadow:var(--vp-shadow-sm);overflow:hidden;position:relative;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--vp-transition),transform var(--vp-transition)}.vp-video-item:hover{box-shadow:0 6px 20px #0000001f;box-shadow:var(--vp-shadow-md);transform:translateY(-2px)}.vp-video-thumb{align-items:center;aspect-ratio:16/10;background:#0a0a14;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.vp-video-thumb:focus-visible{outline:2px solid linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);outline:2px solid var(--vp-purple);outline-offset:-2px}.vp-thumb-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.vp-thumb-placeholder{align-items:center;background:linear-gradient(135deg,#1a0a2e,#2d1b69);display:flex;height:100%;justify-content:center;width:100%}.vp-play-icon{color:#ffffff80;font-size:32px}.vp-play-overlay{align-items:center;background:#0000;display:flex;inset:0;justify-content:center;position:absolute;transition:background .18s ease;transition:background var(--vp-transition)}.vp-video-thumb:hover .vp-play-overlay{background:#00000059}.vp-play-icon-lg{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));font-size:36px;opacity:0;transition:opacity .18s ease;transition:opacity var(--vp-transition)}.vp-video-thumb:hover .vp-play-icon-lg{opacity:1}.vp-duration{background:#000000b3;border-radius:4px;bottom:6px;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;position:absolute;right:8px}.vp-caption{color:#6b7280;color:var(--vp-text-muted);font-size:12px;line-height:1.5;margin:0;padding:8px 12px}.vp-caption,.vp-view-post-link{border-top:1px solid #e3e8f0;border-top:1px solid var(--vp-border)}.vp-view-post-link{color:#47a;color:var(--vp-blue);display:block;font-size:11px;padding:5px 12px;text-decoration:none;transition:background .18s ease;transition:background var(--vp-transition)}.vp-view-post-link:hover{background:#f5f8ff;text-decoration:underline}.vp-delete-btn{align-items:center;background:#dc2626e0;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .18s ease,transform .18s ease,background .18s ease;transition:opacity var(--vp-transition),transform var(--vp-transition),background var(--vp-transition);width:30px}.vp-video-item:hover .vp-delete-btn{opacity:1}.vp-delete-btn:hover{background:#b91c1c;background:var(--vp-red-dark);transform:scale(1.1)}.vp-delete-btn:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:2px}.vp-album-header{align-items:center;border-bottom:2px solid #e3e8f0;border-bottom:2px solid var(--vp-border);display:flex;gap:20px;margin-bottom:24px;padding-bottom:20px}.vp-album-header button{background:#f0f4f8;border:none;border-radius:8px;border-radius:var(--vp-radius-sm);color:#6b7280;color:var(--vp-text-muted);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);font-size:14px;font-weight:500;padding:10px 18px;transition:background .18s ease;transition:background var(--vp-transition)}.vp-album-header button:hover{background:#e2e8f0;color:#1a1d2e;color:var(--vp-text)}.vp-album-header h2{color:#1a1d2e;color:var(--vp-text);font-size:22px;font-weight:650;margin:0}.vp-pagination-info{background:#f4f6fb;background:var(--vp-bg);border-radius:8px;border-radius:var(--vp-radius-sm);color:#6b7280;color:var(--vp-text-muted);font-size:14px;margin:16px 0;padding:10px 16px;text-align:center}.vp-pagination{align-items:center;border-top:2px solid #e3e8f0;border-top:2px solid var(--vp-border);display:flex;gap:20px;justify-content:center;margin-top:36px;padding-top:20px}.vp-pagination button{background:#fff;background:var(--vp-surface);border:2px solid #e3e8f0;border:2px solid var(--vp-border);border-radius:8px;border-radius:var(--vp-radius-sm);color:#6b7280;color:var(--vp-text-muted);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);font-size:14px;font-weight:500;padding:10px 22px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;transition:background var(--vp-transition),color var(--vp-transition),border-color var(--vp-transition),transform var(--vp-transition)}.vp-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);background:var(--vp-purple);border-color:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);border-color:var(--vp-purple);color:#fff;transform:translateY(-1px)}.vp-pagination button:disabled{cursor:not-allowed;opacity:.4}.vp-pagination span{color:#6b7280;color:var(--vp-text-muted);font-size:14px;font-weight:500}.vp-empty{color:#aaa;padding:80px 20px;text-align:center}.vp-empty p{font-size:20px;margin-bottom:24px}.vp-empty button{background:linear-gradient(135deg,linear-gradient(135deg,#3c6199 0,#2d5fa6 60%,#4a90d9 100%),linear-gradient(135deg,#3c6199 0,#2d5fa6 60%,#4a90d9 100%));background:linear-gradient(135deg,var(--vp-purple-light),var(--vp-purple));border:none;border-radius:8px;border-radius:var(--vp-radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);font-size:15px;font-weight:600;padding:12px 28px;transition:transform .18s ease,box-shadow .18s ease;transition:transform var(--vp-transition),box-shadow var(--vp-transition)}.vp-empty button:hover{box-shadow:0 4px 14px #7c3aed4d;transform:translateY(-2px)}.vp-player-overlay{background:#000000f2;cursor:zoom-out;inset:0;position:fixed;z-index:10001}.vp-player-close,.vp-player-overlay{align-items:center;display:flex;justify-content:center}.vp-player-close{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:26px;height:44px;position:absolute;right:24px;top:20px;transition:background .18s ease,transform .18s ease;transition:background var(--vp-transition),transform var(--vp-transition);width:44px}.vp-player-close:hover{background:#ffffff47;transform:rotate(90deg)}.vp-player-video{border-radius:6px;box-shadow:0 8px 40px #000000b3;cursor:default;max-height:86vh;max-width:90vw}.vp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000ad;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.vp-modal{background:#fff;background:var(--vp-surface);border-radius:12px;border-radius:var(--vp-radius);box-shadow:0 20px 60px #0006;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);max-height:90vh;max-width:520px;overflow-y:auto;width:90%}.vp-modal-header{align-items:center;background:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);border-radius:12px 12px 0 0;border-radius:var(--vp-radius) var(--vp-radius) 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.vp-modal-header h2{font-size:19px;font-weight:650;margin:0}.vp-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:background .18s ease,transform .18s ease;transition:background var(--vp-transition),transform var(--vp-transition);width:36px}.vp-modal-close:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.vp-modal-close:disabled{cursor:not-allowed;opacity:.5}.vp-modal-body{padding:24px}.vp-form-group{margin-bottom:20px}.vp-form-group label{color:#1a1d2e;color:var(--vp-text);display:block;font-size:13.5px;font-weight:600;margin-bottom:8px}.vp-form-group input[type=file]{border:2px dashed #e3e8f0;border:2px dashed var(--vp-border);border-radius:8px;border-radius:var(--vp-radius-sm);box-sizing:border-box;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);font-size:14px;padding:12px;transition:border-color .18s ease,background .18s ease;transition:border-color var(--vp-transition),background var(--vp-transition);width:100%}.vp-form-group input[type=file]:hover{background:#faf7ff;border-color:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);border-color:var(--vp-purple-light)}.vp-form-group input[type=text],.vp-form-group select{background:#fff;background:var(--vp-surface);border:2px solid #e3e8f0;border:2px solid var(--vp-border);border-radius:8px;border-radius:var(--vp-radius-sm);box-sizing:border-box;color:#1a1d2e;color:var(--vp-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);font-size:14px;padding:11px 14px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--vp-transition),box-shadow var(--vp-transition);width:100%}.vp-form-group input[type=text]:focus,.vp-form-group select:focus{border-color:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);border-color:var(--vp-purple-light);box-shadow:0 0 0 3px #a78bfa26;outline:none}.vp-form-group select:disabled{background:#f4f6fb;background:var(--vp-bg);cursor:not-allowed;opacity:.55}.vp-form-group textarea{border:2px solid #e3e8f0;border:2px solid var(--vp-border);border-radius:8px;border-radius:var(--vp-radius-sm);box-sizing:border-box;color:#1a1d2e;color:var(--vp-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);font-size:14px;padding:11px 14px;resize:vertical;transition:border-color .18s ease;transition:border-color var(--vp-transition);width:100%}.vp-form-group textarea:focus{border-color:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);border-color:var(--vp-purple-light);outline:none}.vp-file-count{color:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);color:var(--vp-purple);font-size:13px;font-weight:600;margin-top:8px}.vp-file-error{color:#dc2626;color:var(--vp-red);font-size:12.5px;font-weight:600;margin-top:6px}.vp-char-count{color:#6b7280;color:var(--vp-text-muted);font-size:12px;margin-top:5px;text-align:right}.vp-progress-wrap{align-items:center;display:flex;gap:10px;margin-bottom:12px}.vp-progress-track{background:#e8ecf4;border-radius:100px;flex:1 1;height:6px;overflow:hidden}.vp-progress-fill{background:linear-gradient(90deg,linear-gradient(135deg,#3c6199 0,#2d5fa6 60%,#4a90d9 100%),linear-gradient(135deg,#3c6199 0,#2d5fa6 60%,#4a90d9 100%));background:linear-gradient(90deg,var(--vp-purple-light),var(--vp-purple));border-radius:100px;height:100%;transition:width .3s ease}.vp-progress-label{color:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);color:var(--vp-purple);font-size:12px;font-weight:700;min-width:36px;text-align:right}.vp-upload-info{border-radius:8px;border-radius:var(--vp-radius-sm);color:#6b7280;color:var(--vp-text-muted);font-size:12px;margin-top:4px;padding:8px 12px}.vp-modal-footer,.vp-upload-info{background:#f4f6fb;background:var(--vp-bg)}.vp-modal-footer{border-radius:0 0 12px 12px;border-radius:0 0 var(--vp-radius) var(--vp-radius);border-top:1px solid #e3e8f0;border-top:1px solid var(--vp-border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.vp-modal-footer button{border:none;border-radius:8px;border-radius:var(--vp-radius-sm);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);font-size:14px;font-weight:600;padding:10px 24px;transition:background .18s ease,transform .18s ease,opacity .18s ease;transition:background var(--vp-transition),transform var(--vp-transition),opacity var(--vp-transition)}.vp-cancel-btn{background:#e5e7eb;color:#6b7280;color:var(--vp-text-muted)}.vp-cancel-btn:hover:not(:disabled){background:#d1d5db;color:#1a1d2e;color:var(--vp-text)}.vp-upload-btn{background:linear-gradient(135deg,#3c6199,#2d5fa6 60%,#4a90d9);color:#fff}.vp-modal-footer button:disabled{cursor:not-allowed;opacity:.45;transform:none}.vp-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10002}.vp-toast{animation:vp-toast-in .25s ease,vp-toast-out .3s ease 3.2s forwards;border-radius:6px;box-shadow:0 4px 14px #0003;color:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);font-size:13.5px;font-weight:600;padding:11px 16px}.vp-toast--success{background:#15803d}.vp-toast--error{background:#b91c1c}.vp-toast--info{background:#1e40af}@keyframes vp-toast-in{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes vp-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(16px)}}.vp-confirm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:10003}.vp-confirm{background:#fff;border-radius:8px;border-radius:var(--vp-radius-sm);box-shadow:0 10px 30px #0003;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);max-width:340px;min-width:260px;padding:28px;text-align:center}.vp-confirm p{color:#1a1d2e;color:var(--vp-text);font-size:15px;font-weight:600;line-height:1.45;margin-bottom:20px}.vp-confirm-actions{display:flex;gap:10px;justify-content:center}.vp-confirm-no,.vp-confirm-yes{border-radius:6px;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vp-font);font-size:14px;font-weight:650;padding:9px 24px;transition:background .18s ease,transform .18s ease;transition:background var(--vp-transition),transform var(--vp-transition)}.vp-confirm-yes{background:#dc2626;background:var(--vp-red);border:2px solid #b91c1c;border:2px solid var(--vp-red-dark);color:#fff}.vp-confirm-yes:hover{background:#b91c1c;background:var(--vp-red-dark);transform:translateY(-1px)}.vp-confirm-no{background:#f5f5f5;border:2px solid #d1d5db;color:#444}.vp-confirm-no:hover{background:#e5e7eb;transform:translateY(-1px)}@media (max-width:768px){.vp-page{padding:12px}.vp-header{border-radius:8px;border-radius:var(--vp-radius-sm);padding:20px}.vp-header h1{font-size:20px}.vp-albums-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.vp-videos-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.vp-nav{flex-wrap:wrap;padding:6px}.vp-nav button{flex:1 1 auto;font-size:13px;min-width:90px;padding:9px 12px}.vp-nav-upload-btn{flex:1 1 100%!important}.vp-content{padding:16px}.vp-toast-stack{left:8px;max-width:100%;right:8px;top:10px}.vp-modal{width:95%}.vp-modal-body{padding:16px}.vp-player-video{max-height:70vh;max-width:96vw}}.settings-page{background-color:#f5f5f5;background-color:var(--bg-primary,#f5f5f5);min-height:100vh;padding:20px;transition:background-color .3s ease}.settings-container{margin:0 auto;max-width:1200px}.settings-header{margin-bottom:40px;padding:20px;text-align:center}.settings-header h1{align-items:center;color:#333;color:var(--text-primary,#333);display:flex;font-size:2.5rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:10px;transition:color .3s ease}.header-icon{animation:settings-icon-wobble 3s ease-in-out infinite;font-size:2.5rem;will-change:transform}@keyframes settings-icon-wobble{0%,to{transform:rotate(0deg)}50%{transform:rotate(10deg)}}.settings-subtitle{color:#666;color:var(--text-secondary,#666);font-size:1.1rem;margin:0;transition:color .3s ease}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.settings-card{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:2px solid #0000;border-radius:16px;color:inherit;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.settings-card:before{background:linear-gradient(90deg,#0000,#6699cc1a 50%,#0000);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.settings-card:focus-visible:before,.settings-card:hover:before{transform:translateX(100%)}.settings-card:focus-visible,.settings-card:hover{border-color:#69c;border-color:var(--accent-primary,#69c);box-shadow:0 8px 20px #0000001a;outline:none;transform:translateY(-5px)}.settings-card-content h2{color:#333;color:var(--text-primary,#333);font-size:1.2rem;font-weight:600;margin:0 0 8px;transition:color .3s ease}.settings-card-content p{color:#666;color:var(--text-secondary,#666);font-size:.95rem;line-height:1.5;margin:0;transition:color .3s ease}.settings-card-icon{align-items:center;background:#f5f5f5;background:var(--bg-primary,#f5f5f5);border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;transition:transform .25s ease,background .25s ease;width:60px}.settings-card:focus-visible .settings-card-icon,.settings-card:hover .settings-card-icon{background:#69c;background:var(--accent-primary,#69c);transform:scale(1.1)}.settings-card-arrow{color:#999;color:var(--text-secondary,#999);flex-shrink:0;font-size:1.5rem;transition:transform .25s ease,color .25s ease}.settings-card:focus-visible .settings-card-arrow,.settings-card:hover .settings-card-arrow{color:#69c;color:var(--accent-primary,#69c);transform:translateX(5px)}.push-card--active{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e!important}.push-card--active .settings-card-icon{background:#dcfce7}.push-card--unsupported{cursor:default;opacity:.65}.push-card--unsupported:hover{border-color:#0000;box-shadow:none;transform:none}.push-card--blocked{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fca5a5;cursor:default}.push-card--blocked:hover{box-shadow:none;transform:none}.push-error{color:#dc2626!important;font-size:.8rem!important;font-weight:500;margin-top:6px!important}.push-toggle-btn{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;min-width:80px;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.push-toggle-btn--on{background:#3b5998;border-color:#3b5998;color:#fff}.push-toggle-btn--on:hover:not(:disabled){background:#2d4373;border-color:#2d4373;box-shadow:0 4px 12px #3b599859;transform:translateY(-1px)}.push-toggle-btn--off{background:#fff;border-color:#fca5a5;color:#dc2626}.push-toggle-btn--off:hover:not(:disabled){background:#fef2f2;border-color:#dc2626;transform:translateY(-1px)}.push-toggle-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.push-spinner{animation:push-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.push-toggle-btn--off .push-spinner{border-color:#dc2626 #dc26264d #dc26264d}@keyframes push-spin{to{transform:rotate(1turn)}}.quick-actions-section{margin-bottom:40px}.quick-actions-section h2{align-items:center;color:#333;color:var(--text-primary,#333);display:flex;font-size:1.8rem;font-weight:600;gap:12px;margin-bottom:20px;transition:color .3s ease}.section-icon{font-size:1.8rem}.quick-actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:2px solid #f5f5f5;border:2px solid var(--bg-primary,#f5f5f5);border-radius:12px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:10px;justify-content:center;padding:16px 20px;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.quick-action-btn:focus-visible,.quick-action-btn:hover{background:#69c;background:var(--accent-primary,#69c);border-color:#69c;border-color:var(--accent-primary,#69c);box-shadow:0 5px 15px #0000001a;color:#fff;outline:none;transform:translateY(-3px)}.quick-action-btn--danger:focus-visible,.quick-action-btn--danger:hover{background:#c0392b;border-color:#a93226;box-shadow:0 5px 15px #c0392b40}.action-icon{font-size:1.3rem;transition:transform .25s ease}.quick-action-btn:focus-visible .action-icon,.quick-action-btn:hover .action-icon{transform:scale(1.2)}.app-info{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #f5f5f5;border:1px solid var(--bg-primary,#f5f5f5);border-radius:12px;padding:30px 20px;text-align:center;transition:all .3s ease}.app-info p{color:#999;color:var(--text-secondary,#999);font-size:.9rem;margin:5px 0;transition:color .3s ease}.app-info-link{color:#69c;color:var(--accent-primary,#69c);font-size:.9rem;text-decoration:none;transition:color .2s ease}.app-info-link:focus-visible,.app-info-link:hover{color:#47a;color:var(--accent-dark,#47a);text-decoration:underline}@media (prefers-reduced-motion:reduce){.header-icon,.push-spinner{animation:none}.action-icon,.push-toggle-btn,.quick-action-btn,.settings-card,.settings-card-arrow,.settings-card-icon,.settings-card:before{transition:none}.push-toggle-btn:hover,.quick-action-btn:hover,.settings-card:hover{transform:none}}@media (max-width:768px){.settings-page{padding:15px}.header-icon,.settings-header h1{font-size:2rem}.settings-grid{gap:15px;grid-template-columns:1fr}.settings-card{padding:18px}.settings-card-icon{font-size:2rem;height:50px;width:50px}.settings-card-content h2{font-size:1.1rem}.settings-card-content p{font-size:.9rem}.push-toggle-btn{font-size:.85rem;padding:7px 14px}.quick-actions-grid{grid-template-columns:1fr 1fr}.quick-actions-section h2{font-size:1.5rem}}@media (max-width:480px){.settings-header h1{flex-direction:column;font-size:1.8rem;gap:10px}.settings-subtitle{font-size:1rem}.settings-card{flex-direction:column;padding:20px 15px;text-align:center}.settings-card-arrow{transform:rotate(90deg)}.settings-card:focus-visible .settings-card-arrow,.settings-card:hover .settings-card-arrow{transform:rotate(90deg) translateX(5px)}.push-card{flex-direction:row;text-align:left}.quick-actions-grid{grid-template-columns:1fr}}:root{--ps-bg:#f4f6fb;--ps-surface:#fff;--ps-surface-2:#f9fafc;--ps-border:#e3e8f0;--ps-border-focus:#6c7ff2;--ps-text-primary:#1a1d2e;--ps-text-secondary:#5a6272;--ps-text-muted:#9aa3b4;--ps-accent:#6c7ff2;--ps-accent-dark:#4f5fd4;--ps-accent-light:#eef0fd;--ps-success:#22c55e;--ps-success-bg:#f0fdf4;--ps-success-border:#bbf7d0;--ps-error:#ef4444;--ps-error-bg:#fef2f2;--ps-error-border:#fecaca;--ps-warn:#f59e0b;--ps-warn-bg:#fffbeb;--ps-warn-border:#fde68a;--ps-info-bg:#eff6ff;--ps-info-border:#bfdbfe;--ps-info-text:#1d4ed8;--ps-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--ps-shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--ps-radius:12px;--ps-radius-sm:8px;--ps-radius-lg:16px;--ps-font:"DM Sans",sans-serif;--ps-font-mono:"DM Mono",monospace;--ps-transition:0.18s ease}.settings-subpage{background:#f4f6fb;background:var(--ps-bg);color:#1a1d2e;color:var(--ps-text-primary);font-family:DM Sans,sans-serif;font-family:var(--ps-font);min-height:100vh;padding:32px 20px 64px}.settings-subpage-container{margin:0 auto;max-width:780px}.breadcrumb{align-items:center;color:#9aa3b4;color:var(--ps-text-muted);display:flex;font-size:13px;gap:8px;margin-bottom:24px}.breadcrumb a{color:#6c7ff2;color:var(--ps-accent);font-weight:500;text-decoration:none;transition:color .18s ease;transition:color var(--ps-transition)}.breadcrumb a:hover{color:#4f5fd4;color:var(--ps-accent-dark)}.breadcrumb-separator{color:#9aa3b4;color:var(--ps-text-muted)}.breadcrumb-current{color:#5a6272;color:var(--ps-text-secondary);font-weight:500}.subpage-header{margin-bottom:28px}.subpage-header h1{align-items:center;color:#1a1d2e;color:var(--ps-text-primary);display:flex;font-size:26px;font-weight:700;gap:10px;letter-spacing:-.4px;margin:0 0 6px}.header-icon{font-size:24px;line-height:1}.subpage-header p{color:#5a6272;color:var(--ps-text-secondary);font-size:15px;margin:0}.unsaved-banner{align-items:center;animation:ps-fade-in .2s ease;background:#fffbeb;background:var(--ps-warn-bg);border:1px solid #fde68a;border:1px solid var(--ps-warn-border);color:#92400e;display:inline-flex;font-size:13px;gap:6px;margin-top:12px;padding:7px 14px}.alert,.unsaved-banner{border-radius:8px;border-radius:var(--ps-radius-sm);font-weight:500}.alert{align-items:flex-start;animation:ps-slide-down .2s ease;border:1px solid #0000;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:14px 16px}.alert-success{background:#f0fdf4;background:var(--ps-success-bg);border-color:#bbf7d0;border-color:var(--ps-success-border);color:#15803d}.alert-error{background:#fef2f2;background:var(--ps-error-bg);border-color:#fecaca;border-color:var(--ps-error-border);color:#b91c1c}.alert-info{background:#eff6ff;background:var(--ps-info-bg);border-color:#bfdbfe;border-color:var(--ps-info-border);color:#1d4ed8;color:var(--ps-info-text)}.alert-icon{flex-shrink:0;font-size:16px;margin-top:1px}.alert-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;margin-left:auto;opacity:.6;padding:0 2px;transition:opacity .18s ease;transition:opacity var(--ps-transition)}.alert-close:hover{opacity:1}.settings-section{background:#fff;background:var(--ps-surface);border:1px solid #e3e8f0;border:1px solid var(--ps-border);border-radius:12px;border-radius:var(--ps-radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--ps-shadow-sm);margin-bottom:16px;padding:24px;transition:box-shadow .18s ease;transition:box-shadow var(--ps-transition)}.settings-section:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--ps-shadow-md)}.settings-section[class~=settings-section]{min-width:0}fieldset.settings-section{border:1px solid #e3e8f0;border:1px solid var(--ps-border)}.section-header{border-bottom:1px solid #e3e8f0;border-bottom:1px solid var(--ps-border);margin-bottom:20px;padding-bottom:16px}.section-header legend,fieldset .section-header{float:none;padding:0;width:100%}.section-header h2{align-items:center;color:#1a1d2e;color:var(--ps-text-primary);display:flex;font-size:16px;font-weight:650;gap:8px;letter-spacing:-.2px;margin:0 0 4px}.section-icon{font-size:17px;line-height:1}.section-description{color:#5a6272;color:var(--ps-text-secondary);font-size:13px;line-height:1.5;margin:0}.section-description strong{color:#1a1d2e;color:var(--ps-text-primary)}.privacy-options{display:flex;flex-direction:column;gap:12px}.privacy-option{align-items:center;background:#f9fafc;background:var(--ps-surface-2);border:1px solid #e3e8f0;border:1px solid var(--ps-border);border-radius:8px;border-radius:var(--ps-radius-sm);display:flex;gap:20px;justify-content:space-between;padding:14px 16px;transition:border-color .18s ease,background .18s ease;transition:border-color var(--ps-transition),background var(--ps-transition)}.privacy-option:hover{background:#eef0fd;background:var(--ps-accent-light);border-color:#6c7ff2;border-color:var(--ps-accent)}.option-info{flex:1 1;min-width:0}.option-info h3{align-items:center;color:#1a1d2e;color:var(--ps-text-primary);display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 2px}.option-icon{font-size:15px}.option-info p{color:#5a6272;color:var(--ps-text-secondary);font-size:12.5px;line-height:1.45;margin:0}.field-warning{color:#92400e!important;font-size:12px!important;font-weight:500;margin-top:6px!important}.privacy-select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6272' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;background:var(--ps-surface) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6272' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #e3e8f0;border:1px solid var(--ps-border);border-radius:8px;border-radius:var(--ps-radius-sm);color:#1a1d2e;color:var(--ps-text-primary);cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-family:var(--ps-font);font-size:13.5px;font-weight:500;min-width:170px;padding:9px 36px 9px 14px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--ps-transition),box-shadow var(--ps-transition)}.privacy-select:focus,.privacy-select:hover{border-color:#6c7ff2;border-color:var(--ps-accent)}.privacy-select:focus{box-shadow:0 0 0 3px #6c7ff226;outline:none}.privacy-select option:disabled{color:#9aa3b4;color:var(--ps-text-muted)}.ceiling-box{border:1px solid;border-radius:8px;border-radius:var(--ps-radius-sm);font-size:13px;line-height:1.55;padding:14px 16px;transition:background .18s ease,border-color .18s ease;transition:background var(--ps-transition),border-color var(--ps-transition)}.ceiling-box h4{font-size:13px;font-weight:650;margin:0 0 6px}.ceiling-box p{color:inherit;margin:4px 0 0}.ceiling-warning{background:#fffbeb;background:var(--ps-warn-bg);border-color:#fde68a;border-color:var(--ps-warn-border);color:#92400e}.ceiling-ok{background:#f0fdf4;background:var(--ps-success-bg);border-color:#bbf7d0;border-color:var(--ps-success-border);color:#15803d}.privacy-summary{background:#eef0fd;background:var(--ps-accent-light);border-color:#6c7ff240}.summary-grid{grid-gap:10px 24px;display:grid;gap:10px 24px;grid-template-columns:1fr 1fr}.summary-row{background:#fff;border:1px solid #e3e8f0;border:1px solid var(--ps-border);border-radius:8px;border-radius:var(--ps-radius-sm);display:flex;flex-direction:column;gap:3px;padding:10px 14px}.summary-label{color:#9aa3b4;color:var(--ps-text-muted);font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary-value{color:#1a1d2e;color:var(--ps-text-primary);font-size:14px;font-weight:600}.summary-warning{color:#f59e0b;color:var(--ps-warn)}.form-actions{align-items:center;border-top:1px solid #e3e8f0;border-top:1px solid var(--ps-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-primary,.btn-secondary{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--ps-radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--ps-font);font-size:14px;font-weight:600;gap:7px;padding:11px 24px;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;transition:background var(--ps-transition),color var(--ps-transition),border-color var(--ps-transition),box-shadow var(--ps-transition),transform var(--ps-transition);white-space:nowrap}.btn-primary{background:#6c7ff2;background:var(--ps-accent);box-shadow:0 2px 8px #6c7ff24d}.btn-primary:hover:not(:disabled){background:#4f5fd4;background:var(--ps-accent-dark);box-shadow:0 4px 14px #6c7ff266;transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 6px #6c7ff240;transform:translateY(0)}.btn-primary:disabled{box-shadow:none;opacity:.5;transform:none}.btn-secondary{background:var(--ps-surface);border-color:#e3e8f0;border-color:var(--ps-border);color:#5a6272;color:var(--ps-text-secondary)}.btn-secondary:hover:not(:disabled){background:#f9fafc;background:var(--ps-surface-2);border-color:#c5cdd8;color:#1a1d2e;color:var(--ps-text-primary)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.loading-skeleton{display:flex;flex-direction:column;gap:16px}.skeleton-section{background:#fff;background:var(--ps-surface);border:1px solid #e3e8f0;border:1px solid var(--ps-border);border-radius:12px;border-radius:var(--ps-radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--ps-shadow-sm);padding:24px}.skeleton{animation:ps-shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f2f7 25%,#e4e8f0 50%,#f0f2f7 75%);background-size:200% 100%;border-radius:6px}.skeleton-title{height:22px;margin-bottom:16px;width:40%}.skeleton-row{height:52px;margin-bottom:10px}.skeleton-row:last-child{margin-bottom:0}@keyframes ps-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ps-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ps-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.settings-subpage{padding:20px 14px 48px}.settings-section{padding:18px 16px}.privacy-option{align-items:flex-start;flex-direction:column;gap:12px}.privacy-select{min-width:0;min-width:auto;width:100%}.summary-grid{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}.subpage-header h1{font-size:22px}}:root{--navy-900:#0d1b35;--navy-800:#142444;--navy-700:#1e3360;--navy-600:#2a4580;--blue-500:#2d5fa6;--blue-400:#4a90d9;--blue-300:#7ab3e6;--blue-100:#d6e8f7;--blue-50:#edf4fb;--grad:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);--grad-soft:linear-gradient(135deg,#1a3a6b12,#4a90d912);--grad-hover:linear-gradient(135deg,#142f58,#2450a0 60%,#3a80c8);--sent-bg:var(--grad);--recv-bg:#f1f5f9;--surface-2:#f8fafc;--page-bg:#f0f4f9;--sidebar-bg:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--text-900:#0f172a;--text-700:#334155;--text-500:#64748b;--text-300:#94a3b8;--text-white:#fff;--green:#22c55e;--danger:#ef4444;--danger-bg:#fef2f2;--amber:#f59e0b;--sidebar-w:340px;--header-h:66px;--r-xs:6px;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:24px;--r-pill:999px;--shadow-xs:0 1px 3px #0f172a0f;--shadow-sm:0 2px 8px #0f172a14;--shadow:0 4px 16px #0f172a1a;--shadow-lg:0 8px 32px #0f172a29;--glow:0 0 0 3px #2d5fa640;--ease:180ms cubic-bezier(0.4,0,0.2,1);--spring:300ms cubic-bezier(0.34,1.56,0.64,1);--font-d:"Sora",sans-serif;--font-b:"Nunito",sans-serif}.messages-page *,.messages-page :after,.messages-page :before{box-sizing:border-box;margin:0;padding:0}.messages-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,sans-serif;font-family:var(--font-b)}.messages-page button{border:none;cursor:pointer;font-family:inherit;line-height:1}.messages-page{background:#f0f4f9;background:var(--page-bg);flex-direction:row;height:calc(100vh - 60px);width:100%}.conversations-sidebar,.messages-page{display:flex;overflow:hidden;position:relative}.conversations-sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100%;max-width:340px;max-width:var(--sidebar-w);min-width:340px;min-width:var(--sidebar-w);width:340px;width:var(--sidebar-w);z-index:10}.conversations-sidebar:after{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0}.conversations-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;min-height:66px;min-height:var(--header-h);padding:18px 20px 16px}.conversations-header h2{color:#0f172a;color:var(--text-900);font-size:21px;font-weight:800;letter-spacing:-.4px}.conversations-header h2,.new-message-btn{font-family:Sora,sans-serif;font-family:var(--font-d)}.new-message-btn{align-items:center;border:none;border-radius:999px;border-radius:var(--r-pill);box-shadow:0 2px 10px #1a3a6b59;color:#fff;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);white-space:nowrap}.new-message-btn,.new-message-btn:hover{background:linear-gradient(135deg,#142f58,#2450a0 60%,#3a80c8);background:var(--grad-hover)}.new-message-btn:hover{box-shadow:0 4px 14px #1a3a6b73;transform:translateY(-1px)}.sidebar-search{background:#fff;background:var(--surface);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);flex-shrink:0;padding:10px 12px}.sidebar-search-inner{align-items:center;background:#f0f4f9;background:var(--page-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--r-pill);display:flex;gap:8px;padding:0 12px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.sidebar-search-inner:focus-within{background:#fff;background:var(--surface);border-color:#4a90d9;border-color:var(--blue-400);box-shadow:0 0 0 3px #4a90d91f}.sidebar-search-icon{color:#94a3b8;color:var(--text-300);flex-shrink:0;font-size:13px}.sidebar-search-inner input{background:#0000;border:none;color:#0f172a;color:var(--text-900);flex:1 1;font-family:Nunito,sans-serif;font-family:var(--font-b);font-size:13px;min-width:0;outline:none;padding:9px 0}.sidebar-search-inner input::placeholder{color:#94a3b8;color:var(--text-300)}.conversations-list{flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:6px 0;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.conversations-list::-webkit-scrollbar{width:4px}.conversations-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:2px}.no-conversations{color:#64748b;color:var(--text-500);padding:48px 24px;text-align:center}.no-conversations p{font-size:15px;font-weight:600}.no-conversations .hint{color:#94a3b8;color:var(--text-300);font-size:13px;margin-top:8px}.conversation-item{align-items:center;border-radius:10px;border-radius:var(--r-sm);cursor:pointer;display:flex;gap:12px;margin:2px 8px;min-height:70px;padding:11px 14px;position:relative;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--ease);-webkit-user-select:none;user-select:none}.conversation-item:hover{background:#edf4fb;background:var(--blue-50)}.conversation-item.active{background:#d6e8f7;background:var(--blue-100)}.conversation-item.active:before{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);border-radius:0 3px 3px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.conversation-item:focus-visible{outline:2px solid #4a90d9;outline:2px solid var(--blue-400);outline-offset:-2px}.conv-avatar-wrapper{flex-shrink:0;position:relative}.conv-avatar{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);border-radius:50%;box-shadow:0 2px 8px #1a3a6b40;color:#fff;display:flex;flex-shrink:0;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:18px;font-weight:700;height:48px;justify-content:center;overflow:hidden;width:48px}.online-indicator{background:#22c55e;background:var(--green);border:2.5px solid #fff;border:2.5px solid var(--surface);border-radius:50%;bottom:1px;box-shadow:0 0 0 2px #22c55e33;height:12px;position:absolute;right:1px;width:12px}.conv-info{flex:1 1;min-width:0}.conv-top{align-items:baseline;display:flex;gap:6px;justify-content:space-between;margin-bottom:3px}.conv-name{color:#0f172a;color:var(--text-900);flex:1 1;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:14px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{color:#94a3b8;color:var(--text-300);flex-shrink:0;font-size:11px;font-weight:600;white-space:nowrap}.conv-bottom{align-items:center;display:flex;gap:6px;justify-content:space-between}.conv-preview{color:#64748b;color:var(--text-500);flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);border-radius:999px;border-radius:var(--r-pill);box-shadow:0 1px 4px #1a3a6b59;color:#fff;flex-shrink:0;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:11px;font-weight:700;min-width:20px;padding:2px 7px;text-align:center}.chat-area{flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden}.chat-area,.chat-header{background:#fff;background:var(--surface);display:flex;position:relative}.chat-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-xs);flex-shrink:0;gap:12px;min-height:66px;min-height:var(--header-h);padding:12px 18px;z-index:5}.chat-header:after{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);bottom:0;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0}.chat-back-btn{align-items:center;background:none;border:none;border-radius:50%;color:#2d5fa6;color:var(--blue-500);display:none;flex-shrink:0;font-size:22px;height:36px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--ease);width:36px}.chat-back-btn:hover{background:#edf4fb;background:var(--blue-50)}.chat-avatar-wrapper{cursor:pointer;flex-shrink:0;position:relative}.chat-avatar{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);border-radius:50%;box-shadow:0 2px 8px #1a3a6b4d;color:#fff;display:flex;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:14px;font-weight:700;height:40px;justify-content:center;overflow:hidden;transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform var(--ease);width:40px}.chat-avatar-wrapper:hover .chat-avatar{transform:scale(1.05)}.chat-user-info{cursor:pointer;flex:1 1;min-width:0}.chat-user-info h3{color:#0f172a;color:var(--text-900);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:15px;font-weight:700;letter-spacing:-.2px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-status{color:#64748b;color:var(--text-500);font-size:12px;font-weight:500}.message-limit-warning{align-items:center;background:#fef2f2;background:var(--danger-bg);border:1px solid #ef444433;border-radius:999px;border-radius:var(--r-pill);color:#ef4444;color:var(--danger);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 9px}.chat-header-actions{gap:6px}.chat-header-actions,.chat-icon-btn{align-items:center;display:flex;flex-shrink:0}.chat-icon-btn{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:50%;color:#64748b;color:var(--text-500);cursor:pointer;font-size:15px;height:36px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:36px}.chat-icon-btn:hover{border-color:#4a90d9;border-color:var(--blue-400);transform:scale(1.05)}.chat-icon-btn.active,.chat-icon-btn:hover{background:#edf4fb;background:var(--blue-50);color:#2d5fa6;color:var(--blue-500)}.chat-icon-btn.active{border-color:#2d5fa6;border-color:var(--blue-500)}.chat-search-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:50%;color:#64748b;color:var(--text-500);display:flex;flex-shrink:0;font-size:15px;height:36px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:36px}.chat-search-btn:hover{background:#edf4fb;background:var(--blue-50);border-color:#4a90d9;border-color:var(--blue-400);color:#2d5fa6;color:var(--blue-500)}.messages-container{background:#f0f4f9;background:var(--page-bg);background-image:radial-gradient(circle,#1a3a6b0a 1px,#0000 0);background-size:22px 22px;display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px 20px 12px;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.messages-container::-webkit-scrollbar{width:5px}.messages-container::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:3px}.loading-more{color:#64748b;color:var(--text-500);font-size:13px;font-weight:500;padding:12px;text-align:center}.load-more-btn{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--r-pill);box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-xs);color:#2d5fa6;color:var(--blue-500);display:block;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:13px;font-weight:600;margin:0 auto 14px;padding:7px 18px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.load-more-btn:hover{background:#edf4fb;background:var(--blue-50);border-color:#4a90d9;border-color:var(--blue-400);transform:translateY(-1px)}.date-separator{align-items:center;display:flex;gap:10px;margin:16px 0 8px;pointer-events:none;-webkit-user-select:none;user-select:none}.date-separator:after,.date-separator:before{background:#e2e8f0;background:var(--border);content:"";flex:1 1;height:1px}.date-separator span{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;border-radius:var(--r-pill);box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-xs);color:#94a3b8;color:var(--text-300);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.message{align-items:flex-end;display:flex;margin-bottom:2px;width:100%}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message.no-tail{margin-bottom:1px}.message.group-start{margin-bottom:6px}.message-outer{display:flex;flex-direction:column;max-width:62%;position:relative}.message.sent .message-outer{align-items:flex-end}.message.received .message-outer{align-items:flex-start}.message-bubble{word-wrap:break-word;border-radius:20px;max-width:100%;overflow-wrap:break-word;padding:10px 15px;position:relative;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:transform var(--ease),box-shadow var(--ease);word-break:break-word}.message.sent.group-start .message-bubble{border-bottom-right-radius:5px}.message.received.group-start .message-bubble{border-bottom-left-radius:5px}.message.no-tail.received .message-bubble,.message.no-tail.sent .message-bubble{border-radius:20px}.message.sent .message-bubble{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);box-shadow:0 2px 12px #1a3a6b4d;color:#fff}.message.sent .message-bubble:hover{box-shadow:0 4px 18px #1a3a6b61;transform:translateY(-1px)}.message.received .message-bubble{background:#fff;background:var(--surface);border:1px solid #f1f5f9;border:1px solid var(--border-light);box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-xs);color:#0f172a;color:var(--text-900)}.message.received .message-bubble:hover{box-shadow:0 2px 8px #0f172a14;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.message-bubble.bubble-image-only{background:#0000!important;border:none!important;box-shadow:none!important;padding:4px!important}.message-bubble.bubble-image-only .message-time{color:#ffffffe6!important;padding:0 4px 2px;text-shadow:0 1px 4px #00000080}.message.received .message-bubble.bubble-image-only .message-time{color:#94a3b8!important;color:var(--text-300)!important;text-shadow:none}.message-content{font-family:Nunito,sans-serif;font-family:var(--font-b);font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.message-deleted{font-size:13px!important;font-style:italic;opacity:.55}.edited-label{font-size:10px;font-style:italic;margin-right:4px;opacity:.6}.message-time{align-items:center;display:flex;font-size:10px;font-weight:600;gap:3px;justify-content:flex-end;margin-top:4px;opacity:.62;white-space:nowrap}.read-indicator{flex-shrink:0;font-size:11px;font-weight:700;line-height:1}.read-indicator.sent-ok{color:#ffffffa6}.read-indicator.read{color:#93c5fd}@keyframes msg-flash{0%,to{box-shadow:none}25%{box-shadow:0 0 0 4px #2d5fa680}75%{box-shadow:0 0 0 4px #2d5fa633}}.msg-highlight-flash .message-bubble{animation:msg-flash 1.6s ease forwards}.msg-link{cursor:pointer;text-decoration:underline;transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--ease);word-break:break-all}.msg-link:hover{opacity:.8}.message.sent .message-bubble .msg-link{color:#ffffffe6}.message.received .message-bubble .msg-link{color:#2d5fa6;color:var(--blue-500)}.msg-link--post{align-items:center;border-radius:999px;border-radius:var(--r-pill);display:inline-flex;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:13px;font-weight:700;gap:5px;margin-top:5px;padding:5px 13px;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.message.sent .message-bubble .msg-link--post{background:#fff3;border:1px solid #fff6;color:#fff}.message.sent .message-bubble .msg-link--post:hover{background:#ffffff4d}.message.received .message-bubble .msg-link--post{background:#edf4fb;background:var(--blue-50);border:1px solid #d6e8f7;border:1px solid var(--blue-100);color:#2d5fa6;color:var(--blue-500)}.message.received .message-bubble .msg-link--post:hover{background:#d6e8f7;background:var(--blue-100)}.typing-indicator{background:#fff;background:var(--surface);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:20px;border-bottom-left-radius:5px;box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-xs);gap:10px;margin:6px 0 10px;max-width:65%;padding:11px 15px;width:-webkit-fit-content;width:fit-content}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{gap:5px}.typing-dots span{animation:bounce-dot 1.4s infinite;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);border-radius:50%;height:7px;width:7px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-7px)}}.typing-text{color:#64748b;color:var(--text-500);font-size:12px;font-style:italic;font-weight:500}.scroll-to-bottom-btn{align-items:center;animation:pop-in .2s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:50%;bottom:90px;box-shadow:0 4px 16px #0f172a1a;box-shadow:var(--shadow);color:#2d5fa6;color:var(--blue-500);cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;position:absolute;right:18px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:42px;z-index:200}.scroll-to-bottom-btn:hover{background:#edf4fb;background:var(--blue-50);border-color:#4a90d9;border-color:var(--blue-400);box-shadow:0 2px 8px #0f172a14;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.input-area-wrap{background:#fff;background:var(--surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.message-input-area{align-items:center;display:flex;gap:10px;padding:12px 16px 14px}.attach-btn{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:50%;color:#64748b;color:var(--text-500);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:40px}.attach-btn:hover:not(:disabled){background:#edf4fb;background:var(--blue-50);border-color:#4a90d9;border-color:var(--blue-400);color:#2d5fa6;color:var(--blue-500);transform:scale(1.05)}.attach-btn:disabled{cursor:not-allowed;opacity:.35}.message-input-wrap{align-items:center;display:flex;gap:6px;position:relative}.message-input-wrap,.message-input-wrap .message-input{flex:1 1;min-width:0}.message-input{background:#f0f4f9;background:var(--page-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--r-pill);color:#0f172a;color:var(--text-900);font-family:Nunito,sans-serif;font-family:var(--font-b);font-size:14.5px;min-width:0;outline:none;padding:11px 18px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:100%}.message-input:focus{background:#fff;background:var(--surface);border-color:#4a90d9;border-color:var(--blue-400);box-shadow:0 0 0 3px #4a90d926}.message-input:disabled{background:#f8fafc;background:var(--surface-2);cursor:not-allowed}.message-input::placeholder,.message-input:disabled{color:#94a3b8;color:var(--text-300)}.cancel-edit-btn{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:50%;color:#64748b;color:var(--text-500);display:flex;flex-shrink:0;font-size:13px;height:32px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:32px}.cancel-edit-btn:hover{background:#fef2f2;background:var(--danger-bg);border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.send-button{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);border:none;border-radius:50%;box-shadow:0 2px 10px #1a3a6b66;color:#fff;display:flex;flex-shrink:0;font-size:17px;height:44px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all var(--spring);width:44px}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#142f58,#2450a0 60%,#3a80c8);background:var(--grad-hover);box-shadow:0 4px 16px #1a3a6b80;transform:scale(1.08)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:none;cursor:not-allowed}.send-button:focus-visible{box-shadow:0 0 0 3px #2d5fa640;box-shadow:var(--glow);outline:none}.send-button.edit-send{background:linear-gradient(135deg,#14532d,#16a34a)}.send-button.edit-send:hover:not(:disabled){background:linear-gradient(135deg,#0f3d22,#15803d)}.upload-progress-list{background:#edf4fb;background:var(--blue-50);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:5px;padding:8px 16px}.upload-progress-item{align-items:center;display:flex;gap:10px}.upload-filename{color:#64748b;color:var(--text-500);flex:1 1;font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-bar{background:#e2e8f0;background:var(--border);border-radius:2px;flex-shrink:0;height:4px;overflow:hidden;width:80px}.upload-bar-fill{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);border-radius:2px;height:100%;transition:width .15s linear}.upload-pct{color:#94a3b8;color:var(--text-300);flex-shrink:0;font-size:11px;font-weight:600;text-align:right;width:28px}.staged-files{background:#edf4fb;background:var(--blue-50);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:10px;padding:10px 16px}.staged-file{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative;width:68px}.staged-thumb{border-radius:10px;border-radius:var(--r-sm);display:block;object-fit:cover}.staged-pdf-icon,.staged-thumb{border:2px solid #e2e8f0;border:2px solid var(--border);height:68px;width:68px}.staged-pdf-icon{align-items:center;background:#edf4fb;background:var(--blue-50);border-radius:10px;border-radius:var(--r-sm);display:flex;font-size:26px;justify-content:center}.staged-name{color:#64748b;color:var(--text-500);font-size:10px;font-weight:500;line-height:1.2;text-align:center;width:100%;word-break:break-all}.staged-remove{align-items:center;background:#ef4444;background:var(--danger);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-xs);color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-7px;top:-7px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:20px}.staged-remove:hover{background:#dc2626;transform:scale(1.15)}.reply-banner{align-items:center;background:linear-gradient(135deg,#1a3a6b12,#4a90d912);background:var(--grad-soft);border-top:1px solid #1a3a6b1f;display:flex;gap:10px;padding:9px 16px}.reply-banner-bar,.reply-banner-line{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);border-radius:2px;flex-shrink:0;height:34px;width:3px}.reply-banner-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.reply-banner-name{color:#2d5fa6;color:var(--blue-500);font-family:Sora,sans-serif;font-family:var(--font-d);font-weight:700}.reply-banner-name,.reply-banner-text{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner-close,.reply-banner-text{color:#64748b;color:var(--text-500)}.reply-banner-close{align-items:center;background:none;border:none;border-radius:50%;display:flex;font-size:15px;height:28px;justify-content:center;padding:5px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:28px}.reply-banner-close:hover{background:#1a3a6b1a;color:#0f172a;color:var(--text-900)}.edit-banner{align-items:center;background:#f59e0b14;border-top:1px solid #f59e0b33;display:flex;justify-content:space-between;padding:8px 16px}.edit-banner-label{color:#92400e;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:12px;font-weight:700}.edit-banner-close{align-items:center;background:none;border:none;border-radius:50%;color:#92400e;display:flex;font-size:15px;height:26px;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--ease);width:26px}.edit-banner-close:hover{background:#92400e1a}.drag-over{outline:3px dashed #4a90d9;outline:3px dashed var(--blue-400);outline-offset:-3px}.drop-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a59;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:5000}.drop-overlay-inner{align-items:center;background:#fff;background:var(--surface);border:3px dashed #4a90d9;border:3px dashed var(--blue-400);border-radius:24px;border-radius:var(--r-xl);box-shadow:0 8px 32px #0f172a29;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:14px;padding:44px 60px}.drop-icon{font-size:48px}.drop-overlay-inner p{color:#0f172a;color:var(--text-900);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:17px;font-weight:700}.no-chat-selected{align-items:center;background:#f0f4f9;background:var(--page-bg);background-image:radial-gradient(circle,#1a3a6b0a 1px,#0000 0);background-size:22px 22px;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:24px;text-align:center}.no-chat-icon{animation:float 3s ease-in-out infinite;display:block;font-size:64px;margin-bottom:8px}.no-chat-selected h3{color:#0f172a;color:var(--text-900);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:21px;font-weight:800;letter-spacing:-.3px}.no-chat-selected p{color:#64748b;color:var(--text-500);font-size:14px;line-height:1.6;max-width:240px}.brand-note{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;border-radius:var(--r-pill);color:#94a3b8;color:var(--text-300);font-size:12px;font-weight:600;margin-top:8px;padding:6px 14px}.connection-status{background:linear-gradient(135deg,#c2410c,#f97316);border-radius:999px;border-radius:var(--r-pill);box-shadow:0 4px 16px #0f172a1a;box-shadow:var(--shadow);color:#fff;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:13px;font-weight:700;left:50%;padding:9px 20px;position:fixed;top:72px;transform:translateX(-50%);white-space:nowrap;z-index:9000}.msg-attachments{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.msg-attachment--image{border-radius:13px;box-shadow:0 2px 8px #0f172a26;display:block;max-width:260px;overflow:hidden}.msg-attachment--image img{border-radius:13px;display:block;max-height:250px;object-fit:cover;transition:opacity .15s,transform .2s;width:100%}.msg-attachment--image img:hover{opacity:.92;transform:scale(1.01)}.msg-attachment--pdf{align-items:center;border-radius:13px;display:flex;gap:10px;max-width:260px;min-width:190px;padding:9px 13px;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.msg-attachment--pdf:hover{opacity:.86;transform:translateY(-1px)}.msg-attachment--pdf.sent{background:#ffffff2e;border:1px solid #ffffff4d;color:#fff}.msg-attachment--pdf.recv{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-xs);color:#0f172a;color:var(--text-900)}.pdf-icon,.pdf-icon-wrap{flex-shrink:0;font-size:20px}.pdf-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.pdf-name{font-family:Sora,sans-serif;font-family:var(--font-d);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-size{font-size:11px;font-weight:500;opacity:.6}.pdf-dl{flex-shrink:0;font-size:15px}.quoted-reply{border-radius:9px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:2px;margin-bottom:7px;padding:6px 11px;transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--ease)}.quoted-reply:hover{opacity:.82}.quoted-sent{background:#ffffff29;border-left:3px solid #ffffffa6}.quoted-recv{background:linear-gradient(135deg,#1a3a6b12,#4a90d912);background:var(--grad-soft);border-left:3px solid #4a90d9;border-left:3px solid var(--blue-400)}.quoted-name{font-family:Sora,sans-serif;font-family:var(--font-d);font-size:11px;font-weight:700;opacity:.9}.quoted-text{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-area{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;min-height:28px}.reaction-area.sent{justify-content:flex-end;padding-right:4px}.reaction-area.recv{justify-content:flex-start;padding-left:4px}.reaction-chips{flex-wrap:wrap}.reaction-chip,.reaction-chips{align-items:center;display:flex;gap:4px}.reaction-chip{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--r-pill);box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-xs);cursor:pointer;font-size:13px;line-height:1.4;padding:3px 8px;transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all var(--spring)}.reaction-chip:hover{border-color:#4a90d9;border-color:var(--blue-400);transform:scale(1.08)}.reaction-chip.mine,.reaction-chip:hover{background:#edf4fb;background:var(--blue-50)}.reaction-chip.mine{border-color:#2d5fa6;border-color:var(--blue-500)}.reaction-count{color:#334155;color:var(--text-700);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:11px;font-weight:700;line-height:1}.reaction-chip.mine .reaction-count{color:#2d5fa6}.reaction-add-btn{align-items:center;background:#fff;background:var(--surface);border:1.5px dashed #e2e8f0;border:1.5px dashed var(--border);border-radius:50%;color:#94a3b8;color:var(--text-300);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:26px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:26px}.reaction-add-btn:hover{background:#edf4fb;background:var(--blue-50);border-color:#2d5fa6;border-color:var(--blue-500);border-style:solid;transform:scale(1.12)}.reaction-hover-zone{align-items:center;display:flex;opacity:0;padding:10px 0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--ease);z-index:3}.message.sent .message-outer .reaction-hover-zone{left:auto;padding-right:10px;right:calc(100% + 2px)}.message.received .message-outer .reaction-hover-zone{left:calc(100% + 2px);padding-left:10px;right:auto}.message-outer:hover .reaction-hover-zone,.reaction-hover-zone.active{opacity:1;pointer-events:auto}.emoji-hover-btn{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #1a3a6b2e;border-radius:50%;box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-xs);box-shadow:0 1px 4px #1a3a6b24,0 0 0 1px #1a3a6b14;color:#64748b;color:var(--text-500);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:30px}.emoji-hover-btn:hover{background:#edf4fb;background:var(--blue-50);border-color:#2d5fa6;border-color:var(--blue-500);border-style:solid;color:#2d5fa6;color:var(--blue-500);transform:scale(1.18)}.emoji-picker-fixed{animation:pop-in .16s cubic-bezier(.34,1.4,.64,1) both;background:#fff;background:var(--surface);border:1px solid #1a3a6b2e;border-radius:14px;border-radius:var(--r);box-shadow:0 8px 32px #0f172a29;box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100vw - 20px);padding:10px 12px;pointer-events:auto;white-space:nowrap}.emoji-option{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;padding:5px;transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all var(--spring)}.emoji-option:hover{background:#1a3a6b14;transform:scale(1.35)}.msg-context-menu-wrap{position:fixed;z-index:3000}.msg-context-menu{animation:pop-in .16s cubic-bezier(.34,1.4,.64,1) both;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--r);box-shadow:0 8px 32px #0f172a29;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-width:195px;overflow:hidden}.msg-context-menu button{align-items:center;background:none;border:none;color:#0f172a;color:var(--text-900);display:flex;font-family:Nunito,sans-serif;font-family:var(--font-b);font-size:13.5px;font-weight:500;gap:9px;padding:11px 16px;text-align:left;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--ease);white-space:nowrap;width:100%}.msg-context-menu button:hover{background:#edf4fb;background:var(--blue-50)}.msg-context-menu button.danger{color:#ef4444;color:var(--danger)}.msg-context-menu button.danger:hover{background:#fef2f2;background:var(--danger-bg)}.msg-context-menu-divider{background:#f1f5f9;background:var(--border-light);height:1px;margin:3px 0;pointer-events:none}.delete-confirm-modal{max-width:370px!important}.delete-confirm-text{color:#64748b;color:var(--text-500);font-size:14px;line-height:1.6;padding:15px 20px}.delete-confirm-actions{display:flex;gap:10px;justify-content:flex-end;padding:4px 20px 16px}.btn-cancel{background:var(--surface);border:1.5px solid #e2e8f0;border-radius:10px;border-radius:var(--r-sm);color:#0f172a;color:var(--text-900);font-family:Sora,sans-serif;font-family:var(--font-d);padding:9px 18px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.btn-cancel:hover{background:#f0f4f9;background:var(--page-bg);border-color:#4a90d9;border-color:var(--blue-400)}.btn-delete{background:linear-gradient(135deg,#b91c1c,#ef4444);border:none;border-radius:10px;border-radius:var(--r-sm);box-shadow:0 2px 8px #ef44444d;color:#fff;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:13px;font-weight:600;padding:9px 18px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.btn-delete:hover{background:linear-gradient(135deg,#991b1b,#dc2626);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.edit-history-modal{max-height:74vh}.edit-history-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px 16px}.edit-history-empty,.edit-history-loading{color:#94a3b8;color:var(--text-300);font-size:14px;padding:28px;text-align:center}.edit-history-item{background:#edf4fb;background:var(--blue-50);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--r-sm);padding:12px}.edit-history-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.edit-history-label{color:#2d5fa6;color:var(--blue-500);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.edit-history-time{color:#94a3b8;color:var(--text-300);font-size:11px;font-weight:500}.edit-history-text{color:#0f172a;color:var(--text-900);font-size:13.5px;line-height:1.5;word-break:break-word}.search-panel{animation:slide-down .2s ease both;background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 4px 16px #0f172a14;display:flex;flex-direction:column;flex-shrink:0;max-height:420px;z-index:4}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-panel-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:13px 16px 10px}.search-panel-header h3{color:#0f172a;color:var(--text-900);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:14px;font-weight:700}.search-panel-header button{background:none;border:none;border-radius:6px;border-radius:var(--r-xs);color:#64748b;color:var(--text-500);font-size:18px;padding:4px 8px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.search-panel-header button:hover{background:#edf4fb;background:var(--blue-50);color:#2d5fa6;color:var(--blue-500)}.search-panel-controls{display:flex;flex-direction:column;flex-shrink:0;gap:9px;padding:10px 14px 8px}.search-input-wrap{align-items:center;background:#f0f4f9;background:var(--page-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--r);display:flex;gap:7px;padding:0 12px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.search-input-wrap:focus-within{background:#fff;background:var(--surface);border-color:#4a90d9;border-color:var(--blue-400);box-shadow:0 0 0 3px #4a90d926}.search-icon{flex-shrink:0;font-size:13px}.search-panel-input{background:#0000;border:none;color:#0f172a;color:var(--text-900);flex:1 1;font-family:Nunito,sans-serif;font-family:var(--font-b);font-size:13px;outline:none;padding:9px 0}.search-clear,.search-panel-input::placeholder{color:#94a3b8;color:var(--text-300)}.search-clear{background:none;border:none;border-radius:6px;border-radius:var(--r-xs);flex-shrink:0;font-size:13px;padding:3px 5px;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--ease)}.search-clear:hover{color:#0f172a;color:var(--text-900)}.search-type-filters{display:flex;flex-wrap:wrap;gap:5px}.search-filter-btn{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--r-pill);color:#64748b;color:var(--text-500);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:12px;font-weight:600;padding:4px 11px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.search-filter-btn:hover{background:#edf4fb;background:var(--blue-50);border-color:#4a90d9;border-color:var(--blue-400);color:#2d5fa6;color:var(--blue-500)}.search-filter-btn.active{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);border-color:#0000;box-shadow:0 1px 6px #1a3a6b4d;color:#fff}.search-results{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:5px 12px 8px;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.search-loading{display:flex;justify-content:center;padding:22px}.search-spinner{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-top-color:#4a90d9;border:3px solid var(--border);border-radius:50%;border-top-color:var(--blue-400);height:24px;width:24px}.search-empty{color:#94a3b8;color:var(--text-300);font-size:13px;font-weight:500;padding:22px;text-align:center}.search-result-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);border-radius:10px;border-radius:var(--r-sm);cursor:pointer;padding:9px 11px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--ease)}.search-result-item:hover{background:#edf4fb;background:var(--blue-50)}.search-result-item:last-child{border-bottom:none}.search-result-item:focus-visible{outline:2px solid #4a90d9;outline:2px solid var(--blue-400);outline-offset:2px}.sr-meta{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:3px}.sr-sender{color:#0f172a;color:var(--text-900);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:12px;font-weight:700}.sr-you{color:#2d5fa6;color:var(--blue-500)}.sr-time{color:#94a3b8;color:var(--text-300);font-size:11px;font-weight:500}.sr-text{color:#64748b;color:var(--text-500);font-size:12.5px;line-height:1.4;word-break:break-word}.search-highlight{background:#2d5fa626;border-radius:3px;color:#2d5fa6;color:var(--blue-500);font-weight:600;padding:0 2px}.sr-attachments{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.sr-att-badge{border-radius:999px;border-radius:var(--r-pill);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:11px;font-weight:700;padding:2px 7px}.sr-att-image{background:#dcfce7;color:#15803d}.sr-att-pdf{background:#fee2e2;color:#b91c1c}.search-load-more{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--r-pill);color:#2d5fa6;color:var(--blue-500);display:block;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:13px;font-weight:600;margin:6px auto;padding:7px 18px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.search-load-more:hover{background:#edf4fb;background:var(--blue-50);border-color:#4a90d9;border-color:var(--blue-400)}.modal-overlay{background:#0a14328c;padding:16px;z-index:2000}.modal-content{animation:modal-up .22s cubic-bezier(.34,1.4,.64,1) both;border-radius:24px;border-radius:var(--r-xl);box-shadow:0 8px 32px #0f172a29;display:flex;flex-direction:column;max-height:85vh;max-width:480px;overflow:hidden;width:100%}@keyframes modal-up{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:16px 20px 14px}.modal-header h3{color:#0f172a;color:var(--text-900);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:17px;font-weight:800;letter-spacing:-.3px}.modal-header button{background:none;border:none;border-radius:6px;border-radius:var(--r-xs);color:#64748b;color:var(--text-500);font-size:18px;padding:5px 8px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.modal-header button:hover{background:#edf4fb;background:var(--blue-50);color:#2d5fa6;color:var(--blue-500)}.msg-share-hint{align-items:center;background:#f59e0b12;border-bottom:1px solid #f59e0b2e;color:#92400e;display:flex;flex-shrink:0;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:13px;font-weight:600;gap:6px;padding:9px 20px}.search-box{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 16px}.search-box input{background:#f0f4f9;background:var(--page-bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--r);color:#0f172a;color:var(--text-900);font-family:Nunito,sans-serif;font-family:var(--font-b);font-size:14px;outline:none;padding:10px 15px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease);width:100%}.search-box input:focus{background:#fff;background:var(--surface);border-color:#4a90d9;border-color:var(--blue-400);box-shadow:0 0 0 3px #4a90d926}.search-box input::placeholder{color:#94a3b8;color:var(--text-300)}.user-list{flex:1 1;overflow-y:auto;padding:12px 16px}.user-list h4{color:#94a3b8;color:var(--text-300);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:11px;text-transform:uppercase}.user-item{align-items:center;border-radius:10px;border-radius:var(--r-sm);cursor:pointer;display:flex;gap:11px;min-height:60px;padding:9px 11px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--ease)}.user-item:hover{background:#edf4fb;background:var(--blue-50);transform:translateX(3px)}.user-item:focus-visible{outline:2px solid #4a90d9;outline:2px solid var(--blue-400);outline-offset:2px}.user-avatar{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad);box-shadow:0 2px 8px #1a3a6b40;color:#fff;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:15px;font-weight:700;height:42px;width:42px}.user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.user-name{color:#0f172a;color:var(--text-900);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:14px;font-weight:700}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#94a3b8;color:var(--text-300);font-size:12px;margin-top:1px}.friend-badge{background:#edf4fb;background:var(--blue-50);border:1px solid #d6e8f7;border:1px solid var(--blue-100);border-radius:999px;border-radius:var(--r-pill);color:#2d5fa6;color:var(--blue-500);font-family:Sora,sans-serif;font-family:var(--font-d);font-size:10px;font-weight:700;margin-top:3px;padding:2px 7px;width:-webkit-fit-content;width:fit-content}.no-results{color:#94a3b8;color:var(--text-300);font-size:14px;font-weight:500;padding:32px}.msg-toast-stack{display:flex;flex-direction:column;gap:7px;max-width:290px;pointer-events:none;position:fixed;right:18px;top:18px;z-index:9999}.msg-toast{animation:toast-in .22s ease both,toast-out .28s ease 3.2s both;border-radius:10px;border-radius:var(--r-sm);box-shadow:0 4px 16px #0f172a1a;box-shadow:var(--shadow);color:#fff;font-family:Sora,sans-serif;font-family:var(--font-d);font-size:13px;font-weight:600;padding:10px 16px}.msg-toast--success{background:linear-gradient(135deg,#14532d,#16a34a)}.msg-toast--error{background:linear-gradient(135deg,#7f1d1d,#ef4444)}.msg-toast--info{background:linear-gradient(135deg,#1a3a6b,#2d5fa6 60%,#4a90d9);background:var(--grad)}@keyframes toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}:focus-visible{outline:2px solid #4a90d9;outline:2px solid var(--blue-400);outline-offset:2px}@media (max-width:1023px){:root{--sidebar-w:280px}.message-bubble,.message-outer{max-width:74%}.chat-back-btn{display:flex}.emoji-picker-fixed{gap:3px;padding:8px 10px}}@media (max-width:767px){.messages-page{flex-direction:row;height:calc(100vh - 56px);position:relative}.conversations-sidebar{border-right:none;inset:0;max-width:100%;min-width:100%;position:absolute;transform:translateX(0);transition:transform .28s cubic-bezier(.4,0,.2,1);width:100%;z-index:20}.messages-page[data-view=chat] .conversations-sidebar{pointer-events:none;transform:translateX(-100%)}.chat-area{inset:0;position:absolute;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:20}.messages-page[data-view=chat] .chat-area{transform:translateX(0)}.chat-back-btn{display:flex}.conversations-header{padding:14px 16px}.conversations-header h2{font-size:19px}.conversation-item{margin:2px 6px;min-height:64px;padding:10px 12px}.conv-avatar{font-size:16px;height:44px;width:44px}.messages-container{gap:3px;padding:14px 12px 10px}.message-outer{max-width:84%}.message-bubble{max-width:100%}.message-content{font-size:14px}.reaction-hover-zone{opacity:.45!important;pointer-events:auto!important}.reaction-hover-zone.active{opacity:1!important}.message-input-area{gap:8px;padding:10px 12px 12px}.message-input{font-size:14px;padding:10px 14px}.send-button{font-size:16px;height:40px;width:40px}.attach-btn{font-size:16px;height:36px;width:36px}.chat-header{min-height:58px;padding:10px 13px}.chat-user-info h3{font-size:14px}.staged-files{padding:8px 12px}.staged-file{width:60px}.staged-pdf-icon,.staged-thumb{height:60px;width:60px}.msg-attachment--image{max-width:210px}.msg-attachment--pdf{max-width:210px;min-width:155px}.emoji-picker-fixed{gap:2px;padding:7px 9px}.emoji-option{font-size:18px;padding:4px}.msg-context-menu{min-width:165px}.scroll-to-bottom-btn{bottom:80px;height:38px;right:12px;width:38px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{animation:modal-slide-up .26s cubic-bezier(.4,0,.2,1) both;border-radius:24px 24px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:90vh;max-width:100%}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.msg-toast-stack{bottom:76px;left:10px;max-width:100%;right:10px;top:auto}.connection-status{bottom:72px;font-size:12px;padding:7px 14px;text-align:center;top:auto;width:calc(100% - 28px)}.no-chat-selected{display:none}.search-panel{max-height:60vh}.delete-confirm-modal{max-width:100%!important}}@media (max-width:639px){.message-outer{max-width:88%}.emoji-hover-btn{font-size:13px;height:26px;width:26px}.reaction-chip{font-size:12px;padding:2px 6px}.message-limit-warning{font-size:10px;padding:2px 7px}}@media (max-width:399px){:root{--header-h:56px}.conversations-header h2{font-size:17px}.new-message-btn{font-size:12px;padding:7px 12px}.conv-avatar{font-size:14px;height:40px;width:40px}.conversation-item{margin:2px 4px;padding:8px 10px}.message-outer{max-width:92%}.send-button{font-size:15px;height:36px;width:36px}.attach-btn{font-size:14px;height:32px;width:32px}.message-input{font-size:13.5px;padding:9px 12px}.emoji-picker-fixed{gap:1px;padding:6px 8px}.emoji-option{font-size:17px;padding:3px}.chat-header{padding:8px 10px}.chat-avatar{font-size:12px;height:34px;width:34px}}@media (min-width:1280px){:root{--sidebar-w:380px}.message-outer{max-width:56%}.messages-container{padding:22px 26px 14px}.emoji-option{font-size:22px}}@media (min-width:1600px){:root{--sidebar-w:420px}.message-outer{max-width:50%}}@media print{.chat-header,.connection-status,.conversations-sidebar,.input-area-wrap,.msg-toast-stack,.new-message-btn,.scroll-to-bottom-btn{display:none!important}.messages-page{height:auto}.messages-container{background:#fff;background-image:none;height:auto;overflow:visible}.message.sent .message-bubble{background:#d6e8f7!important;color:#0f172a!important}.message-bubble{box-shadow:none!important}}:root{--accent-dark:#36a;--accent-light:#eef3ff;--accent-mid:#c8d8f0;--accent-gradient:linear-gradient(135deg,#58c,#36a);--text-primary:#1a1d23;--text-secondary:#4b5068;--text-muted:#8892a4;--border:#e8ecf4;--border-focus:#c8d8f0;--surface:#f4f6fc;--surface-hover:#edf1fb;--card-bg:#fff;--card-border:#eef2ff;--card-shadow:0 2px 8px #3c508c12;--card-shadow-lg:0 4px 20px #3c508c1f;--card-radius:12px;--font-body:"DM Sans","Segoe UI",system-ui,sans-serif;--font-display:"Playfair Display",Georgia,serif;--transition-fast:0.15s ease;--transition-base:0.22s ease}.page{background:linear-gradient(135deg,#f4f6fc,#eef2ff);color:#1a1d23;color:var(--text-primary);font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);min-height:100vh;padding:20px 16px 60px}.pageInner{margin:0 auto;max-width:1160px}.pageHeader{align-items:flex-start;background:linear-gradient(135deg,#fff 60%,#eef3ff);border:1.5px solid #eef2ff;border:1.5px solid var(--card-border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #3c508c12;box-shadow:var(--card-shadow);display:flex;gap:14px;margin-bottom:14px;overflow:hidden;padding:20px;position:relative}.pageHeader:before{background:radial-gradient(ellipse at 80% 0,#4477aa0f 0,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute}.pageHeaderIcon{align-items:center;background:#eef3ff;background:var(--accent-light);border:1.5px solid #c8d8f0;border:1.5px solid var(--accent-mid);border-radius:10px;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;width:46px}.pageTitle{color:#1a1d23;color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin:0 0 4px}.pageSubtitle{color:#6b7280;font-size:13px;line-height:1.6;margin:0}.tabNav{background:#fff;border:1.5px solid #eef2ff;border:1.5px solid var(--card-border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #3c508c12;box-shadow:var(--card-shadow);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:8px 12px}.tabBtn{background:#f4f6fc;background:var(--surface);border:1.5px solid #e8ecf4;border:1.5px solid var(--border);border-radius:8px;box-shadow:none;color:#4b5068;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:11px;font-weight:700;overflow:hidden;padding:5px 13px;position:relative;transition:all .22s ease;transition:all var(--transition-base);white-space:nowrap}.tabBtn:after{background:#fff;content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.tabBtn:hover:not(.tabBtnActive):after{opacity:.4}.tabBtn:hover:not(.tabBtnActive){background:#eef3ff;background:var(--accent-light);color:#36a;color:var(--accent-dark)}.tabBtn:hover:not(.tabBtnActive),.tabBtnActive{border-color:#c8d8f0;border-color:var(--accent-mid)}.tabBtnActive{background:linear-gradient(135deg,#58c,#36a);background:var(--accent-gradient);box-shadow:0 3px 10px #4477aa47;color:#fff}.tabBtnActive:hover{filter:brightness(1.05)}.layout{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:clamp(240px,28%,300px) 1fr}.card{background:#fff;background:var(--card-bg);border:1.5px solid #eef2ff;border:1.5px solid var(--card-border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #3c508c12;box-shadow:var(--card-shadow);margin-bottom:10px;padding:16px;transition:box-shadow .22s ease;transition:box-shadow var(--transition-base)}.card:last-child{margin-bottom:0}.cardGradient{background:linear-gradient(135deg,#fff 60%,#eef3ff)}.cardHeader{align-items:center;border-bottom:1px solid #e8ecf4;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.cardTitle{color:#1a1d23;color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.2px;margin:0}.tabHeader{background:linear-gradient(135deg,#fff 60%,#eef3ff);border:1.5px solid #eef2ff;border:1.5px solid var(--card-border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #3c508c12;box-shadow:var(--card-shadow);gap:12px;margin-bottom:10px;padding:16px}.tabHeader,.tabHeaderIcon{align-items:center;display:flex}.tabHeaderIcon{background:#eef3ff;background:var(--accent-light);border:1.5px solid #c8d8f0;border:1.5px solid var(--accent-mid);border-radius:10px;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.tabHeaderTitle{color:#1a1d23;color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0 0 3px}.tabHeaderSubtitle{color:#6b7280;font-size:12px;line-height:1.5;margin:0}.sectionTitle{align-items:center;display:flex;gap:8px;margin-bottom:10px}.sectionTitleIcon{font-size:15px}.sectionTitleText{color:#1a1d23;color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:-.1px;margin:0}.introItem{align-items:flex-start;border-bottom:1px solid #e8ecf4;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:8px 0;transition:background .15s ease;transition:background var(--transition-fast)}.introItem:last-child{border-bottom:none}.introItemIcon{align-items:center;background:#eef3ff;background:var(--accent-light);border:1.5px solid #c8d8f0;border:1.5px solid var(--accent-mid);border-radius:8px;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:32px}.introItem:hover .introItemIcon{box-shadow:0 3px 10px #4477aa2e;transform:scale(1.08)}.introItemLabel{color:#8892a4;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 2px;text-transform:uppercase}.introItemValue{color:#1a1d23;color:var(--text-primary);font-size:12px;font-weight:700;margin:0}.introItemLink{color:#47a;color:var(--accent);font-size:12px;font-weight:700;text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.introItemLink:hover{color:#36a;color:var(--accent-dark);text-decoration:underline}.infoChip{align-items:center;background:#f4f6fc;background:var(--surface);border:1.5px solid #e8ecf4;border:1.5px solid var(--border);border-radius:8px;display:flex;gap:8px;margin-bottom:6px;padding:9px 11px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.infoChip:hover{background:#eef3ff;background:var(--accent-light);border-color:#c8d8f0;border-color:var(--accent-mid);box-shadow:0 2px 8px #4477aa1a}.infoChipIcon{flex-shrink:0;font-size:15px}.infoChipLabel{color:#8892a4;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;margin:0 0 1px;text-transform:uppercase}.infoChipValue{color:#47a;color:var(--accent);font-size:12px;font-weight:700;margin:0}.infoChipGrid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.tagWrap{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag{background:#eef3ff;background:var(--accent-light);border:1.5px solid #c8d8f0;border:1.5px solid var(--accent-mid);border-radius:14px;color:#47a;color:var(--accent);display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.tag:hover{background:#c8d8f0;background:var(--accent-mid);box-shadow:0 2px 6px #4477aa2e;color:#36a;color:var(--accent-dark);transform:translateY(-1px)}.numberBadge{align-items:center;border-radius:6px;color:#47a;color:var(--accent);display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:26px;justify-content:center;transition:background .15s ease,transform .15s ease;transition:background var(--transition-fast),transform var(--transition-fast);width:26px}.numberBadgeDefault{background:#f4f6fc;background:var(--surface);border:1.5px solid #e8ecf4;border:1.5px solid var(--border)}.numberBadgeActive{background:#eef3ff;background:var(--accent-light);border:1.5px solid #c8d8f0;border:1.5px solid var(--accent-mid)}.numberedSection{align-items:flex-start;background:#f4f6fc;background:var(--surface);border:1.5px solid #e8ecf4;border:1.5px solid var(--border);border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:11px 12px;transition:border-color .22s ease,box-shadow .22s ease;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.numberedSection:hover{border-color:#c8d8f0;border-color:var(--accent-mid);box-shadow:0 2px 10px #4477aa17}.numberedSection:last-of-type{margin-bottom:0}.numberedSectionBody{flex:1 1}.numberedSectionTitle{color:#1a1d23;color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:-.1px;margin:0 0 6px}.bodyText{color:#4b5068;color:var(--text-secondary);font-size:13px;line-height:1.65;margin:0}.bulletList{margin:4px 0 0;padding-left:16px}.bulletList li{color:#4b5068;color:var(--text-secondary);font-size:13px;line-height:1.65;margin-bottom:3px}.faqItem{background:#fff;background:var(--card-bg);border:1.5px solid #eef2ff;border:1.5px solid var(--card-border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #3c508c12;box-shadow:var(--card-shadow);cursor:pointer;margin-bottom:8px;outline:none;padding:14px 16px;transition:border-color .22s ease,box-shadow .22s ease,background .15s ease;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-fast);-webkit-user-select:none;user-select:none}.faqItem:hover{background:linear-gradient(135deg,#fff,#f8faff);border-color:#c8d8f0;border-color:var(--accent-mid)}.faqItem:focus-visible{outline:2px solid #47a;outline:2px solid var(--accent);outline-offset:2px}.faqItemOpen{background:linear-gradient(135deg,#fff 60%,#f0f5ff);border-color:#c8d8f0;border-color:var(--accent-mid);box-shadow:0 4px 16px #3c508c1f}.faqItemRow{justify-content:space-between}.faqItemRow,.faqQuestion{align-items:center;display:flex;gap:10px}.faqQuestionText{color:#1a1d23;color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:-.1px;margin:0}.faqChevron{color:#8892a4;color:var(--text-muted);flex-shrink:0;font-size:11px;transition:transform .22s ease;transition:transform var(--transition-base)}.faqChevronOpen{color:#47a;color:var(--accent);transform:rotate(180deg)}.faqAnswer{animation:faqReveal .22s ease forwards;border-top:1px solid #e8ecf4;border-top:1px solid var(--border);margin-top:10px;padding-top:10px}@keyframes faqReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.teamGrid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.teamCard{align-items:center;background:#f4f6fc;background:var(--surface);border:1.5px solid #e8ecf4;border:1.5px solid var(--border);border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:border-color .22s ease,box-shadow .22s ease,transform .15s ease;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.teamCard:hover{border-color:#c8d8f0;border-color:var(--accent-mid);box-shadow:0 3px 12px #4477aa1f;transform:translateY(-1px)}.teamAvatar{align-items:center;background:#eef3ff;background:var(--accent-light);border:1.5px solid #c8d8f0;border:1.5px solid var(--accent-mid);border-radius:8px;color:#47a;color:var(--accent);display:flex;flex-shrink:0;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.teamName{color:#1a1d23;color:var(--text-primary);font-size:12px;font-weight:700;margin:0 0 1px}.teamRole{color:#8892a4;color:var(--text-muted);font-size:11px;font-weight:600;margin:0}.featuresGrid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.featureCard{background:#f4f6fc;background:var(--surface);border:1.5px solid #e8ecf4;border:1.5px solid var(--border);border-radius:8px;padding:12px;transition:border-color .22s ease,box-shadow .22s ease,background .15s ease;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-fast)}.featureCard:hover{background:linear-gradient(135deg,#f4f6fc,#eef2ff);background:linear-gradient(135deg,var(--surface),#eef2ff);border-color:#c8d8f0;border-color:var(--accent-mid);box-shadow:0 3px 12px #4477aa1c}.featureTitle{color:#1a1d23;color:var(--text-primary);font-size:13px;font-weight:700;margin:0 0 4px}.featureDesc{color:#4b5068;color:var(--text-secondary);font-size:12px;line-height:1.6;margin:0}.accentBox{background:linear-gradient(135deg,#eef3ff,#e6eeff);background:linear-gradient(135deg,var(--accent-light),#e6eeff);border:1.5px solid #c8d8f0;border:1.5px solid var(--accent-mid);border-radius:8px;margin-top:8px;overflow:hidden;padding:12px 16px;position:relative;text-align:center}.accentBox:before{background:radial-gradient(circle at 50% 0,#4477aa14 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.accentBoxText{color:#374151;font-size:13px;font-weight:600;margin:0;position:relative}.spinnerWrapper{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:60vh}.spinnerRing{animation:spin .75s linear infinite;border:3px solid #eef3ff;border-radius:50%;border-top-color:#47a;border:3px solid var(--accent-light);border-top-color:var(--accent);height:34px;width:34px}.spinnerLabel{animation:pulse 1.2s ease-in-out infinite;color:#8892a4;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.errorWrap{margin:40px auto;max-width:480px;padding:0 16px}.errorText{color:#4b5068;color:var(--text-secondary);font-size:13px;margin:0 0 16px;text-align:center}.retryBtn{background:linear-gradient(135deg,#58c,#36a);background:var(--accent-gradient);border:none;border-radius:8px;box-shadow:0 3px 10px #4477aa40;color:#fff;cursor:pointer;display:block;font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:700;margin:0 auto;padding:9px 22px;transition:filter .15s ease,transform .15s ease;transition:filter var(--transition-fast),transform var(--transition-fast)}.retryBtn:hover{filter:brightness(1.08);transform:translateY(-1px)}.retryBtn:active{filter:brightness(.96);transform:translateY(0)}@media (max-width:768px){.featuresGrid,.infoChipGrid,.layout{grid-template-columns:1fr}.teamGrid{grid-template-columns:1fr 1fr}.tabBtn{font-size:10px;padding:4px 10px}.pageTitle{font-size:17px}}@media (max-width:480px){.page{padding:12px 10px 40px}.infoChipGrid,.teamGrid{grid-template-columns:1fr}}.browse-container{background-color:#fff;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.profile-toast{animation:toastFadeIn .2s ease;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:13px;font-weight:700;max-width:320px;padding:10px 16px;position:fixed;right:20px;top:20px;z-index:9999}.profile-toast--success{background:#e6f4ea;border:1px solid #42b72a;color:#1a7f37}.profile-toast--error{background:#ffebe8;border:1px solid #dd3c10;color:#dd3c10}.profile-toast--info{background:#e7f0ff;border:1px solid #3b5998;color:#3b5998}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.confirm-overlay{animation:overlayFadeIn .15s ease;background:#00000073;z-index:10000}.confirm-box{animation:boxSlideIn .15s ease;border:1px solid #d8dfea;border-radius:4px;box-shadow:0 4px 24px #0000002e;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;max-width:380px;padding:24px 28px}@keyframes boxSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.confirm-title{color:#3b5998;font-size:16px;margin:0 0 10px}.confirm-message{color:#4b4f56;font-size:13px;line-height:1.5;margin:0 0 20px}.confirm-actions{justify-content:flex-end}.confirm-btn-cancel{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:7px 16px}.confirm-btn-cancel:hover{background:linear-gradient(#e9ebee,#dddfe2);border-color:#bec3c9}.confirm-btn-primary{background:linear-gradient(180deg,#69c,#3b5998);border:1px solid #29487d;border-radius:3px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:7px 16px}.confirm-btn-primary:hover{background:linear-gradient(180deg,#58b,#29487d)}.browse-header{border-bottom:1px solid #d8dfea;margin-bottom:30px;padding-bottom:15px}.browse-header h1{color:#47a;font-size:24px;font-weight:700;margin:0 0 5px}.browse-subtitle{color:#777;font-size:13px;margin:0}.back-button{background:none;border:none;color:#3b5998;cursor:pointer;display:block;font-size:13px;margin-bottom:15px;padding:5px 0}.back-button:hover{text-decoration:underline}.college-header-info h1{margin:0 0 4px}.loading{color:#777;font-size:14px;padding:40px;text-align:center}.error-message{border-radius:3px}.filter-controls{margin-bottom:10px}.toggle-filters-btn{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;font-family:inherit;font-size:12px;padding:6px 12px}.toggle-filters-btn:hover{background:linear-gradient(#e9ebee,#dddfe2);border-color:#3b5998;color:#3b5998}.active-badge{background:#3b5998;border-radius:10px;color:#fff;font-size:10px;padding:1px 6px}.clear-all-filters{border:none;color:#dd3c10;font-family:inherit;font-size:12px;padding:5px;text-decoration:underline}.clear-all-filters:hover{color:#a20}.filters-bar{background:#f6f7f9;border:1px solid #e9ebee;border-radius:3px;margin-bottom:15px;padding:12px 15px}.filters-grid{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.filter-group{align-items:center;gap:8px}.filter-group label{color:#4b4f56;font-size:12px;font-weight:700;white-space:nowrap}.filter-group select{background:#fff;border:1px solid #ccd0d5;border-radius:3px;color:#1c1e21;cursor:pointer;font-family:inherit;font-size:12px;padding:5px 8px}.filter-group select:focus{border-color:#3b5998;outline:none}.active-filters{font-size:12px}.filter-tag{background:#e7f0ff;border:1px solid #bcd0f5;border-radius:10px;font-size:11px;font-weight:700;padding:3px 8px}.filter-tag button{font-family:inherit;opacity:.7}.filter-tag button:hover{opacity:1}.clear-filters-btn{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;margin-top:10px;padding:8px 16px}.clear-filters-btn:hover{background:linear-gradient(#e9ebee,#dddfe2);border-color:#3b5998;color:#3b5998}.colleges-view{background:#fff}.colleges-list{display:flex;flex-direction:column;gap:0}.college-card{align-items:center;border-bottom:1px solid #e9ebee;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.college-card:hover{background-color:#f6f7f9}.college-card.own-college{background-color:#f0f4ff}.college-info h3{color:#3b5998;font-size:15px;font-weight:700;margin:0 0 3px}.college-location{font-size:12px;margin:2px 0}.college-domain{color:#90949c;font-size:11px;margin:2px 0}.college-stats{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.student-count{color:#90949c;font-size:12px}.badge-own{background-color:#3b5998;border-radius:3px;color:#fff;font-size:10px;font-weight:700;padding:3px 8px}.students-list{background:#fff;border:1px solid #e9ebee;border-radius:3px}.student-card{border-bottom:1px solid #e9ebee;cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:background-color .15s}.student-card:last-child{border-bottom:none}.student-card:hover{background-color:#f6f7f9}.student-avatar{flex-shrink:0;height:50px;position:relative;width:50px}.student-avatar img{border:1px solid #e9ebee;border-radius:3px;height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#3b5998;border-radius:3px;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.online-dot{background-color:#42b72a;border:2px solid #fff;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.student-info{flex:1 1;min-width:0}.student-info h3{color:#3b5998;font-size:14px;font-weight:700;margin:0 0 2px}.student-card:hover .student-info h3{text-decoration:underline}.student-username{color:#90949c;font-size:12px;margin:0 0 4px}.student-details{gap:5px}.detail-badge{background:#f0f4ff;border:1px solid #d8dfea;padding:2px 7px}.student-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b4f56;display:-webkit-box;font-size:12px;line-height:1.4;margin:4px 0;overflow:hidden;text-overflow:ellipsis}.student-meta{color:#90949c;display:flex;flex-wrap:wrap;font-size:11px;gap:5px;margin-top:4px}.student-meta span{white-space:nowrap}.status-online{color:#42b72a;font-weight:700}.no-results{color:#777;font-size:13px;padding:40px 20px;text-align:center}.pagination{align-items:center;background:#f6f7f9;border:1px solid #e9ebee;border-radius:3px;display:flex;justify-content:space-between;margin-top:20px;padding:15px 20px}.pagination button{background:#fff;border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:6px 12px}.pagination button:hover:not(:disabled){background:#f6f7f9;border-color:#3b5998;color:#3b5998}.pagination button:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#4b4f56;font-size:12px}.total-count{color:#90949c;margin-left:5px}@media (max-width:768px){.browse-container{padding:10px}.college-card{align-items:flex-start;flex-direction:column;gap:10px}.college-stats{align-items:center;flex-direction:row;gap:10px}.filters-grid{align-items:stretch;flex-direction:column}.filter-group{align-items:flex-start;flex-direction:column}.filter-group select{width:100%}.filter-controls,.pagination{flex-wrap:wrap}.pagination{gap:10px}.confirm-box{padding:20px}.confirm-actions{flex-direction:column-reverse}.confirm-btn-cancel,.confirm-btn-primary{padding:10px;text-align:center;width:100%}}.verify-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.verify-box{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:40px;width:100%}.verify-header{margin-bottom:24px;text-align:center}.verify-header h2{color:#3b5998;font-size:24px;margin:0 0 10px}.college-name{color:#1c1e21;font-size:18px;font-weight:700;margin:5px 0}.college-location{color:#777;font-size:13px;margin:0}.step-indicator{align-items:center;display:flex;gap:0;justify-content:center;margin-bottom:24px}.step-dot{background:#ddd;border-radius:50%;flex-shrink:0;height:12px;transition:background .3s;width:12px}.step-dot.active{background:#3b5998}.step-line{background:#ddd;flex-shrink:0;height:2px;width:60px}.verify-loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:13px;gap:12px;padding:40px 20px}.verify-spinner{animation:spin .7s linear infinite;border:3px solid #e5e5e5;border-radius:50%;border-top-color:#3b5998;display:inline-block;height:24px;width:24px}.btn-spinner{height:12px;margin-right:6px;vertical-align:middle;width:12px}.info-box{background:#f6f7f9;border:1px solid #e9ebee;border-radius:5px;color:#4b4f56;font-size:13px;margin-bottom:20px;padding:15px}.info-box p{margin:5px 0}.domain-highlight{color:#3b5998;font-size:14px;font-weight:700;margin-top:8px!important}.email-sent{color:#3b5998;font-weight:700;word-break:break-all}.hint{color:#90949c;font-size:12px}.error-message{background-color:#ffebe8;border:1px solid #dd3c10;border-radius:5px;color:#dd3c10;margin-bottom:15px;padding:12px}.success-message{background-color:#d4edda;border:1px solid #42b72a;border-radius:5px;color:#155724;font-size:13px;margin-bottom:15px;padding:12px}.verify-form{gap:15px}.form-group,.verify-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#4b4f56;font-weight:700}.form-group input{border:1px solid #ccd0d5;border-radius:5px;font-size:14px;padding:12px;transition:border-color .2s}.form-group input:focus{border-color:#3b5998;box-shadow:0 0 0 2px #3b599826;outline:none}.input-hint{color:#90949c;font-size:11px}.otp-input{font-family:monospace;font-size:28px!important;font-weight:700;letter-spacing:10px;text-align:center}.btn-submit{align-items:center;background:#3b5998;border-radius:5px;display:flex;font-size:14px;justify-content:center;padding:12px;transition:background-color .2s}.btn-submit:hover:not(:disabled){background:#29487d}.btn-submit:disabled{background:#ccc}.btn-cancel{background:#fff;border:1px solid #ccd0d5;border-radius:5px;color:#4b4f56;padding:10px;text-align:center;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#f6f7f9;border-color:#3b5998;color:#3b5998}.otp-actions{display:flex;justify-content:space-between;margin-top:5px}.btn-link{background:none;border:none;color:#3b5998;cursor:pointer;font-size:13px;padding:5px;transition:color .15s}.btn-link:hover:not(:disabled){color:#29487d;text-decoration:underline}.btn-link:disabled{color:#aaa;cursor:not-allowed;text-decoration:none}@media (max-width:600px){.verify-box{padding:25px}.verify-header h2{font-size:20px}.college-name{font-size:16px}.otp-actions{flex-direction:column;gap:10px}.otp-input{font-size:22px!important;letter-spacing:6px}}.rate-limit-toast{align-items:center;animation:toastIn .3s ease;background:#1a2a3a;border-radius:30px;bottom:24px;box-shadow:0 6px 24px #00000040;color:#fff;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;gap:10px;left:50%;padding:11px 22px;position:fixed;transform:translateX(-50%) translateY(0);white-space:nowrap;z-index:9999}.rate-limit-toast.error{background:#c0392b}.rate-limit-toast.warning{background:#9a6c00}.rate-limit-toast.info{background:#47a}.rate-limit-toast.success{background:#2a7a50}.btn-cooldown{opacity:.65;overflow:hidden;pointer-events:none;position:relative}.btn-cooldown:after{background:#ffffff4d;bottom:0;content:"";left:0;position:absolute;top:0;transition:width 1s linear;width:0;width:var(--cooldown-pct,0)}.groups-container{color:#0f1d2e;color:var(--text-primary);font-family:DM Sans,sans-serif;margin:28px auto;max-width:1140px;padding:0 20px}.groups-page-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:256px 1fr}.groups-sidebar{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);overflow:hidden;position:-webkit-sticky;position:sticky;top:20px}.groups-sidebar-header{align-items:center;background:#f6f9fc;background:var(--surface-2);border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 18px 14px}.groups-sidebar-header span{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.3px}.groups-sidebar-header button{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:5px 12px;transition:background .2s}.groups-sidebar-header button:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.groups-sidebar-section{padding:12px}.groups-sidebar-section h4{color:#8499ae;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1px;margin:0 0 8px 6px;text-transform:uppercase}.sidebar-group-item{align-items:center;border-radius:6px;border-radius:var(--radius-xs);cursor:pointer;display:flex;gap:10px;outline:none;padding:8px;transition:background .15s}.sidebar-group-item:hover{background:#e8f0f8;background:var(--accent-light)}.sidebar-group-item:focus-visible{box-shadow:0 0 0 2px #58b;box-shadow:0 0 0 2px var(--accent-mid)}.sidebar-group-icon{align-items:center;border-radius:6px;border-radius:var(--radius-xs);display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;width:34px}.sidebar-group-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f1d2e;color:var(--text-primary);display:-webkit-box;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.groups-main{display:flex;flex-direction:column;gap:12px}.groups-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:18px 24px}.groups-header h1{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0}.btn-create-group{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:24px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:9px 20px;transition:background .2s,transform .15s}.btn-create-group:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover);transform:translateY(-1px)}.btn-create-group:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.groups-tabs{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);display:flex;gap:4px;overflow:hidden;padding:6px}.groups-tabs button{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-xs);color:#4a5e72;color:var(--text-secondary);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;gap:7px;padding:8px 18px;transition:all .15s}.groups-tabs button.active{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);color:#fff;font-weight:600}.groups-tabs button:hover:not(.active){background:#e8f0f8;background:var(--accent-light);color:#47a;color:var(--accent)}.groups-tabs button:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.invitations-badge{background:#c0392b;background:var(--red);border-radius:9px;color:#fff;font-size:10px;font-weight:700;padding:1px 6px}.groups-filters{align-items:center;background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;padding:14px 18px}.search-form{display:flex;flex:1 1;min-width:220px;position:relative}.search-form input{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:24px;color:#0f1d2e;color:var(--text-primary);flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;padding:9px 90px 9px 16px;transition:border-color .2s,background .2s}.search-form input::placeholder{color:#8499ae;color:var(--text-muted)}.search-form input:focus{background:#fff;border-color:#58b;border-color:var(--accent-mid);outline:none}.search-form button{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:6px 16px;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.category-filter{align-items:center;display:flex;gap:8px}.category-filter label{color:#4a5e72;color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap}.category-filter select{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:20px;color:#0f1d2e;color:var(--text-primary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;padding:8px 12px;transition:border-color .2s}.category-filter select:focus{border-color:#58b;border-color:var(--accent-mid);outline:none}.groups-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.group-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;outline:none;overflow:hidden;transition:box-shadow .2s,transform .15s,border-color .2s}.group-card:hover{border-color:#b0c4d8;border-color:var(--border-hover);box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-card:focus-visible{box-shadow:0 0 0 3px #47a6,0 4px 16px #0f1d2e1c;box-shadow:0 0 0 3px #47a6,var(--shadow-md);transform:translateY(-2px)}.group-card-banner{background:linear-gradient(180deg,#69c,#47a);height:68px}.group-card-body{display:flex;flex:1 1;flex-direction:column;padding:14px 16px 16px}.group-info h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.2px;line-height:1.3;margin:0 0 6px}.group-card:hover h3{color:#47a;color:var(--accent)}.group-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.group-type{border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.group-type.open{background:#e6f4ed;background:var(--green-bg);color:#2a7a50;color:var(--green)}.group-type.closed{background:#fef5d8;background:var(--amber-bg);color:#9a6c00;color:var(--amber)}.group-type.secret{background:#fde8e6;background:var(--red-bg);color:#c0392b;color:var(--red)}.group-category{font-size:11px}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5e72;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:4px 0 10px;overflow:hidden}.group-stats{border-top:1px solid #dde5ee;border-top:1px solid var(--border);color:#8499ae;color:var(--text-muted);font-size:12px;margin-top:auto;padding-top:10px}.member-badge{align-self:flex-end;background:#e6f4ed;background:var(--green-bg);border:1px solid #b8dfc8;border-radius:12px;color:#2a7a50;color:var(--green);font-size:11px;font-weight:600;margin-top:10px;padding:3px 10px}.loading,.no-groups{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);color:#4a5e72;color:var(--text-secondary);font-size:14px;padding:60px 40px;text-align:center}.no-groups button{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:22px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;margin-top:14px;padding:9px 22px;transition:background .2s}.no-groups button:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.group-detail-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 288px}.group-detail-main{display:flex;flex-direction:column;gap:12px}.group-detail-header-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);overflow:hidden}.group-cover-banner-placeholder{align-items:center;background:linear-gradient(180deg,#69c,#58b 40%,#47a);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.group-cover-banner-placeholder:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.group-logo-area{margin-left:24px;margin-top:-28px;position:relative}.group-logo{align-items:center;background:#fff;background:var(--surface);border:3px solid #fff;border:3px solid var(--surface);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md);display:flex;font-size:28px;height:68px;justify-content:center;width:68px}.group-header-body{padding:10px 24px 0}.group-header-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding-bottom:14px}.group-title-section h1{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.4px;margin:0 0 6px}.group-subtitle-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.group-privacy-label{color:#4a5e72;color:var(--text-secondary);font-size:12px}.group-active-badge{align-items:center;background:#e6f4ed;background:var(--green-bg);border:1px solid #b8dfc8;border-radius:4px;color:#2a7a50;color:var(--green);display:inline-flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.5px;padding:3px 9px;text-transform:uppercase}.group-active-badge .dot{background:#2a7a50;background:var(--green);border-radius:50%;display:inline-block;height:6px;width:6px}.group-college{color:#4a5e72;color:var(--text-secondary);font-size:13px;margin:2px 0 0}.group-category{color:#8499ae;color:var(--text-muted);font-size:12px}.group-actions{flex-shrink:0;gap:8px}.btn-icon,.group-actions{align-items:center;display:flex}.btn-icon{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:50%;cursor:pointer;height:36px;justify-content:center;transition:all .15s;width:36px}.btn-icon:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid)}.btn-primary{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:24px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:9px 20px;transition:background .2s;white-space:nowrap}.btn-primary:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.btn-secondary{background:#fff;background:var(--surface);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:24px;color:#0f1d2e;color:var(--text-primary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:8px 18px;transition:all .15s}.btn-secondary:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid);color:#47a;color:var(--accent)}.btn-secondary:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.group-tabs{border-top:1px solid #dde5ee;border-top:1px solid var(--border);display:flex;gap:2px;padding:0 16px}.group-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#4a5e72;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:11px 16px;transition:all .15s}.group-tabs button.active{border-bottom-color:#47a;border-bottom-color:var(--accent);color:#47a;color:var(--accent);font-weight:600}.group-tabs button:hover:not(:disabled):not(.active){background:#e8f0f8;background:var(--accent-light);border-radius:4px 4px 0 0;color:#47a;color:var(--accent)}.group-tabs button:disabled{cursor:not-allowed;opacity:.35}.group-tabs button:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:-2px}.join-requests-section{background:#fef5d8;background:var(--amber-bg);border:1px solid #e8c97a;border-radius:12px;border-radius:var(--radius);padding:16px}.join-requests-section h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px}.requests-list{display:flex;flex-direction:column;gap:10px}.request-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);gap:12px;justify-content:space-between;padding:12px}.request-card,.request-user{align-items:center;display:flex}.request-user{gap:10px}.request-user img{border-radius:50%;height:42px;object-fit:cover;width:42px}.request-user strong{display:block;font-size:13px;font-weight:600}.request-user p{color:#4a5e72;color:var(--text-secondary);font-size:12px;margin:2px 0 0}.request-actions{display:flex;gap:8px}.btn-approve{background:#2a7a50;background:var(--green);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:6px 14px;transition:opacity .2s}.btn-approve:hover{opacity:.85}.btn-approve:disabled{cursor:not-allowed;opacity:.5}.btn-reject{background:none;border:1.5px solid #c0392b;border:1.5px solid var(--red);border-radius:20px;color:#c0392b;color:var(--red);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:5px 14px;transition:background .15s}.btn-reject:hover{background:#fde8e6;background:var(--red-bg)}.btn-reject:disabled{cursor:not-allowed;opacity:.5}.create-post-box{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);overflow:hidden}.create-post-input-row{align-items:center;display:flex;gap:10px;padding:14px 16px}.create-post-avatar{align-items:center;background:#e8f0f8;background:var(--accent-light);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;object-fit:cover;width:42px}.create-post-input-btn{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:24px;color:#8499ae;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;padding:10px 18px;text-align:left;transition:border-color .15s,background .15s}.create-post-input-btn:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid);color:#47a;color:var(--accent)}.create-post-textarea{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f1d2e;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;min-height:80px;padding:10px 12px;resize:none;transition:border-color .2s;width:100%}.create-post-textarea:focus{background:#fff;border-color:#58b;border-color:var(--accent-mid);outline:none}.create-post-actions{align-items:center;background:#f6f9fc;background:var(--surface-2);border-top:1px solid #dde5ee;border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:8px 16px}.btn-post-submit{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:22px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:8px 22px;transition:background .2s}.btn-post-submit:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.btn-post-submit:disabled{background:#dde5ee;background:var(--border);color:#8499ae;color:var(--text-muted);cursor:not-allowed}.posts-list{display:flex;flex-direction:column;gap:10px}.post-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);padding:18px;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md)}.post-header{display:flex;gap:10px;margin-bottom:12px}.post-header img{border-radius:50%;flex-shrink:0;height:42px;object-fit:cover;width:42px}.post-header strong{color:#0f1d2e;color:var(--text-primary);display:block;font-family:Sora,sans-serif;font-size:14px;font-weight:600}.post-time{color:#8499ae;color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.post-content p{color:#0f1d2e;color:var(--text-primary);font-size:14px;line-height:1.6;margin:0}.post-actions{border-top:1px solid #dde5ee;border-top:1px solid var(--border);display:flex;gap:4px;margin-top:12px;padding-top:12px}.post-actions button{background:none;border:none;border-radius:6px;border-radius:var(--radius-xs);color:#4a5e72;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;transition:background .15s}.post-actions button:hover{background:#e8f0f8;background:var(--accent-light);color:#47a;color:var(--accent)}.post-actions button:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.comments-section{border-top:1px solid #dde5ee;border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.comment{display:flex;gap:8px}.comment img{border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.comment-content{background:#f6f9fc;background:var(--surface-2);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:0 8px 8px 8px;border-radius:0 var(--radius-sm) var(--radius-sm) var(--radius-sm);flex:1 1;padding:9px 13px}.comment-content strong{color:#0f1d2e;color:var(--text-primary);display:block;font-size:12px;font-weight:600;margin-bottom:2px}.comment-content p{color:#0f1d2e;color:var(--text-primary);font-size:13px;line-height:1.5;margin:0}.comment-time{color:#8499ae;color:var(--text-muted);display:block;font-size:11px;margin-top:4px}.add-comment-form{align-items:center;display:flex;gap:8px}.add-comment-form img{border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.add-comment-form input{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:24px;color:#0f1d2e;color:var(--text-primary);flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;padding:8px 14px;transition:border-color .2s,background .2s}.add-comment-form input:focus{background:#fff;border-color:#58b;border-color:var(--accent-mid);outline:none}.add-comment-form button{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:7px 16px;transition:background .2s}.add-comment-form button:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.add-comment-form button:disabled{background:#dde5ee;background:var(--border);cursor:not-allowed}.group-detail-sidebar{display:flex;flex-direction:column;gap:12px;position:-webkit-sticky;position:sticky;top:20px}.sidebar-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);overflow:hidden}.sidebar-card-header{align-items:center;background:#f6f9fc;background:var(--surface-2);border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px 12px}.sidebar-card-header h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:14px;font-weight:600;margin:0}.sidebar-card-header button{background:none;border:none;color:#47a;color:var(--accent);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.members-cluster{display:flex;flex-wrap:wrap;gap:5px;padding:14px 16px 6px}.member-avatar-small{border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px #dde5ee;box-shadow:0 0 0 1px var(--border);cursor:pointer;height:38px;object-fit:cover;outline:none;transition:transform .15s;width:38px}.member-avatar-small:hover{transform:scale(1.12)}.member-avatar-small:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.members-count-chip{align-items:center;background:#e8f0f8;background:var(--accent-light);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px #dde5ee;box-shadow:0 0 0 1px var(--border);color:#47a;color:var(--accent);display:flex;font-size:11px;font-weight:700;height:38px;justify-content:center;width:38px}.members-cluster-footer{color:#8499ae;color:var(--text-muted);font-size:12px;padding:6px 16px 14px}.invite-section{padding:8px 14px 14px}.invite-btn-large{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:22px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:10px 16px;transition:background .2s;width:100%}.invite-btn-large:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.admin-section{display:flex;flex-direction:column;gap:12px;padding:12px 16px 14px}.admin-item{align-items:flex-start;display:flex;gap:10px}.admin-avatar{background:#dde5ee;background:var(--border);border-radius:50%;cursor:pointer;flex-shrink:0;height:48px;object-fit:cover;width:48px}.admin-info{flex:1 1;min-width:0}.admin-name{color:#0f1d2e;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:3px;outline:none}.admin-name:hover{color:#47a;color:var(--accent)}.admin-name:focus-visible{color:#47a;color:var(--accent);text-decoration:underline}.admin-role-badge{background:#e8f0f8;background:var(--accent-light);border-radius:4px;color:#47a;color:var(--accent);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;margin-bottom:3px;padding:2px 8px;text-transform:uppercase}.admin-title{color:#8499ae;color:var(--text-muted);font-size:12px;line-height:1.3}.info-sidebar-content{padding:4px 16px 14px}.info-row{align-items:center;border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);display:flex;font-size:13px;justify-content:space-between;padding:9px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#4a5e72;color:var(--text-secondary)}.info-row .value{color:#0f1d2e;color:var(--text-primary);font-weight:600}.members-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.member-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);display:flex;gap:10px;justify-content:space-between;padding:14px;transition:box-shadow .15s,border-color .15s}.member-card:hover{border-color:#b0c4d8;border-color:var(--border-hover);box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md)}.member-main{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0;outline:none}.member-card img{border-radius:50%;flex-shrink:0;height:46px;object-fit:cover;width:46px}.member-info{min-width:0}.member-info strong{color:#0f1d2e;color:var(--text-primary);display:block;font-size:14px;font-weight:600}.member-main:hover .member-info strong{color:#47a;color:var(--accent)}.member-main:focus-visible{border-radius:4px;outline:2px solid #58b;outline:2px solid var(--accent-mid)}.member-role{color:#8499ae;color:var(--text-muted);display:block;font-size:12px;margin-top:1px;text-transform:capitalize}.online-indicator{color:#2a7a50;color:var(--green);font-size:11px;font-weight:600}.btn-promote{background:none;border:1.5px solid #47a;border:1.5px solid var(--accent);border-radius:20px;color:#47a;color:var(--accent);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;padding:5px 12px;transition:background .15s;white-space:nowrap}.btn-promote:hover{background:#e8f0f8;background:var(--accent-light)}.not-member-message{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);color:#4a5e72;color:var(--text-secondary);font-size:15px;padding:60px 40px;text-align:center}.not-member-message button{margin-top:16px}.group-info-section{display:flex;flex-direction:column;gap:12px}.info-block{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);padding:20px}.info-block h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:600;margin:0 0 12px}.info-block p{color:#4a5e72;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.info-block ul{list-style:none;margin:0;padding:0}.info-block li{border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);color:#4a5e72;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;padding:9px 0}.info-block li:last-child{border-bottom:none}.info-block li strong{color:#0f1d2e;color:var(--text-primary);min-width:100px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a171499;bottom:0;left:0;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 32px #0f1d2e29;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.confirm-modal-content{max-width:420px}.modal-header{background:#fff;background:var(--surface);border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:18px;letter-spacing:-.3px}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#8499ae;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;transition:background .15s;width:34px}.close-btn:hover{background:#e8f0f8;background:var(--accent-light);color:#47a;color:var(--accent)}.close-btn:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.create-group-form{padding:20px 24px 24px}.form-group{margin-bottom:18px}.form-group label{color:#0f1d2e;color:var(--text-primary);font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-xs);box-sizing:border-box;color:#0f1d2e;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;padding:10px 13px;transition:border-color .2s,background .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#58b;border-color:var(--accent-mid);outline:none}.form-group textarea{resize:vertical}.group-type-options{display:flex;flex-direction:column;gap:8px}.radio-label{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:12px;transition:border-color .15s,background .15s}.radio-label:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid)}.radio-label input[type=radio]{accent-color:#47a;accent-color:var(--accent);margin-top:3px}.radio-label div{display:flex;flex-direction:column;gap:2px}.radio-label strong{color:#0f1d2e;color:var(--text-primary);font-size:13px}.radio-label span{color:#4a5e72;color:var(--text-secondary);font-size:12px}.modal-actions{border-top:1px solid #dde5ee;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:16px}.btn-cancel{background:none;border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:20px;color:#4a5e72;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:8px 20px;transition:all .15s}.btn-cancel:hover{border-color:#58b;border-color:var(--accent-mid);color:#47a;color:var(--accent)}.btn-submit{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border-radius:22px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:8px 22px;transition:background .2s}.btn-submit:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.btn-submit:disabled{background:#dde5ee;background:var(--border)}.error-message{background:#fde8e6;background:var(--red-bg);border:1px solid #f0b8b5;border-radius:6px;border-radius:var(--radius-xs);color:#c0392b;color:var(--red);font-size:13px;margin-bottom:16px;padding:10px 14px}.invite-modal-body,.leave-modal-body{padding:16px 24px 24px}.search-input{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:24px;box-sizing:border-box;color:#0f1d2e;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:13px;margin-bottom:12px;padding:10px 16px;transition:border-color .2s;width:100%}.search-input:focus{background:#fff;border-color:#58b;border-color:var(--accent-mid);outline:none}.loading-text,.no-results{color:#8499ae;color:var(--text-muted);font-size:14px;padding:20px;text-align:center}.search-results{max-height:360px;overflow-y:auto}.user-result{align-items:center;border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 0}.user-result:last-child{border-bottom:none}.user-result .user-info{align-items:center;display:flex;gap:10px}.user-result img{border-radius:50%;height:42px;object-fit:cover;width:42px}.user-result .user-info div{display:flex;flex-direction:column;gap:1px}.user-result strong{color:#0f1d2e;color:var(--text-primary);font-size:13px;font-weight:600}.user-result span{color:#8499ae;color:var(--text-muted);font-size:12px}.btn-invite{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:7px 16px;transition:background .2s}.btn-invite:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.btn-invite:disabled{background:#dde5ee;background:var(--border);cursor:not-allowed}.warning-text{background:#fef5d8;background:var(--amber-bg);border:1px solid #e8c97a;border-radius:6px;border-radius:var(--radius-xs);color:#9a6c00;color:var(--amber);font-size:13px;margin-bottom:14px;padding:10px 14px}.admin-select{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-xs);box-sizing:border-box;color:#0f1d2e;color:var(--text-primary);font-size:14px;margin-bottom:14px;padding:10px;width:100%}.admin-select,.btn-danger{font-family:DM Sans,sans-serif}.btn-danger{background:#c0392b;background:var(--red);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 20px;transition:opacity .2s}.btn-danger:hover{opacity:.85}.invitations-list{display:flex;flex-direction:column;gap:10px}.invitation-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);display:flex;gap:16px;justify-content:space-between;padding:18px;transition:box-shadow .15s,border-color .15s}.invitation-card:hover{border-color:#b0c4d8;border-color:var(--border-hover);box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md)}.invitation-info{flex:1 1}.invitation-info h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:600;margin:0 0 4px}.invitation-description{color:#4a5e72;color:var(--text-secondary);font-size:13px;margin:4px 0}.invitation-meta{color:#8499ae;color:var(--text-muted);font-size:12px;margin-top:6px}.invitation-actions{display:flex;flex-shrink:0;gap:8px}.back-btn{align-items:center;background:none;border:none;color:#47a;color:var(--accent);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:5px;margin-bottom:12px;padding:0;transition:color .15s}.back-btn:hover{opacity:.8}.back-btn:focus-visible{border-radius:4px;outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.no-posts{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);color:#4a5e72;color:var(--text-secondary);font-size:14px;padding:40px;text-align:center}@media (max-width:960px){.group-detail-layout{grid-template-columns:1fr}.group-detail-sidebar{order:-1;position:static}}@media (max-width:768px){.groups-page-layout{grid-template-columns:1fr}.groups-sidebar{display:none}.groups-container{margin:12px auto;padding:0 10px}.group-cover-banner-placeholder{height:130px}.groups-list{grid-template-columns:1fr}.modal-content{width:95%}.members-list{grid-template-columns:1fr}.group-header-top{flex-direction:column}.group-actions{flex-wrap:wrap;width:100%}}@media (prefers-reduced-motion:reduce){.rate-limit-toast{animation:none}.btn-create-group:hover,.group-card:hover{transform:none}}.academic-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.academic-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;overflow:hidden;width:100%}.academic-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px}.progress-row{gap:15px;margin-bottom:12px}.progress-row,.step-circle{align-items:center;display:flex}.step-circle{border-radius:50%;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.step-done{background:#48bb78;color:#fff}.step-active{background:#fff;color:#667eea}.progress-bar{background:#ffffff4d;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .3s ease}.progress-labels{display:flex;font-size:13px;justify-content:space-between;opacity:.9}.label-active{font-weight:600}.academic-body{padding:40px}.academic-title{color:#2d3748;font-size:26px;font-weight:700;margin:0 0 10px;text-align:center}.academic-subtitle{color:#718096;font-size:15px;line-height:1.5;margin:0 0 30px;text-align:center}.academic-success{align-items:center;background:#c6f6d5;border-radius:8px;color:#276749;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 16px}.form-group{margin-bottom:22px}.form-group label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.required{color:#e53e3e}.form-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:15px;outline:none;padding:12px 15px;transition:border-color .2s;width:100%}.form-select:focus{border-color:#667eea}.form-select.input-error{border-color:#e53e3e}.form-select.select-disabled{background:#f7fafc;cursor:not-allowed}.field-hint{color:#718096;font-size:12px}.field-error,.field-hint{display:block;margin-top:6px}.field-error{color:#e53e3e;font-size:13px}.submit-error{align-items:center;background:#fed7d7;border-radius:8px;color:#c53030;display:flex;font-size:14px;gap:8px;margin-bottom:18px;padding:12px 16px}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px;transition:transform .2s,box-shadow .2s,background .2s;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-submit:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.why-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:28px;padding:20px}.why-title{color:#2d3748;font-size:14px;font-weight:600;margin:0 0 12px}.why-list{color:#4a5568;font-size:13px;line-height:1.8;margin:0;padding-left:20px}@media (max-width:480px){.academic-body{padding:24px 20px}.academic-title{font-size:22px}.academic-header{padding:20px}}*,:after,:before{box-sizing:border-box}:root{--bg:#f0f4f8;--surface:#fff;--surface-2:#f6f9fc;--border:#dde5ee;--border-hover:#b0c4d8;--accent-start:#69c;--accent-end:#47a;--accent-gradient:linear-gradient(180deg,#69c,#47a);--accent-gradient-hover:linear-gradient(180deg,#58b,#369);--accent:#47a;--accent-mid:#58b;--accent-light:#e8f0f8;--accent-lighter:#f0f5fb;--text-primary:#0f1d2e;--text-secondary:#4a5e72;--text-muted:#8499ae;--green:#2a7a50;--green-bg:#e6f4ed;--amber:#9a6c00;--amber-bg:#fef5d8;--red:#c0392b;--red-bg:#fde8e6;--shadow-sm:0 1px 4px #0f1d2e12;--shadow-md:0 4px 16px #0f1d2e1c;--shadow-lg:0 8px 32px #0f1d2e29;--radius:12px;--radius-sm:8px;--radius-xs:6px;--trans:150ms ease}.suggestions-page,body{background:#f0f4f8;background:var(--bg)}.suggestions-page{color:#0f1d2e;color:var(--text-primary);font-family:DM Sans,sans-serif;min-height:100vh;padding:28px 0}.suggestions-container{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:1140px;padding:0 20px}.suggestions-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.loading-spinner{animation:spin .75s linear infinite;border:3px solid #dde5ee;border:3px solid var(--border);border-top-color:var(--accent);height:42px;width:42px}.suggestions-loading p{color:#4a5e72;color:var(--text-secondary);font-size:14px;font-weight:500}.suggestions-header{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);overflow:hidden}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;padding:18px 24px}.header-title h1{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 2px}.header-subtitle{color:#8499ae;color:var(--text-muted);font-size:13px;margin:0}.btn-back,.btn-dismissed{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:20px;color:#4a5e72;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s ease;transition:all var(--trans);white-space:nowrap}.btn-dismissed{margin-left:auto}.btn-back:hover,.btn-dismissed:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid);color:#47a;color:var(--accent)}.btn-back:focus-visible,.btn-dismissed:focus-visible{outline:2px solid #47a;outline:2px solid var(--accent);outline-offset:2px}.stats-bar{background:#f6f9fc;background:var(--surface-2);border-top:1px solid #dde5ee;border-top:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:14px 24px}.stat-item,.stats-bar{align-items:center;display:flex}.stat-item{gap:10px;padding:6px 20px 6px 0}.stat-icon{font-size:22px}.stat-info{display:flex;flex-direction:column}.stat-value{color:#47a;color:var(--accent);font-family:Sora,sans-serif;font-size:18px}.stat-label{color:#8499ae;color:var(--text-muted);font-size:11px;margin-top:2px}.stat-divider{background:#dde5ee;background:var(--border);height:36px;margin:0 20px 0 0;width:1px}.empty-state{background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm)}.empty-icon{font-size:56px}.empty-state h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;letter-spacing:-.3px}.empty-state p{color:#4a5e72;color:var(--text-secondary);line-height:1.5;margin:0 0 6px}.empty-hint{color:#8499ae;color:var(--text-muted);font-size:13px;margin-bottom:24px!important}.btn-empty-action{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border-radius:24px;font-family:DM Sans,sans-serif;padding:10px 26px;transition:background .15s ease,transform .15s ease;transition:background var(--trans),transform var(--trans)}.btn-empty-action:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover);transform:translateY(-1px)}.suggestions-section{display:flex;flex-direction:column;gap:0}.section-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #dde5ee;border-bottom:3px solid #47a;border:1px solid var(--border);border-bottom:3px solid var(--accent);border-radius:12px 12px 0 0;border-radius:var(--radius) var(--radius) 0 0;display:flex;justify-content:space-between;padding:16px 20px}.section-header.priority-1{border-bottom-color:#d4a900}.section-header.priority-2{border-bottom-color:#8a9ba8}.section-header.priority-3{border-bottom-color:#9b7a5a}.section-title{align-items:center;display:flex;gap:12px}.section-icon{font-size:26px}.section-title h2{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0 0 3px}.section-title p{color:#8499ae;color:var(--text-muted);font-size:12px;margin:0}.section-count{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border-radius:20px;color:#fff;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:5px 13px}.suggestions-grid{grid-gap:14px;background:#f6f9fc;background:var(--surface-2);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius) var(--radius);border-top:none;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px}.suggestion-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);contain:layout style;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease;transition:box-shadow var(--trans),transform var(--trans),border-color var(--trans);will-change:transform}.suggestion-card:hover{border-color:#b0c4d8;border-color:var(--border-hover);box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-dismiss-card{align-items:center;background:#ffffffe0;border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:50%;color:#8499ae;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:all .2s;width:28px;z-index:2}.btn-dismiss-card:hover:not(:disabled){background:#fde8e6;background:var(--red-bg);border-color:#c0392b;border-color:var(--red);color:#c0392b;color:var(--red);transform:rotate(90deg)}.btn-dismiss-card:disabled{cursor:not-allowed;opacity:.5}.btn-dismiss-card:focus-visible{outline:2px solid #47a;outline:2px solid var(--accent);outline-offset:2px}.card-priority-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #0000002e;display:flex;gap:5px;left:12px;padding:5px 11px;position:absolute;top:12px;z-index:2}.badge-icon{font-size:14px}.badge-label{color:#fff;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px #0000004d}.suggestion-avatar-large{align-items:center;background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);color:#fff;display:flex;flex-shrink:0;font-family:Sora,sans-serif;font-size:52px;font-weight:700;height:160px;justify-content:center;width:100%}.suggestion-details{display:flex;flex:1 1;flex-direction:column;padding:14px 16px 16px}.suggestion-name-large{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-card:hover .suggestion-name-large{color:#47a;color:var(--accent)}.suggestion-username{color:#8499ae;color:var(--text-muted);font-size:12px;margin:0 0 10px}.mutual-friends-badge{align-items:center;align-self:flex-start;background:#e8f0f8;background:var(--accent-light);border:1px solid #c0d5ea;border-radius:20px;color:#47a;color:var(--accent);display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:10px;padding:5px 11px}.mutual-icon{font-size:13px}.suggestion-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.meta-item{align-items:center;color:#4a5e72;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.meta-icon{flex-shrink:0;font-size:13px}.meta-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-reason{align-items:center;background:#f6f9fc;background:var(--surface-2);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-xs);color:#4a5e72;color:var(--text-secondary);display:flex;font-size:11px;gap:8px;margin-bottom:12px;padding:7px 11px}.reason-icon{flex-shrink:0;font-size:13px}.reason-text{font-weight:500;line-height:1.3}.suggestion-actions{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding:0 16px 16px}.btn-add-friend-card{align-items:center;background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:22px;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;gap:7px;justify-content:center;padding:9px;transition:background .15s ease,transform .15s ease;transition:background var(--trans),transform var(--trans);width:100%}.btn-add-friend-card:hover:not(:disabled){background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover);transform:translateY(-1px)}.btn-add-friend-card:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-add-friend-card:focus-visible{outline:2px solid #fff;outline-offset:2px}.btn-icon{font-size:13px}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff59;height:13px;width:13px}.btn-view-profile{background:#fff;background:var(--surface);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:22px;color:#4a5e72;color:var(--text-secondary);font-family:DM Sans,sans-serif;padding:8px;transition:all .15s ease;transition:all var(--trans);width:100%}.btn-view-profile:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid);color:#47a;color:var(--accent)}.btn-view-profile:focus-visible{outline:2px solid #47a;outline:2px solid var(--accent);outline-offset:2px}.sug-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.sug-toast{align-items:center;animation:sug-in .25s ease,sug-out .3s ease 3.2s forwards;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 8px 32px #0f1d2e29;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;padding:11px 16px;word-break:break-word}.sug-toast--success{background:#1e6b36}.sug-toast--error{background:#a52020}.sug-toast--info{background:#1a3f70}@keyframes sug-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes sug-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}@media (max-width:768px){.suggestions-page{padding:12px 0}.suggestions-container{padding:0 10px}.header-content{align-items:flex-start;flex-direction:column;gap:10px}.btn-dismissed{margin-left:0}.stats-bar{align-items:stretch;flex-direction:column;gap:8px}.stat-divider{height:1px;margin:0;width:100%}.stat-item{justify-content:space-between;padding:4px 0}.suggestions-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.section-count{align-self:flex-end}.sug-toast-stack{left:8px;max-width:100%;right:8px;top:10px}}@media (max-width:480px){.suggestion-avatar-large{font-size:40px;height:130px}.header-title h1{font-size:18px}.empty-state{padding:40px 20px}.empty-icon{font-size:48px}}.dismissed-page{background-color:#ddd9d9;font-family:Tahoma,Verdana,Arial,sans-serif;min-height:100vh;padding:20px 0}.dismissed-container{margin:0 auto;max-width:800px;padding:0 20px}.dismissed-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.dismissed-header{background:#fff;border:1px solid #d3d6db;border-radius:4px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;padding:16px 20px}.dismissed-header .header-title h1{color:#1c1e21;font-size:20px;font-weight:700;margin:12px 0 8px}.dismissed-header .header-subtitle{color:#90949c;font-size:13px;line-height:1.4;margin:0}.info-banner{align-items:flex-start;background:#e7f3ff;border:1px solid #3b5998;border-radius:4px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.info-icon{flex-shrink:0;font-size:20px}.info-text{color:#1c1e21;font-size:13px;line-height:1.5}.info-text strong{color:#3b5998;font-weight:700}.dismissed-list{background:#fff;border:1px solid #d3d6db;border-radius:4px;display:flex;flex-direction:column;gap:12px;padding:16px}.dismissed-card{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;display:flex;gap:16px;padding:12px;transition:all .2s}.dismissed-card:hover{background:#f6f7f9;box-shadow:0 2px 4px #0000001a}.dismissed-avatar{align-items:center;background:linear-gradient(180deg,#69c,#47a);border:2px solid #e5e5e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.dismissed-info{flex:1 1;min-width:0}.dismissed-name{color:#1c1e21;font-size:15px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dismissed-username{color:#3b5998;font-size:13px;margin:0 0 4px}.dismissed-time{color:#90949c;font-size:12px;margin:0}.dismissed-actions{display:flex;flex-shrink:0;gap:8px}.btn-undo{align-items:center;background:#42b72a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:background .2s}.btn-undo:hover:not(:disabled){background:#36a420}.btn-undo:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:14px}.btn-view-profile{background:#f6f7f9;border:1px solid #ccd0d5;border-radius:4px;color:#4b4f56;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.btn-view-profile:hover{background:#e9ebee}.footer-info{background:#fffbf0;border:1px solid gold;border-radius:4px;color:#4b4f56;font-size:13px;line-height:1.5;margin-top:16px;padding:12px 16px}.footer-info strong{color:#1c1e21}.empty-state{border:1px solid #d3d6db;border-radius:4px;padding:60px 40px}.empty-icon{font-size:80px;margin-bottom:20px}.empty-state h3{color:#1c1e21;font-size:18px;margin:0 0 10px}.empty-state p{color:#4b4f56;font-size:13px;margin:0 0 24px}.btn-empty-action{background:#3b5998;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 24px;transition:background .2s}.btn-empty-action:hover{background:#2d4373}@media (max-width:768px){.dismissed-page{padding:10px 0}.dismissed-container{padding:0 10px}.dismissed-card{align-items:flex-start;flex-direction:column}.dismissed-actions{flex-direction:column;width:100%}.btn-undo,.btn-view-profile{justify-content:center;width:100%}.dismissed-avatar{font-size:20px;height:50px;width:50px}}@media (max-width:480px){.empty-state{padding:40px 20px}.empty-icon{font-size:60px}}.toast{animation:dsToastIn .25s ease,dsToastOut .3s ease 3.7s forwards}@keyframes dsToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dsToastOut{to{opacity:0;transform:translateY(12px)}}.error-state{border:1px solid #d3d6db;border-radius:4px;color:#4b4f56;padding:60px 40px}.error-state h3{color:#1c1e21}.btn-retry,.error-state p{font-size:13px}.btn-retry{background:#3b5998;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 24px;transition:background .2s}.btn-retry:hover{background:#2d4373}.admin-reports-container{background:#f8f9fc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.admin-reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.header-left{align-items:center;display:flex;gap:16px}.header-icon-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:14px;box-shadow:0 4px 12px #fbbf2433;color:#92400e;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.admin-reports-header h1{color:#1a1d23;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 4px}.admin-reports-header p{color:#8892a4;font-size:14px;margin:0}.header-stats,.stat-card{display:flex;gap:12px}.stat-card{align-items:center;background:#fff;border:1.5px solid #e8ecf4;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:14px 20px}.stat-card svg{color:#f59e0b;flex-shrink:0}.stat-card div{display:flex;flex-direction:column;gap:2px}.stat-value{color:#1a1d23;font-size:22px;font-weight:700;line-height:1}.stat-label{color:#8892a4;font-size:12px;font-weight:500}.filter-tabs{background:#fff;border:1.5px solid #e8ecf4;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:8px;width:-webkit-fit-content;width:fit-content}.filter-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .18s}.filter-tab:hover{background:#f4f6fc}.filter-tab.active{background:#47a;box-shadow:0 2px 8px #4477aa40;color:#fff}.filter-tab svg{height:16px;width:16px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e8ecf4;border-radius:50%;border-top-color:#47a;height:40px;width:40px}.loading-state p{color:#8892a4;font-size:15px;font-weight:500;margin:0}.empty-state{background:#fff;border:1.5px solid #e8ecf4;border-radius:16px;padding:60px 32px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state h3{color:#1a1d23;font-size:20px;font-weight:700;margin:0 0 8px}.empty-state p{color:#8892a4;font-size:14px;margin:0}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@media (max-width:640px){.reports-grid{grid-template-columns:1fr}}.report-card{background:#fff;border:1.5px solid #e8ecf4;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:14px;padding:20px;transition:all .22s}.report-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.report-card-header{align-items:center;border-bottom:1.5px solid #f0f2f7;display:flex;justify-content:space-between;padding-bottom:10px}.report-count-badge{align-items:center;background:#fef3c7;border:1.5px solid #fbbf24;border-radius:20px;color:#92400e;display:flex;font-size:13px;font-weight:700;gap:6px;padding:6px 12px}.report-count-badge svg{height:14px;width:14px}.report-time{color:#9ca3af;font-size:12px;font-weight:500}.report-reasons{display:flex;flex-wrap:wrap;gap:6px}.reason-badge{align-items:center;border-radius:8px;box-shadow:0 2px 6px #00000026;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:5px 10px;text-transform:capitalize}.reason-badge.large{font-size:13px;padding:7px 14px}.reason-badge span:first-child{font-size:14px;line-height:1}.post-preview{display:flex;flex-direction:column;gap:10px}.preview-image{background:#f4f6fc;border-radius:10px;height:180px;overflow:hidden;width:100%}.preview-image img{height:100%;object-fit:cover;width:100%}.preview-content{flex:1 1}.preview-content p{color:#4b5068;font-size:14px;line-height:1.5;margin:0}.no-text-note{color:#9ca3af!important;font-style:italic}.author-info-bar{align-items:center;background:#f8f9fc;border-radius:8px;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding:10px}.author-label{color:#9ca3af;font-weight:500}.author-name{color:#1a1d23;font-weight:700}.author-email{color:#6b7280}.report-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:700;gap:6px;justify-content:center;min-width:110px;padding:10px 14px;transition:all .18s}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn svg{height:16px;width:16px}.action-btn.view{background:#eff6ff;border:1.5px solid #bfdbfe;color:#2563eb}.action-btn.view:hover{background:#dbeafe}.action-btn.dismiss{background:#f0fdf4;border:1.5px solid #bbf7d0;color:#16a34a}.action-btn.dismiss:hover{background:#dcfce7}.action-btn.warn{background:#fffbeb;border:1.5px solid #fde68a;color:#d97706}.action-btn.warn:hover{background:#fef3c7}.action-btn.delete{background:#fef2f2;border:1.5px solid #fecaca;color:#dc2626}.action-btn.delete:hover{background:#fee2e2}.modal-overlay{align-items:center;animation:modalOverlayIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0f1ea6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-card{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 12px 48px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1.5px solid #e8ecf4;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1a1d23;font-size:20px;font-weight:700;margin:0}.modal-close{align-items:center;background:#f4f6fc;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .18s;width:36px}.modal-close:hover{background:#e8ecf4;color:#1a1d23}.modal-body{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:20px 24px}.detail-section h3{color:#6b7280;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:#9ca3af;font-size:12px;font-weight:500}.detail-value{color:#1a1d23;font-size:15px;font-weight:700}.status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;text-transform:uppercase}.status-badge.approved{background:#dcfce7;color:#16a34a}.status-badge.flagged{background:#fee2e2;color:#dc2626}.status-badge.pending{background:#fef3c7;color:#d97706}.post-full-preview{background:#f8f9fc;border:1.5px solid #e8ecf4;border-radius:12px;padding:16px}.preview-images{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:12px}.preview-images img{border:1.5px solid #e8ecf4;border-radius:8px;height:160px;object-fit:cover;width:100%}.full-content{color:#1a1d23;font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.no-content-note{color:#9ca3af;font-size:14px;font-style:italic;margin:0}.author-detail-card{align-items:center;background:#f8f9fc;border:1.5px solid #e8ecf4;border-radius:12px;display:flex;gap:14px;padding:16px}.author-avatar{align-items:center;background:linear-gradient(135deg,#69c,#47a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.author-detail-info{display:flex;flex-direction:column;gap:4px}.author-detail-name{color:#1a1d23;font-size:15px;font-weight:700}.author-detail-email{color:#6b7280;font-size:13px}.author-detail-id{color:#9ca3af;font-size:12px}.modal-footer{background:#f8f9fc;border-top:1.5px solid #e8ecf4;display:flex;flex-wrap:wrap;gap:10px;padding:16px 24px}.modal-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-width:140px;padding:13px 16px;transition:all .18s}.modal-action-btn:disabled{cursor:not-allowed;opacity:.5}.modal-action-btn svg{height:18px;width:18px}.modal-action-btn.dismiss{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e40;color:#fff}.modal-action-btn.dismiss:hover{box-shadow:0 4px 12px #22c55e59;transform:translateY(-2px)}.modal-action-btn.warn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b40;color:#fff}.modal-action-btn.warn:hover{box-shadow:0 4px 12px #f59e0b59;transform:translateY(-2px)}.modal-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444440;color:#fff}.modal-action-btn.delete:hover{box-shadow:0 4px 12px #ef444459;transform:translateY(-2px)}@media (max-width:768px){.admin-reports-container{padding:16px}.admin-reports-header h1{font-size:24px}.header-icon-badge{height:48px;width:48px}.filter-tabs{overflow-x:auto;width:100%}.reports-grid{gap:16px}.report-actions{flex-direction:column}.action-btn{min-width:0;min-width:auto}.modal-footer{flex-direction:column}.modal-action-btn{min-width:0;min-width:auto}}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{animation:arToastIn .25s ease,arToastOut .3s ease 3.7s forwards;border-radius:10px;box-shadow:0 4px 20px #0003;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;max-width:340px;padding:12px 18px;pointer-events:all}.toast-error{background:#dc2626}.toast-success{background:#10b981}@keyframes arToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes arToastOut{to{opacity:0;transform:translateY(12px)}}.confirm-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;z-index:100001}.confirm-box{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;max-width:400px;padding:32px 28px 24px;text-align:center;width:90%}.confirm-icon{color:#dc2626;margin-bottom:16px}.confirm-box p{color:#1a1d23;font-size:15px;line-height:1.5;margin:0 0 24px}.confirm-actions{justify-content:center}.confirm-btn-cancel,.confirm-btn-danger,.confirm-btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.confirm-btn-cancel{background:#f0f2f5;color:#1a1d23}.confirm-btn-cancel:hover{background:#e4e6eb}.confirm-btn-danger{background:#dc2626;color:#fff}.confirm-btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.confirm-btn-primary{background:#47a;color:#fff}.confirm-btn-primary:hover{background:#36a;transform:translateY(-1px)}.error-state{background:#fff;border:1.5px solid #e8ecf4;border-radius:16px;padding:60px 32px;text-align:center}.error-state svg{color:#dc2626;margin-bottom:16px}.error-state h3{color:#1a1d23;font-size:18px;font-weight:700;margin:0 0 8px}.error-state p{color:#6b7280;font-size:14px;margin:0 0 20px}.retry-btn{background:#47a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.retry-btn:hover{background:#36a;transform:translateY(-2px)}.ar-pagination{gap:10px;margin-top:28px}.ar-page-btn,.ar-pagination{align-items:center;display:flex;justify-content:center}.ar-page-btn{background:#fff;border:1.5px solid #e8ecf4;border-radius:8px;color:#1a1d23;cursor:pointer;height:38px;transition:all .18s;width:38px}.ar-page-btn:hover:not(:disabled){border-color:#47a;color:#47a}.ar-page-btn:disabled{cursor:not-allowed;opacity:.4}.ar-page-info{color:#6b7280;font-size:14px;font-weight:500}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.toggle-filters-btn{align-items:center;background:#3b5998;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:background .2s}.toggle-filters-btn:hover{background:#2d4373}.active-badge{align-items:center;background:#fff;border-radius:50%;color:#3b5998;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;margin-left:4px;width:18px}.clear-all-filters{background:none;border:1px solid #ccd0d5;border-radius:4px;color:#4b4f56;cursor:pointer;font-size:13px;padding:8px 14px;transition:background .15s}.clear-all-filters:hover{background:#f6f7f9}.filters-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.active-filters-label{color:#90949c;font-size:12px;font-weight:700}.filter-tag{align-items:center;background:#e7f3ff;border:1px solid #3b5998;border-radius:12px;color:#3b5998;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.filter-tag button{background:none;border:none;color:#3b5998;cursor:pointer;font-size:12px;font-weight:700;line-height:1;padding:0}.filter-tag button:hover{color:#dc2626}.student-details{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.detail-badge{background:#e7f3ff;border:1px solid #ccd0d5;border-radius:10px;color:#3b5998;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.toast-stack{bottom:24px;display:flex;flex-direction:column;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:999999}.toast,.toast-stack{align-items:center;gap:8px}.toast{animation:toastIn .28s cubic-bezier(.34,1.56,.64,1) both,toastOut .22s ease 2.6s both;border-radius:100px;box-shadow:0 4px 20px #0000002e;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;max-width:90vw;padding:10px 18px;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(6px)}}.toast--success{background:#1a1d23;color:#fff}.toast--success svg{color:#4ade80}.toast--error{background:#e41e3f;color:#fff}.user-avatar{align-items:center;background:linear-gradient(135deg,#69c,#47a);border-radius:50%;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;transition:opacity .2s ease}.user-avatar[role=button]{cursor:pointer}.user-avatar[role=button]:hover{opacity:.82}.user-avatar[role=button]:focus-visible{outline:2px solid #47a;outline-offset:2px}.user-avatar img{display:block;height:100%;object-fit:cover;width:100%}.user-avatar__fallback{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:40%;font-weight:700;line-height:1}.author-avatar-modern .user-avatar__fallback{font-size:16px}.comment-avatar-modern .user-avatar__fallback{font-size:13px}.comment-input-avatar-modern .user-avatar__fallback{font-size:12px}.confirm-overlay{align-items:center;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0f1e8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.confirm-card{animation:reportModalIn .28s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 12px 48px #0000002e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:360px;padding:32px 28px 24px;text-align:center;width:100%}.confirm-icon-wrap{align-items:center;background:#fff0f2;border:2px solid #fecdd3;border-radius:50%;display:flex;height:52px;justify-content:center;margin:0 auto 16px;width:52px}.confirm-icon{color:#e41e3f}.confirm-title{color:#1a1d23;font-size:18px;font-weight:700;margin:0 0 8px}.confirm-body{color:#6b7280;font-size:14px;line-height:1.55;margin:0 0 24px}.confirm-actions{display:flex;gap:10px}.confirm-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;gap:6px;justify-content:center;padding:12px;transition:all .18s}.confirm-btn:disabled{cursor:not-allowed;opacity:.6}.confirm-btn--cancel{background:#f4f6fc;color:#1a1d23}.confirm-btn--cancel:not(:disabled):hover{background:#e8ecf4}.confirm-btn--danger{background:#e41e3f;color:#fff}.confirm-btn--danger:not(:disabled):hover{background:#cc1a38;transform:translateY(-1px)}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.post-card-modern{background:#fff;border:1px solid #e8ecf0;border-radius:14px;box-shadow:0 1px 6px #3c508c0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:600px;padding:16px;transition:box-shadow .2s ease;width:100%}.post-card-modern:hover{box-shadow:0 3px 16px #3c508c1a}.post-card-modern :focus-visible{border-radius:4px;outline:2px solid #47a;outline-offset:2px}.post-header-modern{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.post-author-modern{align-items:center;display:flex;flex:1 1;gap:10px}.info-icon-wrapper{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;padding:5px;position:relative;transition:background .18s;z-index:100}.info-icon-wrapper:hover{background:#f0f4ff}.info-icon-modern{color:#8892a4;opacity:.9;transition:opacity .18s}.info-icon-wrapper:hover .info-icon-modern{color:#47a;opacity:1}.author-info-modern{flex:1 1;min-width:0}.author-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.author-name-modern{color:#1a1d23;cursor:pointer;font-size:15px;font-weight:700;line-height:1.3;transition:color .18s}.author-name-modern:hover{color:#47a}.verified-icon-modern{align-items:center;color:#47a;display:inline-flex;flex-shrink:0}.post-time-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.post-time-modern{color:#8892a4;font-size:12px}.post-time-separator{color:#c8d0dc;font-size:12px}.visibility-icon-modern{align-items:center;color:#8892a4;display:inline-flex;opacity:.8}.academic-info-tooltip{animation:tooltipFadeIn .18s ease;background:#fff;border:1px solid #e8ecf4;border-radius:12px;box-shadow:0 6px 24px #3c508c24;margin-top:8px;min-width:200px;padding:10px 14px;position:absolute;right:0;top:100%;white-space:nowrap;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tooltip-row{align-items:center;color:#1a1d23;display:flex;font-size:13px;font-weight:500;gap:8px;padding:4px 0}.tooltip-icon{font-size:16px}.tooltip-text{flex:1 1}.post-menu-modern{position:relative}.menu-btn-modern{align-items:center;background:none;border:none;border-radius:50%;color:#8892a4;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;opacity:.7;padding:6px;transition:all .18s;width:32px}.menu-btn-modern:hover{background:#f0f4ff;color:#47a;opacity:1}.menu-dropdown-modern{animation:menuFadeIn .18s ease;background:#fff;border:1px solid #e8ecf4;border-radius:10px;box-shadow:0 6px 20px #3c508c24;margin-top:4px;min-width:152px;overflow:hidden;position:absolute;right:0;top:100%;z-index:999}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-item-modern{align-items:center;background:none;border:none;color:#1a1d23;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;padding:10px 14px;text-align:left;transition:background .16s;width:100%}.menu-item-modern:hover{background:#f4f6fc}.menu-item-modern.delete{color:#e41e3f}.menu-item-modern.delete:hover{background:#fff0f2}.menu-item-modern.report{color:#d97706}.menu-item-modern.report:hover{background:#fffbeb}.menu-item-modern.report.already-reported{color:#9ca3af;cursor:default;opacity:.7}.post-content-modern{margin-bottom:10px}.post-content-modern p{word-wrap:break-word;color:#1a1d23;font-size:15px;font-weight:400;line-height:1.6;margin:0;white-space:pre-wrap}.post-media-modern{border:1px solid #e8ecf4;border-radius:10px;margin-bottom:10px}.media-container-modern,.post-media-modern{background:#f4f6fc;overflow:hidden;position:relative}.media-container-modern{align-items:center;cursor:pointer;display:flex;justify-content:center}.media-container-modern,.media-image-modern{max-height:500px;min-height:300px;width:100%}.media-image-modern{display:block;height:100%;object-fit:cover}.media-skeleton-modern{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#eeeff4 25%,#e4e6ee 50%,#eeeff4 75%);background-size:200% 100%;inset:0;position:absolute}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.media-expand-hint-modern{align-items:center;background:#00000073;border-radius:7px;color:#fff;display:flex;justify-content:center;opacity:0;padding:5px;pointer-events:none;position:absolute;right:10px;top:10px;transition:opacity .2s}.media-container-modern:hover .media-expand-hint-modern{opacity:1}.media-nav-modern{align-items:center;background:#ffffffeb;border:none;border-radius:50%;color:#1a1d23;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:7px;position:absolute;top:50%;transform:translateY(-50%);transition:all .18s;z-index:2}.post-media-modern:hover .media-nav-modern{opacity:1}.media-nav-modern.prev{left:10px}.media-nav-modern.next{right:10px}.media-indicators-modern{bottom:10px;display:flex;gap:5px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.indicator-modern{background:#ffffff8c;border-radius:50%;cursor:pointer;height:6px;transition:all .18s;width:6px}.indicator-modern.active{background:#fff}.post-media-modern--video{background:#000;border:1px solid #1a1a2e;border-radius:10px;overflow:hidden}.pc-video-wrap{cursor:pointer;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:relative}.pc-video,.pc-video-wrap{background:#000;width:100%}.pc-video{display:block;max-height:460px;object-fit:contain}.pc-video-play-overlay{align-items:center;background:#00000038;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.pc-video-play-icon{color:#ffffffe6;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.pc-video-controls{align-items:center;background:linear-gradient(#0000,#000000a6);bottom:0;display:flex;gap:8px;left:0;opacity:0;padding:8px 12px;position:absolute;right:0;transition:opacity .2s}.pc-video-wrap:hover .pc-video-controls{opacity:1}.pc-video-ctrl-btn{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .18s;width:28px}.pc-video-ctrl-btn:hover{background:#ffffff52}.pc-video-progress{background:#ffffff4d;border-radius:100px;cursor:pointer;flex:1 1;height:4px;overflow:hidden}.pc-video-progress-fill{background:#fff;border-radius:100px;height:100%;pointer-events:none;transition:width .1s linear}.image-modal-overlay{align-items:center;animation:modalFadeIn .2s ease;background:#000000f0;display:flex;inset:0;isolation:isolate;justify-content:center;padding:20px;position:fixed;z-index:999999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{max-height:95vh;max-width:95vw;position:relative;z-index:1000000}.image-modal-content,.image-modal-loading{align-items:center;display:flex;justify-content:center}.image-modal-loading{height:100%;min-height:400px;position:absolute;width:100%}.image-modal-spinner{animation:spin .9s linear infinite;border:4px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-modal-img{border-radius:6px;max-height:90vh;max-width:100%;object-fit:contain}.image-modal-close{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;position:absolute;right:0;top:-50px;transition:all .18s;z-index:1000001}.image-modal-close:hover{background:#ffffff4d}.image-modal-nav{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:14px;position:absolute;top:50%;transform:translateY(-50%);transition:all .18s;z-index:1000001}.image-modal-nav:hover{background:#ffffff4d}.image-modal-nav.prev{left:20px}.image-modal-nav.next{right:20px}.image-modal-indicators{bottom:20px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:1000001}.image-modal-indicators .indicator{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;width:8px}.image-modal-indicators .indicator.active{background:#fff}.action-bar{align-items:center;border-top:1px solid #f0f2f7;display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 6px}.action-link{align-items:center;background:#fff;border:1.5px solid #e2e7f0;border-radius:8px;color:#4b5068;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:7px 18px;text-decoration:none;transition:all .18s}.action-link:hover{background:#f4f7ff;border-color:#b8c8e8;color:#1a1d23}.action-link.liked{background:#eef3ff;border-color:#47a;color:#2d5a8a}.action-link:focus-visible{outline:2px solid #47a;outline-offset:2px}.classic-separator{display:none}.share-menu-wrapper{display:inline-block;position:relative}.share-dropdown-menu{animation:menuSlideUp .18s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e8ecf4;border-radius:14px;bottom:100%;box-shadow:0 8px 28px #3c508c24;left:0;margin-bottom:8px;min-width:240px;overflow:hidden;position:absolute;z-index:900}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-menu-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f4f6fc;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:12px 16px;text-align:left;transition:background .15s;width:100%}.share-menu-item:last-child{border-bottom:none}.share-menu-icon,.share-menu-item:hover{background:#f4f6fc}.share-menu-icon{align-items:center;border-radius:50%;color:#47a;display:flex;flex-shrink:0;font-size:20px;height:38px;justify-content:center;width:38px}.share-menu-text{display:flex;flex-direction:column;gap:2px}.share-menu-text strong{color:#1a1d23;font-size:14px;font-weight:700}.share-menu-text small{color:#8892a4;font-size:12px}.engagement-signal-inline{align-items:center;border-radius:14px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:4px 10px;white-space:nowrap}.engagement-signal-inline.branch-mates{background:#f4f6fc;border:1.5px solid #e2e7f0;color:#4b5068}.signal-icon{font-size:12px}.signal-text{font-size:11px;font-weight:600}.stats-compact{align-items:center;color:#8892a4;display:flex;font-size:12px;gap:6px;margin-top:4px;padding-bottom:2px}.stat-link-compact{background:none;border:none;border-radius:5px;color:#47a;cursor:pointer;font-family:inherit;font-size:13px;padding:2px 4px;transition:all .18s}.stat-link-compact:hover{background:#eef3ff}.stat-link-compact .stat-text strong{color:#47a}.stat-separator-compact{color:#dde0e8;margin:0 2px}.modal-overlay-modern{align-items:center;animation:overlayFadeIn .18s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9000}.modal-content-modern{background:#fff;border-radius:16px;box-shadow:0 12px 40px #3c508c2e;display:flex;flex-direction:column;max-height:80vh;max-width:400px;width:100%}.modal-header-modern{align-items:center;border-bottom:1px solid #e8ecf4;display:flex;justify-content:space-between;padding:16px 20px}.modal-header-modern h3{color:#1a1d23;font-size:16px;font-weight:700;margin:0}.modal-close-modern{background:none;border:none;border-radius:8px;color:#1a1d23;cursor:pointer;opacity:.5;padding:4px;transition:all .18s}.modal-close-modern:hover{background:#f4f6fc;opacity:1}.modal-body-modern{max-height:60vh;overflow-y:auto;padding:12px}.loading-text-modern{color:#8892a4;font-size:13px;padding:20px;text-align:center}.likers-list-modern{display:flex;flex-direction:column;gap:4px}.liker-item-modern{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:8px 10px;transition:background .18s}.liker-item-modern:hover{background:#f4f6fc}.liker-info-modern{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.liker-name{color:#1a1d23;font-size:14px;font-weight:700}.liker-username{color:#8892a4;font-size:12px}.liker-avatar-modern{height:40px;width:40px}.comments-modern{border-top:1px solid #f0f2f7;margin-top:8px;padding-top:12px}.comments-list-modern{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.comment-modern{animation:commentFadeIn .22s ease;display:flex;gap:10px}@keyframes commentFadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.comment-content-modern{flex:1 1;min-width:0}.comment-bubble-modern{display:inline-block;max-width:100%}.comment-author-modern{color:#1a1d23;cursor:pointer;font-size:13px;font-weight:700;margin-right:5px;transition:color .18s}.comment-author-modern:hover{color:#47a}.comment-bubble-modern p{word-wrap:break-word;color:#1a1d23;display:inline;font-size:15px;line-height:1.45;margin:0}.comment-meta-row{align-items:center;display:flex;gap:8px;margin-top:4px}.comment-time-modern{color:#8892a4;font-size:11px}.comment-delete-btn{align-items:center;background:none;border:none;border-radius:5px;color:#c0392b;cursor:pointer;display:flex;opacity:0;padding:2px 4px;transition:opacity .18s}.comment-modern:hover .comment-delete-btn{opacity:.4}.comment-delete-btn:hover{background:#fff0f2;opacity:1!important}.add-comment-modern{align-items:center;border-top:1px solid #f0f2f7;display:flex;gap:8px;padding-top:10px}.comment-input-modern{background:#f4f6fc;border:1.5px solid #e8ecf4;border-radius:20px;color:#1a1d23;flex:1 1;font-family:inherit;font-size:13px;outline:none;padding:8px 12px;transition:all .18s}.comment-input-modern:focus{background:#fff;border-color:#69c}.comment-input-modern::placeholder{color:#b0b8c8}.comment-send-modern{align-items:center;background:none;border:none;border-radius:50%;color:#47a;cursor:pointer;display:flex;height:32px;justify-content:center;padding:5px;transition:all .18s;width:32px}.comment-send-modern:not(:disabled):hover{background:#eef3ff}.comment-send-modern:disabled{cursor:not-allowed;opacity:.3}.post-feeling-inline{align-items:center;color:#8892a4;display:inline-flex;font-size:12px;gap:4px;margin-left:2px}.feeling-emoji-inline{font-size:14px}.feeling-label-inline{color:#4b5068;font-size:12px;font-weight:600}.post-location-inline{align-items:center;color:#69c;display:inline-flex;font-size:12px;gap:3px}.location-pin-inline{color:#69c;flex-shrink:0}.report-modal-overlay{align-items:flex-end;animation:reportOverlayIn .22s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0f1e8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}@keyframes reportOverlayIn{0%{opacity:0}to{opacity:1}}@media (min-width:640px){.report-modal-overlay{align-items:center;padding:20px}}.report-modal-card{animation:reportSheetUp .3s cubic-bezier(.32,.72,0,1);background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 40px #0000002e;font-family:inherit;max-width:440px;overflow:hidden;width:100%}@media (min-width:640px){.report-modal-card{animation:reportModalIn .28s cubic-bezier(.34,1.56,.64,1);border-radius:20px}}@keyframes reportSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes reportModalIn{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.report-modal-header{align-items:center;border-bottom:1px solid #f0f2f7;display:flex;justify-content:space-between;padding:20px 20px 14px}.report-header-left{align-items:center;display:flex;gap:12px}.report-flag-badge{align-items:center;background:#fef3c7;border:1.5px solid #fbbf24;border-radius:10px;color:#92400e;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.report-modal-header h3{color:#1a1d23;font-size:16px;font-weight:700;margin:0 0 2px}.report-modal-header p{color:#8892a4;font-size:13px;margin:0}.report-close-btn{align-items:center;background:#f4f6fc;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .18s;width:30px}.report-close-btn:hover{background:#e8ecf4}.report-reasons-list{display:flex;flex-direction:column;gap:2px;padding:8px 12px}.report-reason-item{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:10px;text-align:left;transition:background .16s;width:100%}.report-reason-item:hover{background:#f8f9fc}.report-reason-item.selected{background:#eff6ff}.report-reason-emoji{flex-shrink:0;font-size:22px;text-align:center;width:30px}.report-reason-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.report-reason-label{color:#1a1d23;font-size:14px;font-weight:700}.report-reason-desc{color:#8892a4;font-size:12px}.report-radio{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .18s;width:20px}.report-radio.checked{background:#3b82f6;border-color:#3b82f6}.report-radio-dot{background:#fff;border-radius:50%;height:8px;width:8px}.report-modal-footer{border-top:1px solid #f0f2f7;display:flex;flex-direction:column;gap:10px;padding:12px 20px 24px}.report-submit-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.report-submit-btn:not(:disabled):hover{background:#2563eb;transform:translateY(-1px)}.report-submit-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.report-btn-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.report-note{color:#9ca3af;font-size:12px;margin:0;text-align:center}.report-done-state{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 32px;text-align:center}.report-done-checkmark{margin-bottom:4px}.report-done-circle{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:64px;justify-content:center;margin:0 auto;width:64px}.report-done-state h3{color:#1a1d23;font-size:18px;font-weight:700;margin:0}.report-done-state p{color:#6b7280;font-size:14px;line-height:1.55;margin:0;max-width:280px}.post-content-link{align-items:center;border-radius:4px;color:#47a;display:inline-flex;font-weight:600;gap:3px;padding:0 2px;text-decoration:none;transition:background .15s}.post-content-link:hover{background:#eef3ff;text-decoration:underline}.post-link-icon{flex-shrink:0;opacity:.7}.post-link-preview-card{align-items:center;background:#f4f6fc;border:1.5px solid #e2e7f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin:8px 0 10px;overflow:hidden;padding:10px 14px;text-decoration:none;transition:all .18s}.post-link-preview-card:hover{background:#eef3ff;border-color:#b8c8e8}.plp-icon-wrap{align-items:center;background:#dde6f5;border-radius:8px;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.plp-icon{color:#47a}.plp-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.plp-domain{color:#1a1d23;font-size:13px;font-weight:700}.plp-domain,.plp-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plp-url{color:#8892a4;font-size:11px}.plp-arrow{color:#8892a4;flex-shrink:0;font-size:15px}.inline-mention{color:#5b4fd4;padding:1px 6px 2px;text-decoration:none}.inline-hashtag,.inline-mention{border-radius:5px;cursor:pointer;display:inline;font-size:.93em;font-weight:700;margin:0 1px;transition:background .15s,color .15s}.inline-hashtag{color:#2d5aaa;line-height:inherit;padding:1px 7px 2px;white-space:nowrap}.hashtag-trend-bar{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 10px}.hashtag-trend-pill{align-items:center;background:#fff;border:1.5px solid #dde6f5;border-radius:20px;color:#2d5aaa;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:4px;padding:4px 8px 4px 7px;transition:all .18s}.hashtag-trend-pill:hover{background:#eef4ff;border-color:#b8cce8;transform:translateY(-1px)}.htp-hash{font-size:11px;font-weight:800;opacity:.55}.htp-label{font-size:12px;font-weight:700;letter-spacing:-.01em}.htp-count{align-items:center;background:#2d5aaa;border-radius:100px;color:#fff;display:inline-flex;font-size:10px;font-weight:800;height:17px;justify-content:center;line-height:1;margin-left:2px;min-width:20px;padding:0 5px}@media (max-width:640px){.post-card-modern{padding:12px}.author-name-modern,.post-content-modern p{font-size:14px}.media-container-modern{max-height:340px}.action-link{font-size:12px;padding:6px 14px}.hashtag-trend-pill{font-size:11px;padding:3px 7px 3px 6px}.comment-delete-btn{opacity:.4}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.edit-post-modal-card{max-width:500px!important;padding:24px 24px 20px!important;text-align:left!important}.edit-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.edit-modal-header-left{align-items:center;display:flex;gap:10px}.edit-modal-icon-wrap{background:#eef3ff;border:1.5px solid #c7d9f5;border-radius:10px;color:#47a;height:34px;width:34px}.edit-modal-close-btn,.edit-modal-icon-wrap{align-items:center;display:flex;flex-shrink:0;justify-content:center}.edit-modal-close-btn{background:#f4f6fc;border:none;border-radius:50%;color:#6b7280;cursor:pointer;height:30px;transition:all .18s;width:30px}.edit-modal-close-btn:hover:not(:disabled){background:#e8ecf4;color:#1a1d23}.edit-modal-close-btn:disabled{cursor:not-allowed;opacity:.4}.edit-modal-body{margin-bottom:18px}.edit-post-textarea{background:#f8fafc;border:1.5px solid #e2e7f0;border-radius:10px;box-sizing:border-box;color:#1a1d23;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;min-height:120px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .18s,background .18s;width:100%}.edit-post-textarea:focus{background:#fff;border-color:#69c}.edit-post-textarea:disabled{cursor:not-allowed;opacity:.6}.edit-post-textarea::placeholder{color:#b0b8c8}.edit-char-counter{color:#9ca3af;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;margin-top:5px;text-align:right;transition:color .18s}.edit-char-counter.near-limit{color:#d97706}.edit-char-counter.over-limit{color:#e41e3f;font-weight:700}.confirm-btn--save{background:#47a;color:#fff}.confirm-btn--save:not(:disabled):hover{background:#2d5a8a;transform:translateY(-1px)}.confirm-btn--save:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.menu-item-modern.edit{color:#47a}.menu-item-modern.edit:hover{background:#eef3ff}.post-edited-badge{color:#9ca3af;font-size:11px;font-style:italic;margin-left:1px}.mention-input-wrap{position:relative;width:100%}.mention-textarea{background:#f4f6fc;border:none;border-radius:8px;box-sizing:border-box;color:#1a1d23;font-family:inherit;font-size:15px;line-height:1.4;margin-bottom:8px;outline:none;padding:8px 10px;resize:none;transition:background .18s;width:100%}.mention-textarea:focus{background:#f8faff}.mention-textarea::placeholder{color:#8892a4}.mention-textarea:disabled{opacity:.6}.mention-dropdown{animation:mentionDropIn .18s cubic-bezier(.4,0,.2,1);background:#fff;border:1.5px solid #e2e7f0;border-radius:14px;box-shadow:0 8px 32px #3c508c2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:320px;min-width:240px;overflow:hidden;position:fixed;z-index:999999}@keyframes mentionDropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mention-dropdown-header{align-items:center;border-bottom:1px solid #f0f2f7;display:flex;gap:6px;padding:8px 12px 6px}.mention-at-icon{align-items:center;background:#eef3ff;border-radius:6px;color:#47a;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:22px;justify-content:center;width:22px}.mention-query-text{color:#47a;font-size:12px;font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-loading{align-items:center;color:#8892a4;display:flex;font-size:13px;gap:8px;padding:12px 14px}.mention-spinner{animation:mentionSpin .7s linear infinite;border:2px solid #e8ecf4;border-radius:50%;border-top-color:#47a;display:inline-block;flex-shrink:0;height:14px;width:14px}@keyframes mentionSpin{to{transform:rotate(1turn)}}.mention-empty{color:#8892a4;font-size:13px;padding:12px 14px;text-align:center}.mention-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:9px 12px;text-align:left;transition:background .14s;width:100%}.mention-item--active,.mention-item:hover{background:#f0f5ff}.mention-item:focus-visible{outline:2px solid #47a;outline-offset:-2px}.mi-avatar{align-items:center;background:linear-gradient(135deg,#69c,#47a);border-radius:50%;box-shadow:0 2px 6px #47a3;display:flex;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;width:34px}.mi-avatar img{display:block;height:100%;object-fit:cover;width:100%}.mi-avatar span{color:#fff;font-size:14px;font-weight:700;line-height:1}.mention-item-text{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.mention-item-name{color:#1a1d23;font-size:14px;font-weight:700;line-height:1.25}.mention-item-name,.mention-item-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-item-username{color:#8892a4;font-size:12px}.mention-item-verified{color:#47a;flex-shrink:0;font-size:13px;font-weight:700}.mention-tag{border-radius:4px;color:#2d6fbb;cursor:pointer;display:inline;font-weight:700;padding:0 2px;text-decoration:none;transition:background .15s,color .15s}.mention-tag:hover{background:#eef4ff;color:#1a5aa8}.mention-tag:focus-visible{border-radius:4px;outline:2px solid #47a;outline-offset:2px}.hashtag-tag{border-radius:4px;color:#0f7ab0;cursor:pointer;display:inline;font-weight:700;padding:0 2px;text-decoration:none;transition:background .15s,color .15s}.hashtag-tag:hover{background:#e8f4ff;color:#0a5f8a}.hashtag-tag:focus-visible{border-radius:4px;outline:2px solid #0f7ab0;outline-offset:2px}@media (max-width:640px){.mention-dropdown{max-width:calc(100vw - 32px);min-width:200px}}@media (prefers-reduced-motion:reduce){.mention-dropdown,.mention-spinner{animation:none!important;transition:none!important}}.poll-builder{animation:pollBuilderIn .2s cubic-bezier(.34,1.56,.64,1);background:#f8faff;border:1.5px solid #dde6f5;border-radius:14px;margin-bottom:10px;padding:14px}@keyframes pollBuilderIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.poll-label{color:#8892a4;display:block;font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.poll-question-wrap{margin-bottom:12px}.poll-question-input{background:#fff;border:1.5px solid #e2e7f0;border-radius:10px;box-sizing:border-box;color:#1a1d23;font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:border-color .18s,box-shadow .18s;width:100%}.poll-question-input:focus{border-color:#69c;box-shadow:0 0 0 3px #4477aa1a}.poll-question-input::placeholder{color:#b0b8c8}.poll-question-input:disabled{opacity:.6}.poll-options-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.poll-options-count{color:#8892a4;font-size:11px;font-weight:600}.poll-options-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 8px;padding:0}.poll-option-row{align-items:center;animation:optionSlideIn .16s ease;display:flex;gap:8px}@keyframes optionSlideIn{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.poll-option-letter{align-items:center;background:#47a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:800;height:22px;justify-content:center;width:22px}.poll-option-input{background:#fff;border:1.5px solid #e2e7f0;border-radius:9px;color:#1a1d23;flex:1 1;font-family:inherit;font-size:13px;outline:none;padding:8px 10px;transition:border-color .18s,box-shadow .18s}.poll-option-input:focus{border-color:#69c;box-shadow:0 0 0 2px #4477aa1a}.poll-option-input::placeholder{color:#b0b8c8}.poll-option-input:disabled{opacity:.6}.poll-option-remove{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#e41e3f;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .18s;width:24px}.poll-option-remove:hover{background:#fecaca;transform:scale(1.1)}.poll-option-remove:disabled{cursor:not-allowed;opacity:.4}.poll-add-option-btn{align-items:center;background:#0000;border:1.5px dashed #c4d0e8;border-radius:9px;color:#47a;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:700;gap:5px;justify-content:center;margin-bottom:12px;padding:7px 12px;transition:all .18s;width:100%}.poll-add-option-btn:hover:not(:disabled){background:#f0f5ff;border-color:#69c}.poll-add-option-btn:disabled{cursor:not-allowed;opacity:.5}.poll-duration-wrap{margin-bottom:10px}.poll-duration-chips{display:flex;flex-wrap:wrap;gap:6px}.poll-duration-chip{background:#fff;border:1.5px solid #e2e7f0;border-radius:20px;color:#4b5068;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:5px 12px;transition:all .18s}.poll-duration-chip:hover:not(:disabled){background:#f0f5ff;border-color:#69c;color:#47a}.poll-duration-chip.selected{background:#47a;border-color:#47a;color:#fff}.poll-duration-chip:disabled{cursor:not-allowed;opacity:.5}.poll-preview-hint{align-items:center;color:#8892a4;display:flex;font-size:11px;gap:5px}.poll-hint-icon{color:#69c}.poll-display{background:#fff;border:1.5px solid #e8ecf5;border-radius:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin-bottom:12px;padding:14px 16px}.poll-display-badge{align-items:center;background:#eef4fb;border:1.5px solid #d0e2f5;border-radius:20px;color:#47a;display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.2px;margin-bottom:10px;padding:4px 10px 4px 8px}.poll-display-question{color:#1a1d23;font-size:15px;font-weight:700;line-height:1.4;margin:0 0 14px}.poll-display-options{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 12px;padding:0}.poll-display-option{position:relative}.poll-display-btn{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:5px;padding:0;text-align:left;width:100%}.poll-display-btn:disabled{cursor:default}.poll-option-row-top{align-items:center;display:flex;gap:8px;width:100%}.poll-option-icon{filter:grayscale(.2);flex-shrink:0;font-size:14px;line-height:1;text-align:center;width:20px}.poll-option-text-display{align-items:center;color:#1a1d23;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:5px;min-width:0}.poll-option-text-display--voted{color:#2d5a8a;font-weight:700}.poll-check-icon,.poll-pct-display{color:#47a;flex-shrink:0}.poll-pct-display{font-size:13px;font-weight:800;line-height:1;min-width:36px;text-align:right}.poll-bar-track{background:#eef0f5;border-radius:100px;height:5px;overflow:hidden;width:100%}.poll-bar-fill-bar{background:linear-gradient(90deg,#47a,#69c);border-radius:100px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.poll-bar-fill-bar--voted{background:linear-gradient(90deg,#2d5a8a,#47a)}.poll-display-btn--votable:not(:disabled):hover .poll-option-text-display{color:#47a}.poll-display-footer{align-items:center;border-top:1px solid #f0f2f7;color:#8892a4;display:flex;font-size:12px;font-weight:500;gap:8px;padding-top:10px}.poll-display-footer svg{opacity:.7;vertical-align:middle}.poll-expired-tag{color:#9ca3af;font-size:11px;font-weight:600}@media (max-width:640px){.poll-builder{padding:12px}.poll-duration-chips{gap:4px}.poll-duration-chip{font-size:10px;padding:4px 8px}.poll-display{padding:12px 14px}.poll-display-question{font-size:14px}}@media (prefers-reduced-motion:reduce){.poll-bar-fill-bar,.poll-builder,.poll-display-btn,.poll-option-row{animation:none!important;transition:none!important}}.pp-wrapper{background:#f0f2f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:20px 16px 40px}.pp-nav{align-items:center;display:flex;gap:16px;margin:0 auto 20px;max-width:640px}.pp-back-btn{background:#fff;border:1px solid #e8ecf4;border-radius:8px;box-shadow:0 1px 4px #00000012;color:#47a;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 16px;transition:background .18s,box-shadow .18s,transform .15s;white-space:nowrap}.pp-back-btn:hover{background:#eef3ff;box-shadow:0 2px 8px #4477aa26;transform:translateX(-2px)}.pp-back-btn:focus-visible{outline:2px solid #47a;outline-offset:2px}.pp-breadcrumb{align-items:center;color:#8892a4;display:flex;flex-wrap:wrap;font-size:13px;gap:4px}.pp-breadcrumb a{color:#47a;font-weight:600;text-decoration:none;transition:color .15s}.pp-breadcrumb a:hover{color:#36a;text-decoration:underline}.pp-breadcrumb span{color:#c8d0dc}.pp-post-wrap{margin:0 auto;max-width:640px}.pp-post-wrap .post-card-modern{margin-left:0;margin-right:0;max-width:100%}.pp-loading{align-items:center;color:#47a;display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:14px;justify-content:center;min-height:340px}.pp-spinner{animation:pp-spin .9s linear infinite;border:4px solid #e9ebee;border-radius:50%;border-top-color:#69c;height:40px;width:40px}@keyframes pp-spin{to{transform:rotate(1turn)}}.pp-error-card{align-items:center;background:#fff;border:1.5px solid #fca5a5;border-radius:16px;box-shadow:0 4px 24px #ef44441a;display:flex;flex-direction:column;gap:12px;margin:60px auto 0;max-width:420px;padding:48px 32px;text-align:center}.pp-error-icon{font-size:52px;line-height:1;margin-bottom:4px}.pp-error-card h2{color:#1a1d23;font-size:20px;font-weight:700;margin:0}.pp-error-card p{color:#6b7280;font-size:14px;line-height:1.6;margin:0;max-width:320px}.pp-error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.pp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;padding:10px 22px;text-decoration:none;transition:all .18s}.pp-btn--back{background:#f4f6fc;border:1px solid #e0e4ef;color:#4b5068}.pp-btn--back:hover{background:#e8ecf4}.pp-btn--home{background:linear-gradient(135deg,#69c,#47a);box-shadow:0 2px 8px #4477aa40;color:#fff}.pp-btn--home:hover{background:linear-gradient(135deg,#58b,#369);box-shadow:0 4px 14px #4477aa4d;transform:translateY(-1px)}@media (max-width:680px){.pp-wrapper{padding:12px 10px 32px}.pp-nav{gap:10px;margin-bottom:14px}.pp-back-btn{padding:7px 12px}.pp-back-btn,.pp-breadcrumb{font-size:12px}.pp-error-card{margin-top:30px;padding:32px 20px}}.tour-page{background:#f0f4fa;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.tour-navbar{align-items:center;background:linear-gradient(180deg,#69c,#47a);box-shadow:0 2px 6px #0000002e;display:flex;flex-shrink:0;height:50px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.tour-brand{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.5px;text-decoration:none}.tour-nav-right{align-items:center;display:flex;gap:16px}.tour-nav-link{color:#ffffffe0;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.tour-nav-link:hover{color:#fff}.tour-nav-btn{background:#fff;border-radius:5px;color:#344e88;font-size:13px;font-weight:600;padding:6px 18px;text-decoration:none;transition:background .15s}.tour-nav-btn:hover{background:#eef2fb}.tour-progress-bar{background:#dde3ef;flex-shrink:0;height:3px;position:relative}.tour-progress-fill{background:linear-gradient(90deg,#69c,#344e88);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.tour-step-counter{color:#606770;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.3px;padding:8px 28px 0;text-align:right}.tour-main{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1100px;padding:20px 24px 32px;width:100%}.tour-content-wrap{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin-bottom:32px;transition:opacity .22s ease,transform .22s ease;width:100%}.tour-visible{opacity:1;transform:translateX(0)}.tour-hidden.tour-from-right{opacity:0;transform:translateX(24px)}.tour-hidden.tour-from-left{opacity:0;transform:translateX(-24px)}.tour-info-col{display:flex;flex-direction:column;gap:16px}.tour-step-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.2px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.tour-step-emoji{font-size:16px;line-height:1}.tour-step-title{color:#1c1e21;font-size:clamp(26px,3.5vw,36px);font-weight:700;letter-spacing:-.5px;line-height:1.2}.tour-step-subtitle{color:#606770;font-size:15px;font-weight:600;margin-top:-8px}.tour-step-desc{color:#444950;font-size:14px;line-height:1.7}.tour-highlights{display:flex;flex-direction:column;gap:10px;list-style:none;margin-top:4px}.tour-highlights li{align-items:center;color:#1c1e21;display:flex;font-size:14px;font-weight:500;gap:10px}.tour-check{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.tour-nav-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.tour-btn-prev{background:#fff;border:1.5px solid #ccd0d5;border-radius:5px;color:#606770;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:11px 22px;transition:all .15s}.tour-btn-prev:hover{background:#f0f4fb;border-color:#47a;color:#344e88}.tour-btn-next{border:none;border-radius:5px;box-shadow:0 3px 8px #344e8840;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:11px 28px;transition:opacity .15s,transform .15s,box-shadow .15s}.tour-btn-next:hover{box-shadow:0 5px 14px #344e884d;opacity:.92;transform:translateY(-1px)}.tour-btn-next:active{transform:translateY(0)}.tour-login-hint{color:#606770;font-size:13px;margin-top:-4px}.tour-login-hint a{color:#344e88;font-weight:600;text-decoration:none}.tour-login-hint a:hover{text-decoration:underline}.tour-mockup-col{align-items:center;display:flex;justify-content:center;position:relative}.tour-mockup-glow{border-radius:24px;filter:blur(32px);inset:-20px;opacity:.6;pointer-events:none;position:absolute;z-index:0}.mockup-window{background:#fff;border:1px solid #dde3ef;border-radius:10px;box-shadow:0 8px 40px #344e8826,0 2px 8px #00000014;max-width:460px;overflow:hidden;position:relative;width:100%;z-index:1}.mockup-bar{align-items:center;background:#f0f2f5;border-bottom:1px solid #dde3ef;display:flex;gap:6px;padding:8px 12px}.mockup-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.mockup-dot.r{background:#ff5f57}.mockup-dot.y{background:#febc2e}.mockup-dot.g{background:#28c840}.mockup-url{background:#fff;border:1px solid #dde3ef;border-radius:4px;color:#8a8d91;flex:1 1;font-family:Courier New,monospace;font-size:11px;margin-left:10px;padding:2px 10px}.mockup-body{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:hidden;padding:14px}.mock-welcome-card{background:linear-gradient(135deg,#344e88,#47a);border-radius:8px;color:#fff;padding:14px 16px}.mock-welcome-sub{display:block;font-size:11px;margin-bottom:4px;opacity:.85}.mock-college-name{font-size:14px;font-weight:700;margin-bottom:8px}.mock-stats-row{display:flex;flex-wrap:wrap;font-size:11px;gap:12px;opacity:.85}.mock-post-card{background:#fff;border:1px solid #e4e6eb;border-radius:8px;display:flex;flex-direction:column;gap:7px;padding:10px 12px}.mock-post-header{gap:8px}.mock-avatar,.mock-post-header{align-items:center;display:flex}.mock-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}.mock-username{color:#1c1e21;font-size:12px;font-weight:700}.mock-verify{color:#47a;font-size:11px}.mock-time{color:#8a8d91;font-size:10px}.mock-post-body{color:#1c1e21;font-size:12px;line-height:1.5}.mock-post-actions{border-top:1px solid #f0f2f5;color:#606770;display:flex;font-size:11px;font-weight:600;gap:16px;padding-top:4px}.mock-profile-header{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;gap:12px;padding-bottom:10px}.mock-profile-pic{align-items:center;background:linear-gradient(135deg,#47a,#344e88);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.mock-profile-name{color:#1c1e21;font-size:15px;font-weight:700}.mock-profile-college{color:#606770;font-size:11px}.mock-info-section{display:flex;flex-direction:column;gap:5px}.mock-info-title{color:#8a8d91;font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:2px}.mock-info-row{border-bottom:1px solid #f0f2f5;color:#1c1e21;display:flex;font-size:11px;justify-content:space-between;padding:3px 0}.mock-info-row span:first-child{color:#606770}.mock-skill-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.mock-tag{background:#e8f0fb;border-radius:12px;color:#344e88;font-size:10px;font-weight:600;padding:3px 8px;white-space:nowrap}.mock-tag.sm{font-size:9px;padding:2px 7px}.mock-browse-title{color:#1c1e21;font-size:13px;font-weight:700}.mock-filter-row{display:flex;flex-wrap:wrap;gap:6px}.mock-filter-chip{background:#fff;border:1px solid #ccd0d5;border-radius:12px;color:#606770;cursor:pointer;font-size:10px;font-weight:600;padding:3px 10px}.mock-filter-chip.active{background:#344e88;border-color:#344e88;color:#fff}.mock-person-row{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:7px;display:flex;gap:10px;padding:8px}.mock-person-info{flex:1 1}.mock-person-name{color:#1c1e21;font-size:12px;font-weight:700}.mock-person-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.mock-looking-header{color:#606770;font-size:11px;font-weight:700;letter-spacing:.5px}.mock-type-chips{display:flex;flex-wrap:wrap;gap:5px}.mock-type-chip{background:#fff;border:1px solid #ccd0d5;border-radius:16px;color:#1c1e21;cursor:pointer;font-size:10px;font-weight:600;padding:4px 10px}.mock-type-chip.active{background:#344e88;border-color:#344e88;color:#fff}.mock-skill-label{color:#8a8d91;font-size:10px;font-weight:700;letter-spacing:.5px}.mock-skill-chips{display:flex;flex-wrap:wrap;gap:5px}.mock-skill-chip{background:#fff;border:1px solid #ccd0d5;border-radius:12px;color:#606770;font-size:10px;padding:3px 9px}.mock-post-preview-card{background:#fff;border:1px solid #e4e6eb;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.mock-badge-type{background:#e8f0fb;border-radius:10px;color:#344e88;font-size:9px;font-weight:600;margin-left:6px;padding:2px 6px}.mock-tag-row{display:flex;flex-wrap:wrap;gap:5px}.mock-connect-btn{align-self:flex-end;background:linear-gradient(180deg,#69c,#47a);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:6px 14px}.mock-confess-hero{align-items:center;background:linear-gradient(135deg,#1c1e21,#344e88);border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:6px;padding:14px;text-align:center}.mock-confess-title{font-size:13px;font-weight:700}.mock-confess-sub{font-size:10px;line-height:1.4;opacity:.75}.mock-confess-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.mock-confess-badges span{background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;font-size:10px;padding:2px 8px}.mock-anon-post{background:#fff;border:1px solid #e4e6eb;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.mock-anon-header{color:#8a8d91;font-size:11px;font-weight:600}.mock-events-title{color:#1c1e21;font-size:14px;font-weight:700}.mock-event-card{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:8px;display:flex;gap:10px;overflow:hidden;padding:10px 12px}.mock-event-color-bar{border-radius:2px;flex-shrink:0;height:36px;width:4px}.mock-event-info{flex:1 1}.mock-event-name{color:#1c1e21;font-size:12px;font-weight:700}.mock-event-date{color:#8a8d91;font-size:10px;margin-top:2px}.mock-event-type{border-radius:10px;font-size:10px;font-weight:600;padding:3px 8px;white-space:nowrap}.messages-mock{flex-direction:row!important;gap:0!important;max-height:400px;padding:0!important}.mock-chat-list{border-right:1px solid #e4e6eb;display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:10px 8px;width:44%}.mock-chat-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:7px 6px}.mock-chat-row.unread{background:#f0f4fb}.mock-chat-info{flex:1 1;overflow:hidden}.mock-chat-name{align-items:center;color:#1c1e21;display:flex;font-size:11px;font-weight:700;gap:5px}.mock-unread-dot{background:#344e88;border-radius:50%;display:inline-block;height:7px;width:7px}.mock-chat-preview{color:#8a8d91;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-chat-time{color:#bcc0c4;font-size:9px}.mock-chat-window{background:#f7f8fa;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow:hidden;padding:12px 10px}.mock-msg{border-radius:14px;font-size:11px;line-height:1.4;max-width:88%;padding:7px 10px}.mock-msg.received{align-self:flex-start;background:#fff;border:1px solid #e4e6eb;border-bottom-left-radius:4px;color:#1c1e21}.mock-msg.sent{align-self:flex-end;background:linear-gradient(135deg,#47a,#344e88);border-bottom-right-radius:4px;color:#fff}.cta-mock{align-items:center;background:linear-gradient(135deg,#f0f4fa,#e8f0fb);justify-content:center;min-height:320px}.mock-register-card{background:#fff;border:1px solid #dde3ef;border-radius:10px;box-shadow:0 4px 16px #344e881f;display:flex;flex-direction:column;gap:10px;max-width:280px;padding:24px 20px;width:100%}.mock-register-logo{color:#344e88;font-size:18px;font-weight:700;text-align:center}.mock-register-sub{color:#606770;font-size:11px;text-align:center}.mock-register-field{align-items:center;background:#f9f9f9;border:1px solid #ccd0d5;border-radius:5px;color:#8a8d91;display:flex;font-size:11px;gap:8px;padding:8px 10px}.mock-register-btn{background:linear-gradient(180deg,#69c,#47a);border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:10px;text-align:center}.mock-register-note{color:#2d7a4a;font-size:10px;font-weight:600;text-align:center}.tour-dots{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.tour-dot{background:#ccd0d5;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s;width:8px}.tour-dot.active{border-radius:4px;width:22px}.tour-dot:hover:not(.active){background:#8a8d91}.tour-skip-wrap{text-align:center}.tour-skip{color:#8a8d91;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s}.tour-skip:hover{color:#344e88}.tour-keyboard-hint{color:#bcc0c4;font-size:11px;margin-top:8px;text-align:center}a:focus-visible,button:focus-visible{border-radius:3px;outline:2px solid #3b5998;outline-offset:2px}@media (max-width:900px){.tour-content-wrap{gap:28px;grid-template-columns:1fr}.tour-mockup-col{order:-1}.mockup-window{max-width:100%}.mock-chat-list{width:42%}}@media (max-width:600px){.tour-main{padding:16px 16px 24px}.tour-step-title{font-size:24px}.tour-content-wrap{gap:20px}.tour-navbar{padding:0 16px}.mock-confess-badges{align-items:center;flex-direction:column}.messages-mock{flex-direction:column!important}.mock-chat-list{border-bottom:1px solid #e4e6eb;border-right:none;max-height:120px;width:100%}}@media (prefers-reduced-motion:reduce){.tour-content-wrap,.tour-progress-fill{transition:none}.tour-btn-next:hover,.tour-btn-prev:hover{transform:none}}@media print{.tour-dots,.tour-keyboard-hint,.tour-nav-btns,.tour-skip-wrap{display:none}.tour-content-wrap{grid-template-columns:1fr}.tour-mockup-col{display:none}}:root{--r-bg:#070710;--r-surface:#0d0d1a;--r-surface2:#13132a;--r-border:#ffffff12;--r-border2:#ffffff1f;--r-neon:#5b5ef4;--r-neon2:#f45b8d;--r-neon3:#5bf4c8;--r-gold:#f4c35b;--r-grad:linear-gradient(135deg,#5b5ef4,#f45b8d);--r-grad-warm:linear-gradient(135deg,#f45b8d,#f4c35b);--r-grad-cool:linear-gradient(135deg,#5bf4c8,#5b5ef4);--r-text:#f0f0ff;--r-muted:#f0f0ff80;--r-muted2:#f0f0ffb3;--r-radius:16px;--r-ease:cubic-bezier(0.34,1.56,0.64,1);--r-ease-out:cubic-bezier(0.22,1,0.36,1);--r-font-head:"Space Grotesk","Outfit",sans-serif;--r-font-body:"Outfit","Space Grotesk",sans-serif}.reels-page{background:#070710;background:var(--r-bg);color:#f0f0ff;color:var(--r-text);display:flex;flex-direction:column;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);min-height:100vh;overflow-x:hidden}.reels-topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#070710e6;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--r-border);gap:10px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.reels-back-btn,.reels-topbar{align-items:center;display:flex}.reels-back-btn{background:#ffffff12;border:1px solid #ffffff12;border:1px solid var(--r-border);border-radius:50%;color:#f0f0ff;color:var(--r-text);cursor:pointer;flex-shrink:0;height:38px;justify-content:center;transition:background .18s,transform .15s;width:38px}.reels-back-btn:hover{background:#ffffff24}.reels-back-btn:active{transform:scale(.92)}.reels-title-wrap{align-items:center;display:flex;flex:1 1;gap:8px}.reels-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,Outfit,sans-serif;font-family:var(--r-font-head);font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0}.reels-title-badge{align-self:flex-start;background:linear-gradient(135deg,#f45b8d,#f4c35b);background:var(--r-grad-warm);border-radius:6px;color:#fff;font-size:9px;font-weight:700;letter-spacing:1px;margin-top:4px;padding:2px 6px;text-transform:uppercase}.reels-topbar-right{align-items:center;display:flex;gap:8px}.reels-saved-btn{align-items:center;background:#ffffff12;border:1px solid #ffffff12;border:1px solid var(--r-border);border-radius:50%;color:#f0f0ff;color:var(--r-text);cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:center;transition:background .18s;width:38px}.reels-saved-btn:hover{background:#5b5ef433;border-color:#5b5ef466}.reels-upload-btn{align-items:center;background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);border:none;border-radius:22px;box-shadow:0 4px 18px #5b5ef473;color:#fff;cursor:pointer;display:flex;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:13px;font-weight:700;gap:6px;letter-spacing:.2px;padding:9px 16px;transition:transform .18s,box-shadow .18s}.reels-upload-btn:hover{box-shadow:0 8px 24px #5b5ef48c;transform:translateY(-1px)}.reels-upload-btn:active{transform:scale(.96)}.reels-tabs-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070710b3;padding:8px 0}.reels-tabs{-ms-overflow-style:none;display:flex;gap:6px;overflow-x:auto;padding:0 14px;scrollbar-width:none}.reels-tabs::-webkit-scrollbar{display:none}.reels-tab{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border:1px solid var(--r-border);border-radius:22px;color:#f0f0ff80;color:var(--r-muted);cursor:pointer;display:flex;flex-shrink:0;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:12.5px;font-weight:600;gap:5px;letter-spacing:.1px;padding:7px 14px;transition:all .2s cubic-bezier(.22,1,.36,1);transition:all .2s var(--r-ease-out);white-space:nowrap}.reels-tab:hover{background:#ffffff17;color:#f0f0ff;color:var(--r-text)}.reels-tab.active{background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);border-color:#0000;box-shadow:0 3px 14px #5b5ef466;color:#fff;transform:scale(1.03)}.reels-tab-emoji{font-size:13px;line-height:1}.reels-tab-label{line-height:1}.reels-feed{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;height:calc(100vh - 110px);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.reels-feed::-webkit-scrollbar{display:none}.reel-card-wrapper{flex-shrink:0;margin:0 auto;max-width:420px;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%}.reel-card{background:#000;height:calc(100vh - 110px);overflow:hidden;position:relative;width:100%}.reel-card,.reel-video-wrap{align-items:center;display:flex;justify-content:center}.reel-video-wrap{cursor:pointer;inset:0;position:absolute;-webkit-user-select:none;user-select:none}.reel-video{display:block;height:100%;object-fit:cover;width:100%}.reel-float-heart{animation:reel-heart-float .9s cubic-bezier(.34,1.56,.64,1) forwards;animation:reel-heart-float .9s var(--r-ease) forwards;filter:drop-shadow(0 4px 16px rgba(244,91,141,.7));font-size:72px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);will-change:transform,opacity;z-index:25}@keyframes reel-heart-float{0%{opacity:1;transform:translate(-50%,-50%) scale(0) rotate(-15deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.5) rotate(8deg)}60%{opacity:.9;transform:translate(-50%,-60%) scale(1.2) rotate(-5deg)}to{opacity:0;transform:translate(-50%,-80%) scale(.8) rotate(5deg)}}.reel-pause-overlay{background:#0003;inset:0;pointer-events:none;position:absolute;z-index:6}.reel-pause-overlay,.reel-play-icon{align-items:center;display:flex;justify-content:center}.reel-play-icon{animation:reel-pop .22s cubic-bezier(.34,1.56,.64,1);animation:reel-pop .22s var(--r-ease);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;height:72px;width:72px}@keyframes reel-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.reel-progress-track{background:#ffffff26;bottom:0;height:2.5px;left:0;position:absolute;right:0;z-index:20}.reel-progress-fill{background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);border-radius:0 2px 2px 0;box-shadow:0 0 8px #5b5ef499;height:100%;transition:width .1s linear}.reel-gradient-top{background:linear-gradient(180deg,#0000008c,#0000);height:120px;top:0}.reel-gradient-bottom,.reel-gradient-top{left:0;pointer-events:none;position:absolute;right:0;z-index:4}.reel-gradient-bottom{background:linear-gradient(0deg,#000000e0,#00000080 50%,#0000);bottom:0;height:300px}.reel-overlay{bottom:10px;left:0;padding:0 14px 14px;pointer-events:none;position:absolute;right:64px;z-index:10}.reel-overlay>*{pointer-events:all}.reel-user-row{gap:10px;margin-bottom:10px}.reel-avatar,.reel-user-row{align-items:center;display:flex}.reel-avatar{border:2.5px solid #ffffffd9;border-radius:50%;box-shadow:0 2px 12px #5b5ef466;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;overflow:hidden;width:44px}.reel-avatar img{height:100%;object-fit:cover;width:100%}.reel-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.reel-username{color:#fff;font-size:14px;font-weight:700;letter-spacing:-.1px;text-shadow:0 1px 6px #000000b3}.reel-college,.reel-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-college{align-items:center;color:#ffffffbf;display:flex;font-size:11.5px;font-weight:500;gap:4px}.reel-college-dot{font-size:11px}.reel-add-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1.5px solid #ffffff80;border-radius:18px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:12px;font-weight:700;letter-spacing:.2px;padding:6px 14px;transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--r-ease)}.reel-add-btn:hover{background:#000;border-color:#0000;transform:scale(1.04)}.reel-add-btn:active{transform:scale(.96)}.reel-caption-wrap{margin-bottom:10px}.reel-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffeb;display:-webkit-box;font-size:13.5px;font-weight:400;line-height:1.5;margin:0;overflow:hidden;text-shadow:0 1px 4px #0009}.reel-caption.expanded{-webkit-line-clamp:unset;overflow:visible}.reel-caption-more{background:none;border:none;color:#ffffff8c;cursor:pointer;display:block;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:12px;font-weight:700;margin-top:3px;padding:0;transition:color .18s}.reel-caption-more:hover{color:#ffffffd9}.reel-bottom-row{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.reel-cat-pill{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#5b5ef447;border:1px solid #5b5ef473;border-radius:20px;color:#ffffffeb;display:inline-flex;font-size:11px;font-weight:700;gap:3px;letter-spacing:.2px;padding:3px 10px}.reel-time-pill,.reel-views-pill{color:#ffffff8c;font-size:11.5px;font-weight:500}.reel-actions{bottom:80px;gap:6px;position:absolute;right:10px;z-index:15}.reel-action-btn,.reel-actions{align-items:center;display:flex;flex-direction:column}.reel-action-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);gap:3px;min-width:44px;padding:6px 4px;transition:transform .15s}.reel-action-btn:active{transform:scale(.82)}.reel-action-icon-wrap{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000059;border:1px solid #ffffff1a;border-radius:50%;display:flex;height:44px;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--r-ease);width:44px}.reel-action-btn:hover .reel-action-icon-wrap{background:#ffffff26;border-color:#ffffff40;transform:scale(1.08)}.reel-action-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));font-size:22px;line-height:1}.reel-action-count{color:#ffffffe6;font-size:11px;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 4px #0009}.reel-action-btn.liked .reel-action-icon-wrap{background:#f45b8d40;border-color:#f45b8d80;box-shadow:0 0 18px #f45b8d59}.reel-action-btn.liked .reel-action-icon{animation:reel-like-pop .35s cubic-bezier(.34,1.56,.64,1);animation:reel-like-pop .35s var(--r-ease);filter:drop-shadow(0 0 8px rgba(244,91,141,.8))}.reel-action-btn.flash .reel-action-icon-wrap{animation:reel-flash-ring .6s ease}@keyframes reel-flash-ring{0%{box-shadow:0 0 0 0 #f45b8d99}50%{box-shadow:0 0 0 14px #f45b8d00}to{box-shadow:0 0 0 0 #f45b8d00}}@keyframes reel-like-pop{0%{transform:scale(1)}35%{transform:scale(1.55)}65%{transform:scale(.88)}to{transform:scale(1)}}.reel-action-btn.saved .reel-action-icon-wrap{background:#5b5ef440;border-color:#5b5ef480;box-shadow:0 0 16px #5b5ef44d}.reel-duration-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:1px solid #ffffff1f;border-radius:10px;color:#ffffffb3;font-size:10px;font-weight:700;letter-spacing:.3px;margin-top:4px;padding:3px 8px}.reel-comments-panel{animation:reel-panel-up .32s cubic-bezier(.34,1.56,.64,1);animation:reel-panel-up .32s var(--r-ease);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:#0a0a16fa;border-radius:22px 22px 0 0;border-top:1px solid #ffffff1f;border-top:1px solid var(--r-border2);bottom:0;display:flex;flex-direction:column;height:62%;left:0;position:absolute;right:0;z-index:30}@keyframes reel-panel-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.reel-comments-drag-handle{background:#fff3;border-radius:2px;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}.reel-comments-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--r-border);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 18px 12px}.reel-comments-title{font-family:Space Grotesk,Outfit,sans-serif;font-family:var(--r-font-head);font-size:15px;font-weight:700;letter-spacing:-.2px}.reel-comments-close{align-items:center;background:#ffffff14;border:1px solid #ffffff12;border:1px solid var(--r-border);border-radius:50%;color:#f0f0ffb3;color:var(--r-muted2);cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:background .18s;width:30px}.reel-comments-close:hover{background:#ffffff29;color:#f0f0ff;color:var(--r-text)}.reel-comments-list{flex:1 1;overflow-y:auto;padding:12px 16px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.reel-comments-loading{display:flex;flex-direction:column;gap:14px}.reel-comment-skeleton{align-items:flex-start;display:flex;gap:10px}.reel-cs-avatar{animation:reel-shimmer 1.4s ease-in-out infinite;background:#13132a;background:var(--r-surface2);border-radius:50%;flex-shrink:0;height:32px;width:32px}.reel-cs-lines{display:flex;flex:1 1;flex-direction:column;gap:6px}.reel-cs-line{animation:reel-shimmer 1.4s ease-in-out infinite;background:#13132a;background:var(--r-surface2);border-radius:4px;height:8px}.reel-cs-w60{width:60%}.reel-cs-w90{width:90%}@keyframes reel-shimmer{0%,to{opacity:.4}50%{opacity:.9}}.reel-comments-empty{align-items:center;display:flex;flex-direction:column;gap:6px;padding:30px 0;text-align:center}.reel-comments-empty-icon{font-size:40px}.reel-comments-empty p{color:#f0f0ff;color:var(--r-text);font-size:15px;font-weight:700;margin:0}.reel-comments-empty span{color:#f0f0ff80;color:var(--r-muted);font-size:13px}.reel-comment-item{display:flex;gap:10px;margin-bottom:16px}.reel-comment-avatar{align-items:center;background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.reel-comment-body{display:flex;flex-direction:column;gap:2px}.reel-comment-user{color:#ffffffe0;font-size:12.5px;font-weight:700}.reel-comment-text{color:#ffffffbd;font-size:13px;line-height:1.45}.reel-comment-time{color:#f0f0ff80;color:var(--r-muted);font-size:10.5px}.reel-comments-input-row{border-top:1px solid #ffffff12;border-top:1px solid var(--r-border);display:flex;flex-shrink:0;gap:10px;padding:10px 14px}.reel-comments-input{background:#ffffff12;border:1px solid #ffffff1f;border:1px solid var(--r-border2);border-radius:24px;color:#f0f0ff;color:var(--r-text);flex:1 1;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:13.5px;outline:none;padding:10px 18px;transition:border-color .2s}.reel-comments-input:focus{border-color:#5b5ef4;border-color:var(--r-neon);box-shadow:0 0 0 2px #5b5ef426}.reel-comments-input::placeholder,.reel-comments-send{color:#f0f0ff80;color:var(--r-muted)}.reel-comments-send{align-items:center;background:#ffffff12;border:1px solid #ffffff1f;border:1px solid var(--r-border2);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:42px;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--r-ease);width:42px}.reel-comments-send.active{background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);border-color:#0000;box-shadow:0 4px 16px #5b5ef473;color:#fff;transform:scale(1.05)}.reels-loading,.reels-loading-feed{align-items:center;color:#f0f0ff80;color:var(--r-muted);display:flex;flex-direction:column;font-size:14px;gap:16px;justify-content:center;min-height:50vh}.reels-loading-logo{animation:reel-logo-bounce 1.2s cubic-bezier(.34,1.56,.64,1) infinite;animation:reel-logo-bounce 1.2s var(--r-ease) infinite;font-size:52px}@keyframes reel-logo-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.reels-loading-dots{display:flex;gap:7px}.reels-loading-dots span{animation:reel-dot-pulse 1.2s ease-in-out infinite;background:#5b5ef4;background:var(--r-neon);border-radius:50%;height:7px;width:7px}.reels-loading-dots span:nth-child(2){animation-delay:.2s;background:#f45b8d;background:var(--r-neon2)}.reels-loading-dots span:nth-child(3){animation-delay:.4s;background:#5bf4c8;background:var(--r-neon3)}@keyframes reel-dot-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.reels-loading-spinner{animation:reel-spin .85s linear infinite;border:3px solid #ffffff14;border-radius:50%;border-top:3px solid var(--r-neon);height:32px;width:32px}@keyframes reel-spin{to{transform:rotate(1turn)}}.reels-empty,.reels-load-more{display:flex;justify-content:center;padding:24px}.reels-empty{align-items:center;flex-direction:column;gap:14px;min-height:60vh;text-align:center}.reels-empty-icon{font-size:72px}.reels-empty h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,Outfit,sans-serif;font-family:var(--r-font-head);font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0}.reels-empty p{color:#f0f0ff80;color:var(--r-muted);font-size:14px;margin:0}.reels-empty-upload-btn{background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);border:none;border-radius:26px;box-shadow:0 6px 22px #5b5ef473;color:#fff;cursor:pointer;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:14px;font-weight:700;letter-spacing:.2px;margin-top:8px;padding:13px 30px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;transition:transform .2s var(--r-ease),box-shadow .2s}.reels-empty-upload-btn:hover{box-shadow:0 10px 30px #5b5ef48c;transform:translateY(-2px)}.reel-upload-overlay{align-items:flex-end;animation:reel-overlay-in .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@media (min-width:500px){.reel-upload-overlay{align-items:center}}@keyframes reel-overlay-in{0%{opacity:0}to{opacity:1}}.reel-upload-modal{animation:reel-modal-up .32s cubic-bezier(.34,1.56,.64,1);animation:reel-modal-up .32s var(--r-ease);background:#0d0d1a;background:var(--r-surface);border:1px solid #ffffff1f;border:1px solid var(--r-border2);border-radius:22px 22px 0 0;display:flex;flex-direction:column;max-height:92vh;max-width:500px;overflow-y:auto;scrollbar-width:none;width:100%}.reel-upload-modal::-webkit-scrollbar{display:none}@media (min-width:500px){.reel-upload-modal{border-radius:22px;margin:16px}}@keyframes reel-modal-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.reel-upload-steps{display:flex;gap:6px;padding:0 20px 16px}.reel-upload-step{background:#ffffff1a;border-radius:2px;flex:1 1;height:3px;transition:background .3s}.reel-upload-step.done{background:#5b5ef480}.reel-upload-step.active{background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad)}.reel-upload-header{align-items:center;background:#0d0d1a;background:var(--r-surface);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--r-border);display:flex;gap:12px;padding:18px 18px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.reel-upload-back{align-items:center;background:#ffffff12;border:1px solid #ffffff12;border:1px solid var(--r-border);border-radius:50%;color:#f0f0ff;color:var(--r-text);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;transition:background .18s;width:34px}.reel-upload-back:hover{background:#ffffff24}.reel-upload-title{flex:1 1;font-family:Space Grotesk,Outfit,sans-serif;font-family:var(--r-font-head);font-size:17px;font-weight:700;letter-spacing:-.2px;margin:0}.reel-upload-close{align-items:center;background:#ffffff12;border:1px solid #ffffff12;border:1px solid var(--r-border);border-radius:50%;color:#f0f0ffb3;color:var(--r-muted2);cursor:pointer;display:flex;font-size:13px;height:34px;justify-content:center;transition:background .18s;width:34px}.reel-upload-close:hover{background:#ffffff24;color:#f0f0ff;color:var(--r-text)}.reel-upload-select{padding:24px 20px}.reel-upload-drop{align-items:center;background:#5b5ef40a;border:2px dashed #5b5ef466;border-radius:16px;border-radius:var(--r-radius);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:44px 24px;text-align:center;transition:all .22s}.reel-upload-drop:hover{background:#5b5ef41a;border-color:#5b5ef4;border-color:var(--r-neon);transform:scale(1.01)}.reel-upload-drop-icon{font-size:60px}.reel-upload-drop-title{font-family:Space Grotesk,Outfit,sans-serif;font-family:var(--r-font-head);font-size:18px;font-weight:700;letter-spacing:-.2px;margin:0}.reel-upload-drop-sub{color:#f0f0ff80;color:var(--r-muted);font-size:13px;margin:0}.reel-upload-drop-btn{background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);border-radius:24px;box-shadow:0 4px 14px #5b5ef466;color:#fff;font-size:13.5px;font-weight:700;margin-top:6px;padding:10px 26px}.reel-upload-details{padding:16px 18px}.reel-upload-preview{background:#000;border-radius:12px;margin-bottom:16px;max-height:220px;object-fit:cover;width:100%}.reel-upload-form{display:flex;flex-direction:column;gap:12px}.reel-upload-caption{background:#ffffff0d;border:1px solid #ffffff1f;border:1px solid var(--r-border2);border-radius:12px;color:#f0f0ff;color:var(--r-text);font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:14px;line-height:1.5;outline:none;padding:12px 14px;resize:none;transition:border-color .2s}.reel-upload-caption:focus{border-color:#5b5ef4;border-color:var(--r-neon);box-shadow:0 0 0 2px #5b5ef41f}.reel-upload-caption::placeholder{color:#f0f0ff80;color:var(--r-muted)}.reel-upload-char{margin-top:-8px;text-align:right}.reel-upload-char,.reel-upload-label{color:#f0f0ff80;color:var(--r-muted);font-size:11px}.reel-upload-label{font-weight:700;letter-spacing:.8px;text-transform:uppercase}.reel-upload-categories{display:flex;flex-wrap:wrap;gap:7px}.reel-cat-chip{background:#ffffff0d;border:1px solid #ffffff12;border:1px solid var(--r-border);border-radius:22px;color:#f0f0ff80;color:var(--r-muted);cursor:pointer;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:12px;font-weight:600;padding:6px 13px;transition:all .18s}.reel-cat-chip:hover{background:#ffffff1a;color:#f0f0ff;color:var(--r-text)}.reel-cat-chip.active{background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);border-color:#0000;box-shadow:0 3px 10px #5b5ef459;color:#fff}.reel-upload-tags-row{display:flex;gap:8px}.reel-upload-tag-input{background:#ffffff0d;border:1px solid #ffffff1f;border:1px solid var(--r-border2);border-radius:10px;color:#f0f0ff;color:var(--r-text);flex:1 1;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:13px;outline:none;padding:9px 13px;transition:border-color .2s}.reel-upload-tag-input:focus{border-color:#5b5ef4;border-color:var(--r-neon)}.reel-upload-tag-add{align-items:center;background:#5b5ef433;border:1px solid #5b5ef466;border-radius:10px;color:#5b5ef4;color:var(--r-neon);cursor:pointer;display:flex;font-size:22px;height:40px;justify-content:center;transition:all .18s;width:40px}.reel-upload-tag-add:hover{background:#5b5ef459}.reel-upload-tags{display:flex;flex-wrap:wrap;gap:6px}.reel-tag-chip{align-items:center;background:#5b5ef42e;border:1px solid #5b5ef459;border-radius:20px;color:#ffffffe0;display:flex;font-size:12px;font-weight:600;gap:5px;padding:4px 11px}.reel-tag-chip button{background:none;border:none;color:#f0f0ff80;color:var(--r-muted);cursor:pointer;font-size:14px;line-height:1;padding:0;transition:color .15s}.reel-tag-chip button:hover{color:#f45b8d;color:var(--r-neon2)}.reel-upload-next-btn{background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);border:none;border-radius:14px;box-shadow:0 5px 18px #5b5ef466;color:#fff;cursor:pointer;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:15px;font-weight:700;letter-spacing:.2px;margin-top:6px;padding:14px;transition:transform .18s,box-shadow .18s;width:100%}.reel-upload-next-btn:hover{box-shadow:0 8px 24px #5b5ef480;transform:translateY(-1px)}.reel-upload-privacy{display:flex;flex-direction:column;gap:12px;padding:18px}.reel-upload-preview-sm{background:#000;border-radius:12px;max-height:150px;object-fit:cover;width:100%}.reel-priv-option{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border:1px solid var(--r-border);border-radius:14px;cursor:pointer;display:flex;gap:13px;padding:14px 16px;transition:all .2s}.reel-priv-option:hover{background:#ffffff14}.reel-priv-option.active{background:#5b5ef41f;border-color:#5b5ef473;box-shadow:inset 0 0 0 1px #5b5ef433}.reel-priv-icon{flex-shrink:0;font-size:26px}.reel-priv-label{font-size:14px;font-weight:700;margin-bottom:2px}.reel-priv-desc{color:#f0f0ff80;color:var(--r-muted);font-size:12px}.reel-priv-radio{color:#5b5ef4;color:var(--r-neon);flex-shrink:0;font-size:18px;margin-left:auto}.reel-upload-toggle-row{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border:1px solid var(--r-border);border-radius:12px;color:#f0f0ffb3;color:var(--r-muted2);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:10px;padding:12px 14px}.reel-upload-toggle-row input{accent-color:#5b5ef4;accent-color:var(--r-neon);cursor:pointer;height:16px;width:16px}.reel-upload-post-btn{background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);border:none;border-radius:14px;box-shadow:0 5px 18px #5b5ef466;color:#fff;cursor:pointer;font-family:Outfit,Space Grotesk,sans-serif;font-family:var(--r-font-body);font-size:15px;font-weight:700;letter-spacing:.2px;margin-top:4px;padding:15px;transition:transform .18s,box-shadow .18s;width:100%}.reel-upload-post-btn:hover{box-shadow:0 8px 24px #5b5ef480;transform:translateY(-1px)}.reel-upload-progress-wrap{align-items:center;display:flex;flex-direction:column;gap:16px;padding:44px 24px}.reel-upload-progress-ring{height:90px;position:relative;width:90px}.reel-upload-progress-ring svg{height:100%;width:100%}.reel-upload-progress-pct{align-items:center;color:#f0f0ff;color:var(--r-text);display:flex;font-weight:800;inset:0;justify-content:center;position:absolute}.reel-upload-progress-label,.reel-upload-progress-pct{font-family:Space Grotesk,Outfit,sans-serif;font-family:var(--r-font-head);font-size:16px}.reel-upload-progress-label{font-weight:700;letter-spacing:-.2px;margin:0}.reel-upload-progress-sub{color:#f0f0ff80;color:var(--r-muted);font-size:12px;margin:0}.reel-upload-success{align-items:center;animation:reel-success-in .5s cubic-bezier(.34,1.56,.64,1);animation:reel-success-in .5s var(--r-ease);display:flex;flex-direction:column;gap:12px;padding:56px 24px;text-align:center}@keyframes reel-success-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.reel-upload-success-burst{animation:reel-burst .6s cubic-bezier(.34,1.56,.64,1);animation:reel-burst .6s var(--r-ease);font-size:72px}@keyframes reel-burst{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.reel-upload-success h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5b5ef4,#f45b8d);background:var(--r-grad);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,Outfit,sans-serif;font-family:var(--r-font-head);font-size:24px;font-weight:800;letter-spacing:-.3px;margin:0}.reel-upload-success p{color:#f0f0ff80;color:var(--r-muted);font-size:14px;margin:0}.reel-upload-error{background:#f45b5b1f;border:1px solid #f45b5b59;border-radius:10px;color:#f48787;font-size:13px;font-weight:600;padding:10px 14px;text-align:center}@media (min-width:480px){.reel-card{border-radius:14px}.reels-feed{gap:14px;padding:10px}}@media (min-width:900px){.reels-feed{gap:16px;padding:14px}.reel-card-wrapper{max-width:400px}}@media (max-width:400px){.reels-topbar{padding:10px 12px}.reels-title{font-size:19px}.reel-actions{gap:4px;right:6px}.reel-action-icon-wrap{height:40px;width:40px}.reel-action-icon{font-size:20px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.reel-actions{bottom:calc(80px + env(safe-area-inset-bottom))}.reel-comments-input-row{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}:root{--sr-bg:#08080f;--sr-surface:#0f0f1a;--sr-surface-2:#161624;--sr-surface-3:#1e1e30;--sr-glass:#ffffff0a;--sr-glass-heavy:#ffffff14;--sr-border:#ffffff12;--sr-border-2:#ffffff21;--sr-accent:#7c6dfa;--sr-accent-2:#fa6db4;--sr-accent-3:#6dfad4;--sr-gold:#ffd862;--sr-danger:#ff5e6b;--sr-text:#f5f5ff;--sr-muted:#f5f5ff73;--sr-muted-2:#f5f5ffa6;--sr-radius-sm:8px;--sr-radius:14px;--sr-radius-lg:20px;--sr-grad-accent:linear-gradient(135deg,#7c6dfa,#fa6db4);--sr-grad-warm:linear-gradient(135deg,#fa6db4,#ffd862);--sr-grad-cool:linear-gradient(135deg,#6dfad4,#7c6dfa);--sr-shadow-glow:0 0 40px #7c6dfa33;--sr-font-head:"Syne",sans-serif;--sr-font-body:"DM Sans",sans-serif;--sr-transition:0.22s cubic-bezier(0.4,0,0.2,1);--sr-shell-w:390px;--sr-shell-h:min(844px,92vh)}.sr-page{background:#08080f;background:var(--sr-bg);color:#f5f5ff;color:var(--sr-text);font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);min-height:100vh;overflow-x:hidden;padding-bottom:80px}.sr-topbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#08080feb;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--sr-border);gap:10px;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.sr-back-btn,.sr-topbar{align-items:center;display:flex}.sr-back-btn{border:1px solid #ffffff12;border:1px solid var(--sr-border);border-radius:50%;color:#f5f5ff;color:var(--sr-text);cursor:pointer;flex-shrink:0;font-size:18px;height:38px;justify-content:center;transition:background .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);transition:background var(--sr-transition),transform var(--sr-transition);width:38px}.sr-back-btn,.sr-back-btn:hover{background:#ffffff14;background:var(--sr-glass-heavy)}.sr-back-btn:hover{transform:scale(1.05)}.sr-back-btn:active{transform:scale(.95)}.sr-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);-webkit-background-clip:text;background-clip:text;flex:1 1;font-family:Syne,sans-serif;font-family:var(--sr-font-head);font-size:19px;font-weight:800;letter-spacing:-.3px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-topbar-actions{display:flex;flex-shrink:0;gap:8px}.sr-icon-btn{align-items:center;background:#ffffff0a;background:var(--sr-glass);border:1px solid #ffffff12;border:1px solid var(--sr-border);border-radius:10px;color:#f5f5ffa6;color:var(--sr-muted-2);cursor:pointer;display:flex;font-size:15px;height:36px;justify-content:center;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--sr-transition);width:36px}.sr-icon-btn:hover{background:#ffffff14;background:var(--sr-glass-heavy);color:#f5f5ff;color:var(--sr-text)}.sr-icon-btn.active{background:#7c6dfa33;border-color:#7c6dfa66;color:#7c6dfa;color:var(--sr-accent)}.sr-search-bar{align-items:center;animation:sr-search-expand .2s ease;background:#ffffff14;background:var(--sr-glass-heavy);border:1px solid #ffffff21;border:1px solid var(--sr-border-2);border-radius:12px;display:flex;flex:1 1;gap:10px;height:38px;padding:0 12px}@keyframes sr-search-expand{0%{opacity:0;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1)}}.sr-search-icon{flex-shrink:0;font-size:14px}.sr-search-input{background:#0000;border:none;color:#f5f5ff;color:var(--sr-text);flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);font-size:14px;outline:none}.sr-search-clear,.sr-search-input::placeholder{color:#f5f5ff73;color:var(--sr-muted)}.sr-search-clear{background:none;border:none;cursor:pointer;font-size:13px;line-height:1;padding:2px}.sr-stats-banner{align-items:center;animation:sr-fade-up .4s ease;background:#161624;background:var(--sr-surface-2);border:1px solid #ffffff12;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius);display:flex;gap:0;justify-content:center;margin:12px 16px;padding:14px 8px}@keyframes sr-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sr-stat-pill{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3px}.sr-stat-icon,.sr-stat-val{font-size:18px}.sr-stat-val{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-family:var(--sr-font-head);font-weight:700;line-height:1.1}.sr-stat-lbl{color:#f5f5ff73;color:var(--sr-muted);font-size:10px;font-weight:500;letter-spacing:.3px}.sr-stat-divider{background:#ffffff21;background:var(--sr-border-2);flex-shrink:0;height:32px;width:1px}.sr-tabs-row{align-items:center;display:flex;gap:8px;padding:0 16px 12px}.sr-tabs{-ms-overflow-style:none;display:flex;flex:1 1;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sr-tabs::-webkit-scrollbar{display:none}.sr-tab{background:#ffffff0a;background:var(--sr-glass);border:1px solid #ffffff12;border:1px solid var(--sr-border);border-radius:20px;color:#f5f5ff73;color:var(--sr-muted);cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);font-size:12px;font-weight:600;padding:7px 14px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--sr-transition);white-space:nowrap}.sr-tab:hover{background:#ffffff14;background:var(--sr-glass-heavy);color:#f5f5ff;color:var(--sr-text)}.sr-tab.active{background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);border-color:#0000;box-shadow:0 4px 14px #7c6dfa59;color:#fff}.sr-sort-wrap{flex-shrink:0;position:relative}.sr-sort-btn{align-items:center;background:#ffffff14;background:var(--sr-glass-heavy);border:1px solid #ffffff21;border:1px solid var(--sr-border-2);border-radius:10px;color:#f5f5ffa6;color:var(--sr-muted-2);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);font-size:12px;font-weight:600;gap:5px;padding:7px 12px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--sr-transition);white-space:nowrap}.sr-sort-btn:hover{color:#f5f5ff;color:var(--sr-text)}.sr-sort-dropdown{animation:sr-dropdown-in .15s ease;background:#161624;background:var(--sr-surface-2);border:1px solid #ffffff21;border:1px solid var(--sr-border-2);border-radius:12px;box-shadow:0 12px 40px #00000080;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}@keyframes sr-dropdown-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sr-sort-option{background:none;border:none;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--sr-border);color:#f5f5ffa6;color:var(--sr-muted-2);cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);font-size:13px;font-weight:500;padding:11px 16px;text-align:left;transition:background .22s cubic-bezier(.4,0,.2,1);transition:background var(--sr-transition);width:100%}.sr-sort-option:last-child{border-bottom:none}.sr-sort-option:hover{background:#ffffff14;background:var(--sr-glass-heavy);color:#f5f5ff;color:var(--sr-text)}.sr-sort-option.active{color:#7c6dfa;color:var(--sr-accent);font-weight:600}.sr-results-count{color:#f5f5ff73;color:var(--sr-muted);font-size:12px;padding:0 16px 10px}.sr-results-count strong{color:#f5f5ff;color:var(--sr-text)}.sr-loading{padding:12px}.sr-skeleton-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr)}.sr-skeleton-card{display:flex;flex-direction:column;gap:6px}.sr-skeleton-thumb{aspect-ratio:9/16;border-radius:6px}.sr-skeleton-text,.sr-skeleton-thumb{animation:sr-shimmer 1.6s ease-in-out infinite;background:#1e1e30;background:var(--sr-surface-3)}.sr-skeleton-text{border-radius:4px;height:8px}.sr-sk-w-70{width:70%}.sr-sk-w-50{width:50%}@keyframes sr-shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.sr-error{align-items:center;color:#ff5e6be6;display:flex;flex-direction:column;font-size:14px;gap:16px;justify-content:center;min-height:50vh;padding:20px;text-align:center}.sr-retry-btn{background:#ff5e6b26;border:1px solid #ff5e6b66;border-radius:20px;color:#ff8f97;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);font-size:13px;font-weight:700;padding:10px 24px}.sr-empty{align-items:center;animation:sr-fade-up .5s ease;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:65vh;padding:32px 20px;text-align:center}.sr-empty-visual{margin-bottom:12px}.sr-empty-rings{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.sr-empty-ring{animation:sr-pulse-ring 3s ease-in-out infinite;border:1.5px solid;border-radius:50%;position:absolute}.sr-ring-1{animation-delay:0s;border-color:#7c6dfa26;height:120px;width:120px}.sr-ring-2{animation-delay:.3s;border-color:#fa6db433;height:90px;width:90px}.sr-ring-3{animation-delay:.6s;border-color:#6dfad440;height:64px;width:64px}@keyframes sr-pulse-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.sr-empty-icon-wrap{align-items:center;background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);border-radius:16px;display:flex;height:52px;justify-content:center;position:relative;width:52px;z-index:1}.sr-empty-emoji{font-size:26px}.sr-empty-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-family:var(--sr-font-head);font-size:22px;font-weight:800;margin:0}.sr-empty-text{color:#f5f5ff73;color:var(--sr-muted);font-size:14px;line-height:1.6;margin:0;max-width:260px}.sr-empty-cta{background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);border:none;border-radius:24px;box-shadow:0 6px 20px #7c6dfa66;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);font-size:14px;font-weight:700;margin-top:4px;padding:13px 28px;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:transform var(--sr-transition),box-shadow var(--sr-transition)}.sr-empty-cta:hover{box-shadow:0 10px 28px #7c6dfa80;transform:translateY(-2px)}.sr-empty-cta:active{transform:scale(.97)}.sr-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);padding:3px}@media (min-width:480px){.sr-grid{gap:6px;padding:6px}}.sr-grid-card{animation:sr-card-in .4s ease both;background:#0f0f1a;background:var(--sr-surface);border-radius:8px;overflow:hidden}@keyframes sr-card-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sr-grid-card:nth-child(2){animation-delay:.04s}.sr-grid-card:nth-child(3){animation-delay:.08s}.sr-grid-card:nth-child(4){animation-delay:.12s}.sr-grid-card:nth-child(5){animation-delay:.16s}.sr-grid-card:nth-child(6){animation-delay:.2s}.sr-grid-thumb-wrap{aspect-ratio:9/16;cursor:pointer;overflow:hidden;position:relative}.sr-grid-thumb{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.sr-grid-thumb-wrap:hover .sr-grid-thumb{transform:scale(1.05)}.sr-grid-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.sr-grid-overlay.visible{opacity:1}@media (hover:none){.sr-grid-overlay{background:#0003;opacity:1}}.sr-grid-play{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1.5px solid #fff6;border-radius:50%;color:#fff;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.sr-grid-stats{background:linear-gradient(#0000,#000000bf);bottom:0;display:flex;justify-content:space-between;left:0;padding:20px 6px 5px;position:absolute;right:0}.sr-grid-stat{color:#ffffffe6;font-size:10px;font-weight:700}.sr-grid-unsave{align-items:center;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;position:absolute;right:6px;top:6px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--sr-transition);width:28px;z-index:5}.sr-grid-unsave:hover{background:#7c6dfab3;transform:scale(1.1)}.sr-grid-cat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#7c6dfabf;border-radius:10px;color:#fff;font-size:9px;font-weight:700;left:6px;padding:2px 7px;position:absolute;top:6px}.sr-grid-footer{padding:8px}.sr-grid-user-row{align-items:center;display:flex;gap:6px;margin-bottom:4px}.sr-grid-avatar{align-items:center;background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:22px;justify-content:center;width:22px}.sr-grid-user-info{min-width:0}.sr-grid-username{color:#f5f5ff;color:var(--sr-text);font-size:10px;font-weight:700}.sr-grid-college,.sr-grid-username{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-grid-college{color:#f5f5ff73;color:var(--sr-muted);font-size:9px}.sr-grid-caption{color:#f5f5ffa6;color:var(--sr-muted-2);font-size:10px;line-height:1.4;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-grid-time{color:#f5f5ff73;color:var(--sr-muted);font-size:9px;margin:0}.sr-list{display:flex;flex-direction:column;gap:10px;padding:6px 12px}.sr-list-card{animation:sr-card-in .35s ease both;background:#161624;background:var(--sr-surface-2);border:1px solid #ffffff12;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius);cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1),transform .15s;transition:background var(--sr-transition),border-color var(--sr-transition),transform .15s}.sr-list-card:hover{background:#1e1e30;background:var(--sr-surface-3);border-color:#ffffff21;border-color:var(--sr-border-2)}.sr-list-card:active{transform:scale(.99)}.sr-list-thumb-wrap{aspect-ratio:9/16;border-radius:10px;flex-shrink:0;overflow:hidden;position:relative;width:80px}.sr-list-thumb{display:block;height:100%;object-fit:cover;width:100%}.sr-list-play-overlay{align-items:center;background:#00000059;color:#fff;display:flex;font-size:18px;inset:0;justify-content:center;position:absolute}.sr-list-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.sr-list-user-row{align-items:center;display:flex;gap:8px}.sr-list-avatar{align-items:center;background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.sr-list-username{color:#f5f5ff;color:var(--sr-text);font-size:13px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-list-college{color:#f5f5ff73;color:var(--sr-muted);font-size:11px;margin:2px 0 0}.sr-list-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f5f5ffa6;color:var(--sr-muted-2);display:-webkit-box;font-size:13px;line-height:1.4;margin:0;overflow:hidden}.sr-list-meta{align-items:center;color:#f5f5ff73;color:var(--sr-muted);display:flex;flex-wrap:wrap;font-size:12px;font-weight:500;gap:10px}.sr-list-cat{background:#7c6dfa26;border-radius:10px;color:#7c6dfa;color:var(--sr-accent);font-size:11px;font-weight:700;padding:2px 8px}.sr-list-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.sr-list-time{color:#f5f5ff73;color:var(--sr-muted);font-size:11px}.sr-list-unsave{background:none;border:1px solid #ffffff21;border:1px solid var(--sr-border-2);border-radius:20px;color:#f5f5ffa6;color:var(--sr-muted-2);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);font-size:12px;font-weight:600;padding:4px 12px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--sr-transition)}.sr-list-unsave:hover{background:#7c6dfa26;border-color:#7c6dfa66;color:#7c6dfa;color:var(--sr-accent)}.sr-viewer-overlay{align-items:center;animation:sr-viewer-in .25s ease;background:#0000;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes sr-viewer-in{0%{opacity:0}to{opacity:1}}.sr-viewer-shell{background:#000;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}@media (min-width:768px){.sr-viewer-overlay{background:#000000e0}.sr-viewer-shell{border-radius:28px;box-shadow:0 40px 100px #000c,0 0 0 1px #ffffff14;height:min(844px,92vh);height:var(--sr-shell-h);width:390px;width:var(--sr-shell-w)}}.sr-viewer-topbar{align-items:center;background:linear-gradient(180deg,#000000bf,#0000);border-radius:inherit;display:flex;gap:10px;left:0;padding:14px 16px;pointer-events:none;position:absolute;right:0;top:0;z-index:50}.sr-viewer-topbar>*{pointer-events:all}.sr-viewer-close{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;transition:background .22s cubic-bezier(.4,0,.2,1);transition:background var(--sr-transition);width:38px}.sr-viewer-close:hover{background:#ffffff40}.sr-viewer-topbar-center{align-items:center;display:flex;flex:1 1;flex-direction:column}.sr-viewer-topbar-title{color:#ffffffe6;font-family:Syne,sans-serif;font-family:var(--sr-font-head);font-size:15px;font-weight:700}.sr-viewer-topbar-count{color:#ffffff80;font-size:11px;font-weight:500}.sr-viewer-save-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;height:36px;justify-content:center;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--sr-transition);width:36px}.sr-viewer-save-btn.saved{background:#7c6dfa66;border-color:#7c6dfa99}.sr-viewer-feed{-ms-overflow-style:none;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.sr-viewer-feed::-webkit-scrollbar{display:none}.sr-viewer-wrap{background:#000;flex-shrink:0;height:100dvh;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%}@media (min-width:768px){.sr-viewer-wrap{height:min(844px,92vh);height:var(--sr-shell-h)}}.sr-viewer-video-wrap{cursor:pointer;inset:0;position:absolute}.sr-viewer-video{display:block;height:100%;object-fit:cover;width:100%}.sr-viewer-heart-burst{animation:sr-heart-pop .9s ease forwards;font-size:80px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}@keyframes sr-heart-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.sr-viewer-pause-overlay{background:#00000038;inset:0;pointer-events:none;position:absolute;z-index:5}.sr-viewer-pause-overlay,.sr-viewer-play-icon{align-items:center;display:flex;justify-content:center}.sr-viewer-play-icon{animation:sr-pop .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border:2px solid #ffffff4d;border-radius:50%;color:#fff;font-size:26px;height:70px;width:70px}@keyframes sr-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.sr-viewer-info{background:linear-gradient(#0000,#000000d1 60%);bottom:0;left:0;padding:60px 16px 28px;pointer-events:none;position:absolute;right:68px;z-index:10}.sr-viewer-info>*{pointer-events:all}.sr-viewer-user-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.sr-viewer-avatar{align-items:center;background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);border:2px solid #fffc;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.sr-viewer-avatar img{height:100%;object-fit:cover;width:100%}.sr-viewer-user-meta{display:flex;flex-direction:column;gap:2px}.sr-viewer-username{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 4px #0009}.sr-viewer-college{color:#ffffffb3;font-size:11px}.sr-viewer-caption-wrap{margin-bottom:8px}.sr-viewer-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffe6;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden;text-shadow:0 1px 4px #0009}.sr-viewer-caption.expanded{-webkit-line-clamp:unset;overflow:visible}.sr-viewer-more-btn{background:none;border:none;color:#ffffff80;cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);font-size:12px;font-weight:600;margin-top:3px;padding:0}.sr-viewer-meta{align-items:center;color:#fff9;display:flex;flex-wrap:wrap;font-size:12px;font-weight:500;gap:10px}.sr-viewer-cat-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#7c6dfa59;border:1px solid #7c6dfa80;border-radius:20px;color:#ffffffe6;font-size:11px;font-weight:700;padding:2px 9px}.sr-viewer-actions{bottom:90px;gap:20px;position:absolute;right:10px;z-index:15}.sr-va-btn,.sr-viewer-actions{align-items:center;display:flex;flex-direction:column}.sr-va-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);gap:4px;transition:transform .15s}.sr-va-btn:active{transform:scale(.85)}.sr-va-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));font-size:28px}.sr-va-count{color:#ffffffe6;font-size:11px;font-weight:700}.sr-va-btn.liked .sr-va-icon{animation:sr-like-pop .3s ease;filter:drop-shadow(0 0 8px rgba(250,109,180,.8))}@keyframes sr-like-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}70%{transform:scale(.9)}to{transform:scale(1)}}.sr-va-btn.unsave-btn .sr-va-icon{filter:drop-shadow(0 0 6px rgba(124,109,250,.8))}.sr-comments-panel{animation:sr-panel-up .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0c0c16f7;border-radius:20px 20px 0 0;border-top:1px solid #ffffff21;border-top:1px solid var(--sr-border-2);bottom:0;display:flex;flex-direction:column;height:62%;left:0;position:absolute;right:0;z-index:30}@keyframes sr-panel-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sr-comments-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--sr-border);display:flex;flex-shrink:0;font-family:Syne,sans-serif;font-family:var(--sr-font-head);font-size:15px;font-weight:700;justify-content:space-between;padding:16px 18px 12px}.sr-comments-close{align-items:center;background:#ffffff14;background:var(--sr-glass-heavy);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}.sr-comments-list{flex:1 1;overflow-y:auto;padding:12px 18px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.sr-comments-empty{color:#f5f5ff73;color:var(--sr-muted);font-size:13px;padding:24px 0;text-align:center}.sr-comment-item{display:flex;gap:10px;margin-bottom:14px}.sr-comment-avatar{align-items:center;background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.sr-comment-body{display:flex;flex-direction:column;gap:2px}.sr-comment-user{color:#ffffffd9;font-size:12px;font-weight:700}.sr-comment-text{color:#ffffffb8;font-size:13px;line-height:1.4}.sr-comment-time{color:#f5f5ff73;color:var(--sr-muted);font-size:10px}.sr-comments-input-row{border-top:1px solid #ffffff12;border-top:1px solid var(--sr-border);display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.sr-comments-input{background:#ffffff14;background:var(--sr-glass-heavy);border:1px solid #ffffff21;border:1px solid var(--sr-border-2);border-radius:22px;color:#fff;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--sr-font-body);font-size:13px;outline:none;padding:10px 16px;transition:border-color .22s cubic-bezier(.4,0,.2,1);transition:border-color var(--sr-transition)}.sr-comments-input:focus{border-color:#7c6dfa;border-color:var(--sr-accent)}.sr-comments-input::placeholder,.sr-comments-send{color:#f5f5ff73;color:var(--sr-muted)}.sr-comments-send{align-items:center;background:#ffffff14;background:var(--sr-glass-heavy);border:1px solid #ffffff21;border:1px solid var(--sr-border-2);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--sr-transition);width:40px}.sr-comments-send.active{background:linear-gradient(135deg,#7c6dfa,#fa6db4);background:var(--sr-grad-accent);border-color:#0000;box-shadow:0 4px 14px #7c6dfa66;color:#fff}@media (min-width:480px) and (max-width:1023px){.sr-grid{gap:8px;grid-template-columns:repeat(4,1fr);padding:12px}.sr-list{padding:12px 16px}.sr-stats-banner{margin:12px auto;max-width:600px}}@media (min-width:1024px){.sr-page{margin:0 auto;max-width:960px}.sr-topbar{left:auto;max-width:none;transform:none;width:100%}.sr-grid{gap:10px;grid-template-columns:repeat(5,1fr);padding:14px}.sr-grid-thumb-wrap{aspect-ratio:unset;height:200px}.sr-skeleton-grid{gap:10px;grid-template-columns:repeat(5,1fr)}.sr-skeleton-thumb{aspect-ratio:unset;height:200px}.sr-list{padding:14px 20px}.sr-stats-banner{margin:16px auto;max-width:700px}.sr-tabs-row{padding:0 20px 14px}.sr-results-count{padding:0 20px 10px}}@media (max-width:360px){.sr-grid{grid-template-columns:repeat(2,1fr)}.sr-topbar{padding:12px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.sr-page{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.sr-viewer-actions{bottom:calc(90px + env(safe-area-inset-bottom))}.sr-comments-input-row{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}:root{--mr-ink:#070711;--mr-surface:#0e0e1c;--mr-surface2:#141428;--mr-surface3:#1c1c38;--mr-border:#ffffff12;--mr-border2:#ffffff21;--mr-neon:#a78bfa;--mr-neon2:#f472b6;--mr-neon3:#34d399;--mr-neon4:#fb923c;--mr-text:#f1f0ff;--mr-muted:#f1f0ff73;--mr-muted2:#f1f0ffa6;--mr-grad:linear-gradient(135deg,#a78bfa,#f472b6);--mr-grad2:linear-gradient(135deg,#34d399,#a78bfa);--mr-radius:14px;--mr-font-head:"Bricolage Grotesque",sans-serif;--mr-font-body:"DM Sans",sans-serif;--mr-ease:cubic-bezier(0.4,0,0.2,1);--mrv-shell-w:390px;--mrv-shell-h:min(848px,94vh)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.mr-page{background:#070711;background:var(--mr-ink);color:#f1f0ff;color:var(--mr-text);font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);min-height:100vh;overflow-x:hidden;padding-bottom:60px;position:relative}.mr-bg-blob{border-radius:50%;filter:blur(80px);opacity:.12;pointer-events:none;position:fixed;z-index:0}.mr-blob-1{background:#a78bfa;background:var(--mr-neon);height:500px;right:-150px;top:-150px;width:500px}.mr-blob-2{background:#f472b6;background:var(--mr-neon2);bottom:100px;height:400px;left:-150px;width:400px}.mr-topbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#070711e6;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--mr-border);gap:12px;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mr-back-btn,.mr-topbar{align-items:center;display:flex}.mr-back-btn{background:#141428;background:var(--mr-surface2);border:1px solid #ffffff21;border:1px solid var(--mr-border2);border-radius:50%;color:#f1f0ff;color:var(--mr-text);cursor:pointer;flex-shrink:0;font-size:18px;height:38px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all .18s var(--mr-ease);width:38px}.mr-back-btn:hover{background:#1c1c38;background:var(--mr-surface3);transform:scale(1.05)}.mr-back-btn:active{transform:scale(.95)}.mr-topbar-center{display:flex;flex:1 1;flex-direction:column;gap:1px}.mr-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad);-webkit-background-clip:text;background-clip:text;font-family:Bricolage Grotesque,sans-serif;font-family:var(--mr-font-head);font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0}.mr-reel-count{color:#f1f0ff73;color:var(--mr-muted);font-size:11px;font-weight:500;letter-spacing:.3px}.mr-new-btn{align-items:center;background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad);border:none;border-radius:22px;box-shadow:0 4px 18px #a78bfa66;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:13px;font-weight:700;gap:5px;padding:9px 16px;transition:transform .18s,box-shadow .18s}.mr-new-btn:hover{box-shadow:0 6px 24px #a78bfa8c;transform:translateY(-2px)}.mr-new-btn:active{transform:scale(.96)}.mr-new-btn span{font-size:16px;line-height:1}.mr-stats-banner{align-items:stretch;animation:mr-fade-up .5s cubic-bezier(.4,0,.2,1);animation:mr-fade-up .5s var(--mr-ease);background:#0e0e1c;background:var(--mr-surface);border:1px solid #ffffff21;border:1px solid var(--mr-border2);border-radius:14px;border-radius:var(--mr-radius);display:flex;margin:14px 16px;overflow:hidden;position:relative;z-index:1}@keyframes mr-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mr-stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3px;justify-content:center;padding:14px 8px;transition:background .18s}.mr-stat-item:hover{background:#a78bfa0f}.mr-stat-num{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad);-webkit-background-clip:text;background-clip:text;font-family:Bricolage Grotesque,sans-serif;font-family:var(--mr-font-head);font-size:20px;font-weight:800;line-height:1}.mr-stat-icon{font-size:16px;line-height:1}.mr-stat-lbl{color:#f1f0ff73;color:var(--mr-muted);font-size:10px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.mr-stat-divider{background:#ffffff21;background:var(--mr-border2);flex-shrink:0;margin:10px 0;width:1px}.mr-skeleton-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);padding:12px 3px;position:relative;z-index:1}@media (min-width:480px){.mr-skeleton-grid{gap:6px;grid-template-columns:repeat(3,1fr);padding:12px 6px}}.mr-skeleton-card{display:flex;flex-direction:column;gap:5px}.mr-skeleton-thumb{aspect-ratio:9/16;border-radius:10px}.mr-skeleton-line,.mr-skeleton-thumb{animation:mr-shimmer 1.5s ease-in-out infinite;background:#141428;background:var(--mr-surface2)}.mr-skeleton-line{border-radius:4px;height:8px}.mr-sk-70{width:70%}.mr-sk-50{width:50%}@keyframes mr-shimmer{0%,to{opacity:.4}50%{opacity:.85}}.mr-empty{animation:mr-fade-up .5s ease;flex-direction:column;gap:16px;min-height:65vh;padding:32px 20px;text-align:center;z-index:1}.mr-empty,.mr-empty-rings{align-items:center;display:flex;justify-content:center;position:relative}.mr-empty-rings{height:130px;margin-bottom:8px;width:130px}.mr-ring{animation:mr-pulse-ring 3s ease-in-out infinite;border:1.5px solid;border-radius:50%;position:absolute}.mr-ring-1{border-color:#a78bfa33;height:130px;width:130px}.mr-ring-2{animation-delay:.3s;border-color:#f472b64d;height:96px;width:96px}.mr-ring-3{animation-delay:.6s;border-color:#34d39966;height:66px;width:66px}@keyframes mr-pulse-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.mr-empty-icon-wrap{align-items:center;border-radius:18px;display:flex;font-size:34px;height:58px;justify-content:center;position:relative;width:58px;z-index:1}.mr-empty-icon-wrap,.mr-empty-title{background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad)}.mr-empty-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Bricolage Grotesque,sans-serif;font-family:var(--mr-font-head);font-size:24px;font-weight:800;margin:0}.mr-empty-text{color:#f1f0ff73;color:var(--mr-muted);font-size:14px;line-height:1.7;margin:0;max-width:270px}.mr-empty-btn{background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad);border:none;border-radius:26px;box-shadow:0 6px 22px #a78bfa73;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:14px;font-weight:700;margin-top:8px;padding:14px 28px;transition:transform .18s,box-shadow .18s}.mr-empty-btn:hover{box-shadow:0 10px 30px #a78bfa8c;transform:translateY(-2px)}.mr-empty-btn:active{transform:scale(.97)}.mr-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);padding:12px 3px;position:relative;z-index:1}@media (min-width:480px){.mr-grid{gap:6px;padding:12px 8px}}@media (min-width:640px){.mr-grid{gap:8px;grid-template-columns:repeat(4,1fr);padding:14px 12px}}@media (min-width:900px){.mr-grid{gap:10px;grid-template-columns:repeat(5,1fr);padding:16px}}.mr-grid-card{animation:mr-card-in .4s cubic-bezier(.4,0,.2,1) both;animation:mr-card-in .4s var(--mr-ease) both;background:#0e0e1c;background:var(--mr-surface);border:1px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .2s}.mr-grid-card:hover{border-color:#a78bfa4d;transform:translateY(-3px)}.mr-grid-card:active{transform:scale(.97)}@keyframes mr-card-in{0%{opacity:0;transform:scale(.93) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.mr-grid-card:nth-child(2){animation-delay:.04s}.mr-grid-card:nth-child(3){animation-delay:.08s}.mr-grid-card:nth-child(4){animation-delay:.11s}.mr-grid-card:nth-child(5){animation-delay:.14s}.mr-grid-card:nth-child(6){animation-delay:.17s}.mr-thumb-wrap{aspect-ratio:9/16;background:#000;overflow:hidden;position:relative}.mr-thumb{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.mr-grid-card:hover .mr-thumb{transform:scale(1.04)}.mr-thumb-gradient{background:linear-gradient(#0000 40%,#000000d9);inset:0;pointer-events:none;position:absolute}.mr-thumb-play{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1.5px solid #ffffff59;border-radius:50%;color:#fff;display:flex;font-size:15px;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .18s;width:40px}.mr-grid-card:focus .mr-thumb-play,.mr-grid-card:hover .mr-thumb-play{opacity:1}@media (hover:none){.mr-thumb-play{opacity:.7}}.mr-thumb-stats{bottom:0;display:flex;gap:4px;left:0;padding:22px 6px 5px;pointer-events:none;position:absolute;right:0}.mr-stat-pill{background:#00000080;border-radius:4px;color:#fff;font-size:9px;font-weight:700;padding:2px 5px}.mr-perf-pill{border:1px solid;border-radius:8px;left:6px;letter-spacing:.2px;padding:3px 7px}.mr-cat-badge,.mr-perf-pill{font-size:9px;font-weight:700;position:absolute;top:6px}.mr-cat-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#a78bfab3;border-radius:6px;color:#fff;padding:2px 6px;right:32px}.mr-thumb-menu{position:absolute;right:4px;top:4px;z-index:5}.mr-dot-btn{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;letter-spacing:1px;line-height:1;width:26px}.mr-drop-menu{animation:mr-drop-in .15s ease;background:#1a1a30;border:1px solid #ffffff21;border-radius:12px;box-shadow:0 10px 30px #000000b3;min-width:155px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:10}@keyframes mr-drop-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mrv-drop-item{background:none;border:none;border-bottom:1px solid #ffffff0d;color:#ffffffd9;cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:13px;font-weight:600;padding:11px 14px;text-align:left;transition:background .12s;width:100%}.mrv-drop-item:last-child{border-bottom:none}.mrv-drop-item:hover{background:#a78bfa1f}.mrv-drop-item.danger{color:#fb7185}.mrv-drop-item.danger:hover{background:#fb71851f}.mr-card-footer{padding:8px 8px 6px}.mr-card-caption{color:#f1f0ffa6;color:var(--mr-muted2);font-size:11px;font-weight:500;line-height:1.4;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-card-caption.empty{font-style:italic}.mr-card-caption.empty,.mr-card-time{color:#f1f0ff73;color:var(--mr-muted)}.mr-card-time{font-size:9.5px;margin:0}.mr-load-more-wrap{display:flex;justify-content:center;padding:20px;position:relative;z-index:1}.mr-load-more-btn{background:#a78bfa1f;border:1px solid #a78bfa59;border-radius:22px;color:#a78bfa;color:var(--mr-neon);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:13px;font-weight:700;padding:11px 30px;transition:all .18s}.mr-load-more-btn:hover{background:#a78bfa38;border-color:#a78bfa99;transform:translateY(-1px)}.mr-spinner{animation:mr-spin .85s linear infinite;border:2.5px solid #ffffff1a;border-radius:50%;border-top:2.5px solid var(--mr-neon);height:28px;width:28px}@keyframes mr-spin{to{transform:rotate(1turn)}}.mrv-viewer-backdrop{align-items:center;animation:mrv-fade .22s ease;background:#000;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}@keyframes mrv-fade{0%{opacity:0}to{opacity:1}}.mrv-viewer-shell{background:#000;height:100dvh;overflow:hidden;position:relative;width:100%}@media (min-width:768px){.mrv-viewer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0}.mrv-viewer-shell{border-radius:32px;box-shadow:0 50px 120px #000000e6,0 0 0 1px #ffffff14;height:min(848px,94vh);height:var(--mrv-shell-h);width:390px;width:var(--mrv-shell-w)}}.mrv-viewer-topbar{align-items:center;background:linear-gradient(180deg,#000000b8,#0000004d 60%,#0000);border-radius:inherit;display:flex;gap:10px;left:0;padding:max(env(safe-area-inset-top),14px) 16px 20px;pointer-events:none;position:absolute;right:0;top:0;z-index:60}.mrv-viewer-topbar>*{pointer-events:all}.mrv-viewer-close{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:1.5px solid #ffffff40;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;transition:background .18s,transform .15s;width:38px}.mrv-viewer-close:hover{background:#000000a6}.mrv-viewer-close:active{transform:scale(.92)}.mrv-viewer-topbar-mid{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1px}.mrv-viewer-title{color:#fffffff2;font-family:Bricolage Grotesque,sans-serif;font-family:var(--mr-font-head);font-size:15px;font-weight:800;letter-spacing:-.2px;text-shadow:0 1px 6px #00000080}.mrv-viewer-subtitle{color:#ffffff73;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.mrv-viewer-counter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;border:1px solid #ffffff1f;border-radius:10px;color:#ffffff80;font-size:12px;font-weight:700;padding:4px 10px}.mrv-viewer-feed{inset:0;overflow-y:auto;position:absolute;scroll-snap-type:y mandatory;scrollbar-width:none}.mrv-viewer-feed::-webkit-scrollbar{display:none}.mrv-viewer-slide{background:#000;height:100dvh;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%}@media (min-width:768px){.mrv-viewer-slide{height:min(848px,94vh);height:var(--mrv-shell-h)}}.mrv-card{align-items:center;background:#000;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.mrv-video-wrap{cursor:pointer;inset:0;position:absolute}.mrv-video{display:block;height:100%;object-fit:cover;width:100%}.mrv-heart-burst{animation:mrv-heart .9s ease forwards;font-size:80px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}@keyframes mrv-heart{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.mrv-pause-overlay{background:#00000038;inset:0;pointer-events:none;position:absolute;z-index:5}.mrv-pause-icon,.mrv-pause-overlay{align-items:center;display:flex;justify-content:center}.mrv-pause-icon{animation:mrv-pop .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border:2px solid #ffffff4d;border-radius:50%;font-size:26px;height:68px;width:68px}@keyframes mrv-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.mrv-overlay-info{background:linear-gradient(#0000,#00000080 45%,#000000e0);bottom:0;left:0;padding:80px 14px max(28px,env(safe-area-inset-bottom));pointer-events:none;position:absolute;right:68px;z-index:10}.mrv-overlay-info>*{pointer-events:all}.mrv-owner-row{align-items:center;display:flex;gap:9px;margin-bottom:10px}.mrv-owner-avatar{align-items:center;background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad);border:2px solid #ffffffb3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:36px;justify-content:center;width:36px}.mrv-owner-meta{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.mrv-owner-name{color:#fff;font-family:Bricolage Grotesque,sans-serif;font-family:var(--mr-font-head);font-size:14px;font-weight:700;text-shadow:0 1px 5px #00000080}.mrv-owner-college,.mrv-owner-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrv-owner-college{color:#ffffffa6;font-size:11px}.mrv-viewer-cat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#a78bfa59;border:1px solid #a78bfa80;border-radius:14px;color:#ffffffe6;flex-shrink:0;font-size:11px;font-weight:700;padding:3px 9px}.mrv-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffeb;display:-webkit-box;font-size:14px;line-height:1.55;margin:0 0 8px;overflow:hidden;text-shadow:0 1px 5px #0009}.mrv-caption.expanded{-webkit-line-clamp:unset;overflow:visible}.mrv-caption-more{background:none;border:none;color:#ffffff80;cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:12px;font-weight:600;margin-top:2px;padding:0}.mrv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.mrv-tag{background:#a78bfa47;border:1px solid #a78bfa80;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:2px 9px}.mrv-meta{color:#ffffff8c;font-size:12px;font-weight:500}.mrv-actions{bottom:max(80px,calc(80px + env(safe-area-inset-bottom)));gap:18px;position:absolute;right:10px;z-index:15}.mrv-action-btn,.mrv-actions{align-items:center;display:flex;flex-direction:column}.mrv-action-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);gap:3px;transition:transform .15s}.mrv-action-btn:active{transform:scale(.85)}.mrv-action-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));font-size:27px}.mrv-action-count{color:#ffffffe6;font-size:10px;font-weight:700}.mrv-action-btn.liked .mrv-action-icon{animation:mrv-like-pop .3s ease}@keyframes mrv-like-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}70%{transform:scale(.9)}to{transform:scale(1)}}.mrv-action-btn.saved .mrv-action-icon{filter:drop-shadow(0 0 6px #a78bfa);filter:drop-shadow(0 0 6px var(--mr-neon))}.mrv-more-wrap{position:relative}.mrv-more-menu{animation:mr-drop-in .15s ease;background:#1a1a30;border:1px solid #ffffff1f;border-radius:14px;bottom:calc(100% + 8px);box-shadow:0 10px 30px #000000b3;min-width:155px;overflow:hidden;position:absolute;right:0}.mrv-comments-panel{animation:mrv-panel-up .28s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0a16f7;border-radius:20px 20px 0 0;border-top:1px solid #ffffff21;border-top:1px solid var(--mr-border2);bottom:0;display:flex;flex-direction:column;height:62%;left:0;position:absolute;right:0;z-index:25}@keyframes mrv-panel-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mrv-comments-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--mr-border);display:flex;flex-shrink:0;font-family:Bricolage Grotesque,sans-serif;font-family:var(--mr-font-head);font-size:14px;font-weight:700;justify-content:space-between;padding:14px 16px 10px}.mrv-comments-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:28px;justify-content:center;width:28px}.mrv-comments-list{flex:1 1;overflow-y:auto;padding:10px 16px;scrollbar-color:#ffffff1f #0000;scrollbar-width:thin}.mrv-comments-empty{color:#f1f0ff73;color:var(--mr-muted);font-size:13px;padding:20px 0;text-align:center}.mrv-comment-item{display:flex;gap:10px;margin-bottom:14px}.mrv-comment-avatar{align-items:center;background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad);border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.mrv-comment-body{display:flex;flex-direction:column;gap:1px}.mrv-comment-user{color:#ffffffd9;font-size:11.5px;font-weight:700}.mrv-comment-text{color:#ffffffb8;font-size:12.5px;line-height:1.45}.mrv-comment-time{color:#f1f0ff73;color:var(--mr-muted);font-size:10px}.mrv-comments-input-row{border-top:1px solid #ffffff12;border-top:1px solid var(--mr-border);display:flex;flex-shrink:0;gap:10px;padding:10px 16px}.mrv-comments-input{background:#ffffff14;border:1px solid #ffffff21;border:1px solid var(--mr-border2);border-radius:20px;color:#fff;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:13px;outline:none;padding:10px 16px;transition:border-color .18s}.mrv-comments-input:focus{border-color:#a78bfa;border-color:var(--mr-neon)}.mrv-comments-input::placeholder,.mrv-comments-send{color:#f1f0ff73;color:var(--mr-muted)}.mrv-comments-send{align-items:center;background:#ffffff14;border:1px solid #ffffff21;border:1px solid var(--mr-border2);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:38px;justify-content:center;transition:all .18s;width:38px}.mrv-comments-send.active{background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad);border-color:#0000;box-shadow:0 3px 12px #a78bfa66;color:#fff}.mrv-insights-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:600}.mrv-insights-panel{animation:mrv-panel-up .28s cubic-bezier(.34,1.56,.64,1);background:#0e0e1c;background:var(--mr-surface);border:1px solid #ffffff21;border:1px solid var(--mr-border2);border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:85vh;max-width:480px;overflow:hidden;width:100%}.mrv-insights-scroll{flex:1 1;overflow-y:auto;padding:16px}.mrv-insights-thumb-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.mrv-insights-thumb{background:#000;border-radius:8px;flex-shrink:0;height:90px;object-fit:cover;width:60px}.mrv-insights-caption{color:#ffffffe6;font-size:13px;font-weight:600;margin:0 0 4px}.mrv-insights-date{color:#f1f0ff73;color:var(--mr-muted);font-size:11px;margin:0}.mrv-perf-badge{align-items:center;border:1px solid;border-radius:12px;display:flex;gap:12px;margin-bottom:14px;padding:13px 16px}.mrv-perf-left{flex:1 1}.mrv-perf-label{color:#f1f0ff73;color:var(--mr-muted);font-size:10px;font-weight:600;letter-spacing:.4px;margin:0 0 2px;text-transform:uppercase}.mrv-perf-value{font-family:Bricolage Grotesque,sans-serif;font-family:var(--mr-font-head);font-size:18px;font-weight:800;margin:0}.mrv-perf-score{color:#f1f0ff73;color:var(--mr-muted);font-size:12px;font-weight:700}.mrv-metrics-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.mrv-metric-card{align-items:center;background:#ffffff0a;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 6px}.mrv-metric-icon{font-size:20px}.mrv-metric-value{font-family:Bricolage Grotesque,sans-serif;font-family:var(--mr-font-head);font-size:16px;font-weight:800;line-height:1}.mrv-metric-label{color:#f1f0ff73;color:var(--mr-muted);font-size:10px;font-weight:600;text-align:center}.mrv-watch-block{background:#ffffff0a;border-radius:10px;padding:14px}.mrv-watch-row{color:#fffc;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:6px}.mrv-progress-track{background:#ffffff14;border-radius:100px;height:6px;margin-top:6px;overflow:hidden}.mrv-progress-fill{background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad);border-radius:100px;height:100%;transition:width .6s ease}.mrv-edit-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:600}.mrv-edit-modal{animation:mrv-panel-up .28s cubic-bezier(.34,1.56,.64,1);background:#0e0e1c;background:var(--mr-surface);border:1px solid #ffffff21;border:1px solid var(--mr-border2);border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.mrv-edit-scroll{flex:1 1;overflow-y:auto;padding:16px;scrollbar-width:none}.mrv-edit-scroll::-webkit-scrollbar{display:none}.mrv-edit-label{color:#f1f0ff73;color:var(--mr-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:8px;margin-top:14px;text-transform:uppercase}.mrv-edit-textarea{background:#ffffff0d;border:1px solid #ffffff21;border:1px solid var(--mr-border2);border-radius:10px;box-sizing:border-box;color:#fff;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:14px;outline:none;padding:12px;resize:none;transition:border-color .18s;width:100%}.mrv-edit-textarea:focus{border-color:#a78bfa;border-color:var(--mr-neon)}.mrv-char-count{color:#f1f0ff73;color:var(--mr-muted);font-size:11px;margin:4px 0 0;text-align:right}.mrv-cat-grid{display:flex;flex-wrap:wrap;gap:6px}.mrv-cat-chip{background:#ffffff0d;border:1px solid #ffffff21;border:1px solid var(--mr-border2);border-radius:20px;color:#f1f0ff73;color:var(--mr-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:12px;font-weight:600;padding:7px 13px;transition:all .15s}.mrv-cat-chip:hover{background:#ffffff1a;color:#fff}.mrv-cat-chip.active{background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad);border-color:#0000;color:#fff}.mrv-edit-error{color:#fb7185;font-size:13px;font-weight:600;margin-top:8px}.mrv-edit-note{color:#f1f0ff73;color:var(--mr-muted);font-size:11px;margin-top:12px}.mrv-edit-footer{background:#070711;background:var(--mr-ink);border-top:1px solid #ffffff12;border-top:1px solid var(--mr-border);display:flex;flex-shrink:0;gap:10px;padding:16px}.mrv-cancel-btn{background:#ffffff0f;border:1px solid #ffffff21;border:1px solid var(--mr-border2);border-radius:10px;color:#f1f0ff73;color:var(--mr-muted);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:14px;font-weight:700;padding:12px;transition:all .15s}.mrv-cancel-btn:hover{background:#ffffff1a;color:#fff}.mrv-save-btn{background:linear-gradient(135deg,#a78bfa,#f472b6);background:var(--mr-grad);border:none;border-radius:10px;box-shadow:0 4px 14px #a78bfa59;color:#fff;cursor:pointer;flex:2 1;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:14px;font-weight:700;padding:12px;transition:opacity .18s,transform .15s}.mrv-save-btn:hover{transform:translateY(-1px)}.mrv-save-btn:disabled{opacity:.55}.mrv-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:700}.mrv-confirm-box{animation:mrv-pop .25s ease;background:#141428;background:var(--mr-surface2);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 24px 70px #000000b3;max-width:340px;padding:30px 24px;text-align:center;width:90%}.mrv-confirm-icon{font-size:46px;margin-bottom:12px}.mrv-confirm-title{font-family:Bricolage Grotesque,sans-serif;font-family:var(--mr-font-head);font-size:20px;font-weight:800;margin:0 0 8px}.mrv-confirm-text{color:#f1f0ff73;color:var(--mr-muted);font-size:13px;line-height:1.6;margin:0 0 22px}.mrv-confirm-btns{display:flex;gap:10px}.mrv-delete-btn{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--mr-font-body);font-size:14px;font-weight:700;padding:12px;transition:background .15s}.mrv-delete-btn:hover{background:#dc2626}.mrv-panel-header{align-items:center;background:#0e0e1c;background:var(--mr-surface);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--mr-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.mrv-panel-title{font-family:Bricolage Grotesque,sans-serif;font-family:var(--mr-font-head);font-size:16px;font-weight:800}.mrv-panel-close{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:background .15s;width:30px}.mrv-panel-close:hover{background:#ffffff26}@media (max-width:380px){.mr-grid{gap:3px;grid-template-columns:repeat(2,1fr)}.mrv-actions{bottom:70px;gap:14px;right:6px}.mrv-action-icon{font-size:24px}}@media (min-width:640px){.mr-page{margin:0 auto;max-width:960px}.mr-topbar{border-radius:0;max-width:none}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mr-page{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.mrv-comments-input-row{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}:root{--brand-1:#1a3a6b;--brand-2:#2d5fa8;--brand-3:#4a7fc4;--brand-xlight:#e8f0fb;--brand-light:#c8daef;--brand-mid:#7aaad8;--brand-gradient:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);--et-radius-sm:6px;--et-radius-md:10px;--et-radius-lg:14px;--et-radius-xl:20px;--et-surface:#fff;--et-surface-2:#f5f7fa;--et-surface-3:#eef1f6;--et-border:#00000014;--et-border-md:#00000024;--et-text-1:#0d1b2e;--et-text-2:#4a5568;--et-text-3:#8a95a3;--et-shadow-sm:0 1px 4px #1a3a6b12;--et-shadow-md:0 4px 16px #1a3a6b1a;--et-shadow-lg:0 8px 32px #1a3a6b24;--et-transition:0.18s cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--et-surface:#0f1923;--et-surface-2:#162133;--et-surface-3:#1c2b42;--et-border:#ffffff14;--et-border-md:#ffffff24;--et-text-1:#e8edf5;--et-text-2:#8fa3bc;--et-text-3:#4f6a84;--brand-xlight:#2d5fa82e;--brand-light:#2d5fa84d}}.et-wrap *,.et-wrap :after,.et-wrap :before{box-sizing:border-box}.et-wrap{font-family:Sora,DM Sans,system-ui,sans-serif;margin:0 auto;max-width:680px;padding:0 0 48px;width:100%}.et-header{background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--brand-gradient);border-radius:20px;border-radius:var(--et-radius-xl);margin-bottom:20px;overflow:hidden;padding:20px 24px 0;position:relative}.et-header:after,.et-header:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.et-header:before{background:#ffffff0f;height:260px;right:-60px;top:-80px;width:260px}.et-header:after{background:#ffffff0a;bottom:-40px;height:140px;left:10px;width:140px}.et-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px;position:relative;z-index:1}.et-back-btn{align-items:center;background:#ffffff1f;border:.5px solid #ffffff40;border-radius:10px;border-radius:var(--et-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;letter-spacing:.01em;padding:7px 14px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--et-transition),transform var(--et-transition)}.et-back-btn:hover{background:#ffffff38}.et-back-btn:active{transform:scale(.97)}.et-breadcrumb{align-items:center;display:flex;font-size:12px;gap:6px}.et-bc-link{color:#ffffffa6;text-decoration:none;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--et-transition)}.et-bc-link:hover{color:#fff}.et-bc-sep{color:#ffffff4d}.et-bc-current{color:#ffffffeb;font-weight:500}.et-header-hero{margin-bottom:4px;position:relative;z-index:1}.et-tag-hero{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.et-tag-hash{color:#ffffff40;font-size:36px;font-weight:700;line-height:1;margin-right:-6px;-webkit-user-select:none;user-select:none}.et-tag-title{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.15}.et-trending-badge{align-items:center;animation:et-pulse-badge 2.4s ease-in-out infinite;background:#ffffff24;border:.5px solid #ffffff47;border-radius:99px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.04em;padding:4px 12px}@keyframes et-pulse-badge{0%,to{background:#ffffff24}50%{background:#ffffff38}}.et-stats-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.et-stats-row.et-stats-skeleton{pointer-events:none}.et-stat-badge{align-items:center;background:#ffffff1a;border:.5px solid #ffffff2e;border-radius:10px;border-radius:var(--et-radius-md);display:flex;gap:10px;padding:12px 14px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--et-transition)}.et-stat-badge:hover{background:#ffffff29}.et-stat-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));flex-shrink:0;font-size:20px;line-height:1}.et-stat-body{display:flex;flex-direction:column}.et-stat-value{color:#fff;font-size:20px;font-weight:600;line-height:1.1}.et-stat-label{color:#fff9;font-size:11px;letter-spacing:.02em;margin-top:2px}.et-stat-skel{animation:et-shimmer 1.4s ease-in-out infinite;background:#ffffff14;border-radius:10px;border-radius:var(--et-radius-md);height:62px}.et-contributors{border-top:.5px solid #ffffff26;margin-bottom:0;padding:16px 0 0}.et-contributors-label{color:#ffffff80;display:block;font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.et-contributors-list{display:flex;flex-wrap:wrap;gap:14px;padding-bottom:20px}.et-contributor{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:5px}.et-contrib-avatar{align-items:center;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:42px;justify-content:center;overflow:visible;position:relative;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:transform var(--et-transition),border-color var(--et-transition);width:42px}.et-contributor:hover .et-contrib-avatar{border-color:#fff9;transform:translateY(-2px)}.et-contrib-avatar img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.et-contrib-avatar span{color:#fff;font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.et-contrib-rank{filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));font-size:13px;line-height:1;position:absolute;right:-6px;top:-6px}.et-contrib-name{color:#ffffffd9;font-size:11px;font-weight:500;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-contrib-count{color:#ffffff80;font-size:10px}.et-related{align-items:center;background:#00000014;border-top:.5px solid #ffffff1f;display:flex;flex-wrap:wrap;gap:10px;margin:0 -24px;padding:14px 24px 16px;position:relative;z-index:1}.et-related-label{color:#ffffff73;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.et-related-list{display:flex;flex-wrap:wrap;gap:6px}.et-related-pill{align-items:center;background:#ffffff1a;border:.5px solid #fff3;border-radius:99px;color:#fffc;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:3px;padding:4px 12px;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--et-transition),color var(--et-transition),transform var(--et-transition)}.et-related-pill:hover{background:#fff3;color:#fff;transform:translateY(-1px)}.et-related-pill:active{transform:scale(.97)}.et-related-fire{font-size:11px}.et-feed-area{position:relative}.et-new-banner{animation:et-slide-down .28s cubic-bezier(.34,1.56,.64,1) both;display:flex;justify-content:center;margin-bottom:16px}@keyframes et-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.et-new-btn{align-items:center;background:#2d5fa8;background:var(--brand-2);background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--brand-gradient);border:none;border-radius:99px;box-shadow:0 4px 16px #1a3a6b1a;box-shadow:var(--et-shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;letter-spacing:.01em;padding:9px 20px;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:transform var(--et-transition),box-shadow var(--et-transition)}.et-new-btn:hover{box-shadow:0 8px 32px #1a3a6b24;box-shadow:var(--et-shadow-lg);transform:translateY(-2px)}.et-new-btn:active{transform:scale(.97)}.et-feed-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0 2px}.et-feed-count{color:#4a5568;color:var(--et-text-2);font-size:13px}.et-feed-count strong{color:#0d1b2e;color:var(--et-text-1);font-weight:600}.et-posts-list,.et-skeleton-list{display:flex;flex-direction:column;gap:12px}.et-post-skeleton{background:#fff;background:var(--et-surface);border:.5px solid #00000014;border:.5px solid var(--et-border);border-radius:14px;border-radius:var(--et-radius-lg);overflow:hidden;padding:18px 18px 14px}.et-skel-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.et-skel-avatar{animation:et-shimmer 1.4s ease-in-out infinite;background:#eef1f6;background:var(--et-surface-3);border-radius:50%;flex-shrink:0;height:38px;width:38px}.et-skel-lines{display:flex;flex:1 1;flex-direction:column;gap:7px}.et-skel-line{animation:et-shimmer 1.4s ease-in-out infinite;background:#eef1f6;background:var(--et-surface-3);border-radius:6px;height:12px}.et-skel-line.w100{width:100%}.et-skel-line.w80{width:80%}.et-skel-line.w60{width:60%}.et-skel-line.w40{width:40%}.et-skel-img{animation:et-shimmer 1.4s ease-in-out infinite;background:#eef1f6;background:var(--et-surface-3);border-radius:10px;border-radius:var(--et-radius-md);height:160px;margin-top:10px}@keyframes et-shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.et-error{background:#fff;background:var(--et-surface);border:.5px solid #00000014;border:.5px solid var(--et-border);border-radius:14px;border-radius:var(--et-radius-lg);padding:48px 24px;text-align:center}.et-error-icon{display:block;font-size:36px;margin-bottom:12px}.et-error p{color:#4a5568;color:var(--et-text-2);font-size:14px;margin-bottom:18px}.et-error p strong{color:#0d1b2e;color:var(--et-text-1)}.et-retry-btn{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--brand-gradient);border:none;border-radius:10px;border-radius:var(--et-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 20px;transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--et-transition),transform var(--et-transition)}.et-retry-btn:hover{opacity:.9;transform:translateY(-1px)}.et-retry-btn:active{transform:scale(.97)}.et-empty{background:#fff;background:var(--et-surface);border:.5px solid #00000014;border:.5px solid var(--et-border);border-radius:20px;border-radius:var(--et-radius-xl);padding:64px 24px;text-align:center}.et-empty-icon{display:block;filter:grayscale(.3);font-size:44px;margin-bottom:16px}.et-empty h3{color:#0d1b2e;color:var(--et-text-1);font-size:18px;font-weight:600;margin-bottom:8px}.et-empty p{color:#4a5568;color:var(--et-text-2);font-size:14px;line-height:1.6;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:300px}.et-cta-btn{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--brand-gradient);border-radius:10px;border-radius:var(--et-radius-md);box-shadow:0 1px 4px #1a3a6b12;box-shadow:var(--et-shadow-sm);color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 22px;text-decoration:none;transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--et-transition),transform var(--et-transition)}.et-cta-btn:hover{opacity:.9;transform:translateY(-1px)}.et-cta-btn:active{transform:scale(.97)}.et-loading-more{align-items:center;color:#8a95a3;color:var(--et-text-3);display:flex;font-size:13px;gap:10px;justify-content:center;padding:24px}.et-spinner{animation:et-spin .7s linear infinite;border:2px solid #c8daef;border-top-color:#2d5fa8;border:2px solid var(--brand-light);border-radius:50%;border-top-color:var(--brand-2);display:inline-block;flex-shrink:0;height:18px;width:18px}@keyframes et-spin{to{transform:rotate(1turn)}}.et-end{color:#8a95a3;color:var(--et-text-3);font-size:13px;letter-spacing:.01em;padding:28px 0 8px;text-align:center}.et-sentinel{height:1px;visibility:hidden;width:100%}@media (max-width:520px){.et-header{border-radius:14px;border-radius:var(--et-radius-lg);padding:16px 16px 0}.et-related{margin:0 -16px;padding:12px 16px 14px}.et-tag-title{font-size:22px}.et-tag-hash{font-size:28px}.et-stats-row{gap:8px;grid-template-columns:repeat(3,1fr)}.et-stat-value{font-size:17px}.et-contributors-list{gap:10px}.et-contrib-avatar{height:36px;width:36px}.et-empty{padding:44px 16px}}@media (max-width:360px){.et-stats-row{grid-template-columns:1fr 1fr}}:root{--cc-blue:#2d5fa8;--cc-blue-light:#4a7fc4;--cc-blue-dark:#1e4a8a;--cc-blue-grad:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);--cc-blue-grad-h:linear-gradient(135deg,#1e4a8a,#3568b8 55%,#5589cc);--cc-bg:#e8e4e4;--cc-card:#fff;--cc-border:#d0d5dc;--cc-border-light:#e8eaf0;--cc-text:#1a1d24;--cc-text-mid:#3d4350;--cc-text-muted:#6b7280;--cc-shadow-sm:0 1px 4px #00000014,0 2px 8px #0000000d;--cc-shadow-md:0 4px 16px #0000001f,0 2px 6px #0000000f;--cc-shadow-lg:0 8px 32px #0000002e;--cc-radius:8px;--cc-radius-sm:5px;--cc-radius-lg:14px;--cc-font-ui:"Outfit","Segoe UI",sans-serif;--cc-font-body:"Nunito","Segoe UI",sans-serif;--cc-accent:#6366f1;--cc-accent-dark:#4f46e5;--cc-green:#22c55e;--cc-red:#ef4444;--cc-sidebar-w:220px;--cc-notif-w:252px;--cc-header-h:52px}.cc-root{background:#d4d0d0;border-top:1px solid #d0d5dc;border-top:1px solid var(--cc-border);color:#1a1d24;color:var(--cc-text);display:flex;font-family:Outfit,Segoe UI,sans-serif;font-family:var(--cc-font-ui);font-size:13px;height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow:hidden;position:relative}.cc-sidebar-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000073;display:none;inset:0;position:fixed;z-index:199}.cc-sidebar{background:#fff;background:var(--cc-card);border-right:1px solid #d0d5dc;border-right:1px solid var(--cc-border);box-shadow:2px 0 8px #0000000f;display:flex;flex-direction:column;flex-shrink:0;min-width:220px;min-width:var(--cc-sidebar-w);overflow-y:auto;transition:transform .25s cubic-bezier(.4,0,.2,1);width:220px;width:var(--cc-sidebar-w);z-index:200}.cc-sidebar::-webkit-scrollbar{width:3px}.cc-sidebar::-webkit-scrollbar-thumb{background:#d0d5dc;background:var(--cc-border);border-radius:2px}.cc-sidebar-header{background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--cc-blue-grad);border-bottom:1px solid #ffffff1f;flex-shrink:0;padding:14px 14px 12px;position:relative}.cc-college-name-sidebar{color:#fff;font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:13px;font-weight:800;letter-spacing:.2px;overflow:hidden;padding-right:28px;text-overflow:ellipsis;white-space:nowrap}.cc-online-status{align-items:center;color:#ffffffd1;display:flex;font-size:11px;font-weight:600;gap:5px;margin-top:4px}.cc-online-dot{animation:cc-pulse 2.2s ease infinite;background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade8099;display:inline-block;flex-shrink:0;height:7px;width:7px}.cc-sidebar-close{align-items:center;background:#ffffff2e;border:1px solid #ffffff40;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:16px;height:24px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:background .15s;width:24px}.cc-sidebar-close:hover{background:#ffffff4d}@keyframes cc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.cc-sidebar-section{color:#6b7280;color:var(--cc-text-muted);font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:10px;font-weight:800;letter-spacing:.7px;padding:10px 14px 4px;text-transform:uppercase}.cc-tag-item{align-items:center;background:none;border:none;border-bottom:1px solid #f5f6f8;color:#3d4350;color:var(--cc-text-mid);cursor:pointer;display:flex;font-family:Outfit,Segoe UI,sans-serif;font-family:var(--cc-font-ui);font-size:12.5px;font-weight:600;gap:9px;min-height:38px;padding:8px 14px;text-align:left;transition:background .12s,color .12s,padding-left .15s;width:100%}.cc-tag-item:hover{background:#f0f4fb;color:#1e4a8a;color:var(--cc-blue-dark);padding-left:18px}.cc-tag-item--active{background:linear-gradient(90deg,#e8eef8,#f4f7fc);border-left:3px solid #2d5fa8;border-left:3px solid var(--cc-blue);color:#1e4a8a;color:var(--cc-blue-dark);font-weight:800;padding-left:11px}.cc-tag-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-tag-hash{color:#6366f1;color:var(--cc-accent);flex-shrink:0;font-size:13px;font-weight:800;text-align:center;width:14px}.cc-tag-count{background:#3a6fa81a;border-radius:10px;color:#6b7280;color:var(--cc-text-muted);flex-shrink:0;font-size:10px;font-weight:700;margin-left:auto;padding:1px 6px}.cc-sidebar-bottom{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-top:1px solid #d0d5dc;border-top:1px solid var(--cc-border);flex-shrink:0;margin-top:auto;padding:12px 14px}.cc-user-pill{align-items:center;display:flex;gap:9px}.cc-user-info{flex:1 1;min-width:0}.cc-user-name{color:#1a1d24;color:var(--cc-text);font-size:12px;font-weight:700}.cc-user-meta,.cc-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-user-meta{color:#6b7280;color:var(--cc-text-muted);font-size:10px;font-weight:600}.cc-avatar{align-items:center;border-radius:50%;box-shadow:0 1px 3px #00000026;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:32px;justify-content:center;object-fit:cover;transition:transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;width:32px}.cc-avatar[style*="cursor: pointer"]:hover,.cc-avatar[title]:hover{box-shadow:0 3px 8px #2d5fa847;transform:scale(1.08)}.cc-main{background:#fff;background:var(--cc-card);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.cc-header{background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--cc-blue-grad);box-shadow:0 2px 8px #0000002e;display:flex;gap:8px;height:52px;height:var(--cc-header-h);padding:0 14px;position:relative;z-index:10}.cc-header,.cc-menu-btn{align-items:center;flex-shrink:0}.cc-menu-btn{background:#ffffff26;border:1px solid #fff3;border-radius:5px;border-radius:var(--cc-radius-sm);color:#fff;cursor:pointer;display:none;height:34px;justify-content:center;transition:background .15s;width:34px}.cc-menu-btn:hover{background:#ffffff47}.cc-header-title-group{align-items:center;display:flex;flex:1 1;gap:7px;min-width:0}.cc-header-icon{align-items:center;color:#ffffffbf;display:flex;flex-shrink:0}.cc-chat-title{color:#fff;font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:14px;font-weight:800;letter-spacing:.2px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-header-right{align-items:center;display:flex;flex-shrink:0;gap:5px}.cc-online-pill{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:999px;color:#ffffffe6;display:flex;font-size:11px;font-weight:700;gap:4px;padding:3px 8px}.cc-online-dot-sm{animation:cc-pulse 2.2s ease infinite;background:#4ade80;border-radius:50%;box-shadow:0 0 4px #4ade8099;flex-shrink:0;height:6px;width:6px}.cc-filter-badge{align-items:center;background:#fff3;border:1px solid #ffffff47;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-family:Outfit,Segoe UI,sans-serif;font-family:var(--cc-font-ui);font-size:11px;font-weight:700;gap:4px;padding:4px 10px;transition:background .15s;white-space:nowrap}.cc-filter-badge:hover{background:#ffffff52}.cc-icon-btn{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:5px;border-radius:var(--cc-radius-sm);color:#ffffffd9;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;transition:background .15s;width:32px}.cc-icon-btn:hover{background:#ffffff40;color:#fff}.cc-icon-btn--active{background:#ffffff47;color:#fff}.cc-notif-dot-indicator{animation:cc-pulse 2s infinite;background:#ef4444;border:1.5px solid #2d5fa8;border:1.5px solid var(--cc-blue);border-radius:50%;height:7px;pointer-events:none;position:absolute;right:3px;top:3px;width:7px}.cc-conn-banner{align-items:center;display:flex;flex-shrink:0;font-family:Outfit,Segoe UI,sans-serif;font-family:var(--cc-font-ui);font-size:12px;font-weight:700;gap:6px;padding:7px 16px}.cc-conn-banner--connecting{background:#fef3c7;color:#92400e}.cc-conn-banner--disconnected{background:#fef2f2;color:#dc2626}.cc-search-bar{background:#f8f9fb;border-bottom:1px solid #d0d5dc;border-bottom:1px solid var(--cc-border);gap:7px;padding:8px 14px}.cc-search-bar,.cc-search-icon{align-items:center;display:flex;flex-shrink:0}.cc-search-icon{color:#6b7280;color:var(--cc-text-muted)}.cc-search-input{background:#fff;border:1.5px solid #d0d5dc;border:1.5px solid var(--cc-border);border-radius:5px;border-radius:var(--cc-radius-sm);color:#1a1d24;color:var(--cc-text);flex:1 1;font-family:Outfit,Segoe UI,sans-serif;font-family:var(--cc-font-ui);font-size:12px;font-weight:500;outline:none;padding:6px 10px;transition:border-color .2s,box-shadow .2s}.cc-search-input:focus{border-color:#4a7fc4;border-color:var(--cc-blue-light);box-shadow:0 0 0 2.5px #2d5fa826}.cc-search-input::placeholder{color:#6b7280;color:var(--cc-text-muted);font-style:italic}.cc-search-clear{background:none;border:none;color:#6b7280;color:var(--cc-text-muted);cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:0 2px}.cc-search-clear:hover{color:#1a1d24;color:var(--cc-text)}.cc-pinned-banner{align-items:center;background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:5px;border-radius:var(--cc-radius-sm);box-shadow:0 1px 4px #00000014,0 2px 8px #0000000d;box-shadow:var(--cc-shadow-sm);color:#78350f;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;gap:8px;margin:8px 12px;padding:7px 12px;transition:background .15s}.cc-pinned-banner:hover{background:#fef9c3}.cc-pinned-banner:focus-visible{outline:2px solid #2d5fa8;outline:2px solid var(--cc-blue);outline-offset:2px}.cc-pinned-banner svg{fill:#f59e0b;color:#f59e0b;flex-shrink:0}.cc-pinned-content{flex:1 1;min-width:0}.cc-pinned-label{color:#92400e;font-size:9px;font-weight:800;letter-spacing:.7px;margin-bottom:1px;text-transform:uppercase}.cc-pinned-text{color:#78350f;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-pinned-more{display:flex;flex-direction:column;gap:3px;margin-top:5px}.cc-pinned-item{border-top:.5px solid #fde68a;color:#92400e;font-size:11px;font-weight:600;padding-top:3px}.cc-pinned-count{background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;color:#92400e;flex-shrink:0;font-size:10px;font-weight:800;padding:2px 7px}.cc-messages-wrap{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.cc-messages{background:linear-gradient(180deg,#f2f0f0,#eeecec);flex:1 1;overflow-y:auto;padding:8px 0 4px;scroll-behavior:smooth}.cc-messages::-webkit-scrollbar{width:4px}.cc-messages::-webkit-scrollbar-track{background:#0000}.cc-messages::-webkit-scrollbar-thumb{background:#c8cdd4;border-radius:3px}.cc-load-more-spinner{display:flex;justify-content:center;padding:10px}.cc-scroll-fab{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--cc-blue-grad);border:none;border-radius:50%;bottom:14px;box-shadow:0 4px 14px #2d5fa866;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:14px;transition:transform .12s,box-shadow .12s;width:38px;z-index:10}.cc-scroll-fab:hover{box-shadow:0 6px 18px #2d5fa87a;transform:scale(1.08)}.cc-scroll-fab:active{transform:scale(.94)}.cc-scroll-fab-badge{background:#ef4444;background:var(--cc-red);border:1.5px solid #fff;border:1.5px solid var(--cc-card);border-radius:999px;color:#fff;font-size:9px;font-weight:800;line-height:1.4;min-width:16px;padding:1px 4px;position:absolute;right:-4px;text-align:center;top:-4px}.cc-date-divider{align-items:center;color:#6b7280;color:var(--cc-text-muted);display:flex;font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:11px;font-weight:700;padding:10px 0;text-align:center}.cc-date-divider:after,.cc-date-divider:before{background:linear-gradient(90deg,#0000,#d0d5dc,#0000);background:linear-gradient(90deg,#0000,var(--cc-border),#0000);content:"";flex:1 1;height:1px;margin:0 12px}.cc-date-divider span{background:#e6e3e3;border:1px solid #d0d5dc;border:1px solid var(--cc-border);border-radius:999px;font-size:10.5px;padding:2px 10px}.cc-msg{align-items:flex-end;display:flex;gap:8px;padding:3px 14px;position:relative;transition:background .1s}.cc-msg:hover{background:rgba(45,95,168,.035)}.cc-msg--pinned{background:#f59e0b12}.cc-msg--pinned:hover{background:#f59e0b1f}.cc-msg--other{flex-direction:row;justify-content:flex-start}.cc-msg--own{flex-direction:row-reverse;justify-content:flex-start}.cc-msg-avatar{align-self:flex-end;flex-shrink:0}.cc-msg-body{display:flex;flex-direction:column;max-width:68%;min-width:0}.cc-msg--own .cc-msg-body{align-items:flex-end}.cc-pin-badge{align-items:center;color:#92400e;display:flex;font-size:9px;font-weight:800;gap:3px;letter-spacing:.3px;margin-bottom:2px;text-transform:uppercase}.cc-msg-header{align-items:baseline;display:flex;gap:6px;margin-bottom:3px}.cc-msg-header--own{flex-direction:row;justify-content:flex-end}.cc-msg-name{color:#1a1d24;color:var(--cc-text);font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:12px;font-weight:800}.cc-msg-name--clickable{cursor:pointer;transition:color .12s}.cc-msg-name--clickable:hover{color:#2d5fa8;color:var(--cc-blue);text-decoration:underline;text-underline-offset:2px}.cc-msg-name--clickable:focus-visible{border-radius:2px;outline:2px solid #2d5fa8;outline:2px solid var(--cc-blue);outline-offset:2px}.cc-msg-name--you{color:#1e4a8a;color:var(--cc-blue-dark)}.cc-msg-branch,.cc-msg-time{color:#6b7280;color:var(--cc-text-muted);font-size:10px;font-weight:600}.cc-reply-quote{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffbf;border-left:2.5px solid #a5b4fc;border-radius:0 5px 5px 0;font-size:11.5px;margin-bottom:4px;max-width:100%;padding:4px 8px}.cc-msg--own .cc-reply-quote{border-left:none;border-radius:5px 0 0 5px;border-right:2.5px solid #a5b4fc;text-align:right}.cc-reply-quote-name{color:#1a1d24;color:var(--cc-text);font-size:11px;font-weight:800;margin-bottom:1px}.cc-reply-quote-text{color:#3d4350;color:var(--cc-text-mid);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-bubble{border-radius:14px;border-radius:var(--cc-radius-lg);box-shadow:0 1px 4px #00000014,0 2px 8px #0000000d;box-shadow:var(--cc-shadow-sm);max-width:100%;padding:8px 12px;position:relative;word-break:break-word}.cc-bubble--other{background:#fff;border:1px solid #e8eaf0;border:1px solid var(--cc-border-light);border-radius:4px 14px 14px 14px;border-radius:4px var(--cc-radius-lg) var(--cc-radius-lg) var(--cc-radius-lg)}.cc-bubble--own{background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--cc-blue-grad);border-radius:14px 4px 14px 14px;border-radius:var(--cc-radius-lg) 4px var(--cc-radius-lg) var(--cc-radius-lg);color:#fff}.cc-bubble--own .cc-msg-text{color:#fff}.cc-bubble--own .cc-hashtag{color:#c7d2fe}.cc-bubble--own .cc-mention{color:#bfdbfe}.cc-msg-text{color:#1a1d24;color:var(--cc-text);font-size:13px;font-weight:500;line-height:1.55;white-space:pre-wrap}.cc-msg-text--deleted{color:#6b7280!important;color:var(--cc-text-muted)!important;font-style:italic;font-weight:400}.cc-hashtag{color:#6366f1;color:var(--cc-accent);cursor:pointer;font-weight:700}.cc-hashtag:hover{text-decoration:underline}.cc-mention{color:#2d5fa8;color:var(--cc-blue);font-weight:700}.cc-msg-image-wrap{border:1px solid #00000014;border-radius:10px;box-shadow:0 1px 4px #00000014,0 2px 8px #0000000d;box-shadow:var(--cc-shadow-sm);display:inline-block;margin-top:4px;max-width:240px;overflow:hidden;position:relative}.cc-img-dl-btn{background:#0000008c;border-radius:5px;bottom:6px;color:#fff;font-size:12px;opacity:0;padding:3px 8px;position:absolute;right:6px;text-decoration:none;transition:opacity .15s}.cc-msg-image-wrap:hover .cc-img-dl-btn{opacity:1}.cc-msg-image{height:auto;max-height:200px;object-fit:cover;width:100%}.cc-msg-image,.cc-msg-video{display:block;max-width:240px}.cc-msg-video{background:#000;border-radius:10px;margin-top:4px;max-height:180px}.cc-msg-file{align-items:center;background:#f5f7fb;border:1px solid #d0d5dc;border:1px solid var(--cc-border);border-radius:10px;color:inherit;display:flex;gap:9px;margin-top:4px;max-width:220px;padding:9px 11px;text-decoration:none;transition:background .12s,box-shadow .12s}.cc-msg--own .cc-msg-file{background:#ffffff2e;border-color:#ffffff47;color:#fff}.cc-msg-file:hover{background:#eef2f9;box-shadow:0 1px 4px #00000014,0 2px 8px #0000000d;box-shadow:var(--cc-shadow-sm)}.cc-file-icon{color:#2d5fa8;color:var(--cc-blue);flex-shrink:0}.cc-file-info{flex:1 1;min-width:0}.cc-file-name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-file-size{font-size:10px;font-weight:600;margin-top:1px}.cc-file-dl,.cc-file-size{color:#6b7280;color:var(--cc-text-muted)}.cc-file-dl{flex-shrink:0}.cc-reactions{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.cc-reactions--own{justify-content:flex-end}.cc-reaction{align-items:center;background:#f5f7fb;border:1px solid #d0d5dc;border:1px solid var(--cc-border);border-radius:999px;cursor:pointer;display:inline-flex;font-size:12px;gap:3px;padding:2px 8px;transition:background .12s,border-color .12s,transform .1s;-webkit-user-select:none;user-select:none}.cc-reaction span{color:#3d4350;color:var(--cc-text-mid);font-size:10.5px;font-weight:700}.cc-reaction:hover{background:#fff;border-color:#b8c5d8;transform:scale(1.05)}.cc-reaction--mine{background:#eef2ff;border-color:#a5b4fc}.cc-reaction--mine span{color:#4338ca}.cc-emoji-picker{animation:cc-pop .12s ease;background:#fff;background:var(--cc-card);border:1px solid #d0d5dc;border:1px solid var(--cc-border);border-radius:8px;border-radius:var(--cc-radius);bottom:calc(100% + 6px);box-shadow:0 4px 16px #0000001f,0 2px 6px #0000000f;box-shadow:var(--cc-shadow-md);display:flex;gap:2px;left:38px;padding:5px 7px;position:absolute;z-index:100}.cc-emoji-picker--own{left:auto;right:38px}@keyframes cc-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.cc-emoji-opt{background:none;border:none;border-radius:5px;cursor:pointer;font-size:18px;line-height:1;padding:3px 4px;transition:background .1s,transform .1s}.cc-emoji-opt:hover{background:#f0f4fb;transform:scale(1.18)}.cc-msg-actions{align-items:center;display:none;flex-wrap:wrap;gap:3px;margin-top:4px}.cc-msg-actions--own{justify-content:flex-end}.cc-msg:hover .cc-msg-actions{display:flex}.cc-action-btn{align-items:center;background:linear-gradient(180deg,#f7f8fa,#e8ecf2);border:1px solid #d0d5dc;border:1px solid var(--cc-border);border-radius:4px;color:#3d4350;color:var(--cc-text-mid);cursor:pointer;display:flex;font-family:Outfit,Segoe UI,sans-serif;font-family:var(--cc-font-ui);font-size:10.5px;font-weight:700;gap:3px;padding:3px 8px;transition:background .12s,color .12s,transform .1s;white-space:nowrap}.cc-action-btn:hover{background:linear-gradient(180deg,#eaeff8,#d8e0ec);color:#1e4a8a;color:var(--cc-blue-dark);transform:translateY(-1px)}.cc-action-btn:focus-visible{outline:2px solid #2d5fa8;outline:2px solid var(--cc-blue);outline-offset:1px}.cc-action-btn--more{font-size:13px;font-weight:800;padding:2px 6px}.cc-action-btn--danger:hover{background:#fff0f0;border-color:#fca5a5;color:#dc2626;transform:none}.cc-action-btn--emoji{padding:2px 5px}.cc-typing{background:#fff;background:var(--cc-card);border-top:1px solid #e8eaf0;border-top:1px solid var(--cc-border-light);color:#6b7280;color:var(--cc-text-muted);flex-shrink:0;font-size:11px;font-weight:600;gap:6px;height:22px;padding:4px 16px}.cc-typing,.cc-typing-dots{align-items:center;display:flex}.cc-typing-dots{gap:2px}.cc-typing-dots span{animation:cc-bounce 1.2s ease infinite;background:#b0bac8;border-radius:50%;height:5px;width:5px}.cc-typing-dots span:nth-child(2){animation-delay:.2s}.cc-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes cc-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.cc-compose{background:linear-gradient(180deg,#f5f7fb,#fff);border-top:1px solid #d0d5dc;border-top:1px solid var(--cc-border);flex-shrink:0;padding:10px 14px 11px}.cc-reply-banner{align-items:center;background:#f0f4fb;border-left:3px solid #6366f1;border-left:3px solid var(--cc-accent);border-radius:0 8px 8px 0;border-radius:0 var(--cc-radius) var(--cc-radius) 0;box-shadow:0 1px 4px #00000014,0 2px 8px #0000000d;box-shadow:var(--cc-shadow-sm);display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px;padding:6px 10px}.cc-reply-banner-name{color:#1a1d24;color:var(--cc-text);font-size:12px;font-weight:800}.cc-reply-banner-preview{color:#6b7280;color:var(--cc-text-muted);font-size:11px;font-weight:500;margin-top:1px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-reply-cancel{background:none;border:none;color:#6b7280;color:var(--cc-text-muted);cursor:pointer;font-size:20px;line-height:1;padding:0;transition:color .12s}.cc-reply-cancel:hover{color:#1a1d24;color:var(--cc-text)}.cc-file-preview{align-items:center;background:#f5f7fb;border:1px solid #d0d5dc;border:1px solid var(--cc-border);border-radius:8px;border-radius:var(--cc-radius);display:inline-flex;gap:8px;margin-bottom:8px;max-width:190px;padding:6px 8px;position:relative}.cc-file-preview-img{border-radius:5px;height:42px;object-fit:cover;width:42px}.cc-file-preview-doc{align-items:center;display:flex;font-size:12px;font-weight:700;gap:5px}.cc-file-preview-doc span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-file-preview-rm{align-items:center;background:#1e4a8a;background:var(--cc-blue-dark);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:19px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:background .12s;width:19px}.cc-file-preview-rm:hover{background:#ef4444;background:var(--cc-red)}.cc-input-row{align-items:flex-end;display:flex;gap:8px}.cc-attach-btn{align-items:center;background:linear-gradient(180deg,#f6f7f9,#e8ecf2);border:1px solid #d0d5dc;border:1px solid var(--cc-border);border-radius:8px;border-radius:var(--cc-radius);color:#3d4350;color:var(--cc-text-mid);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:background .15s,color .15s;width:38px}.cc-attach-btn:hover{background:linear-gradient(180deg,#e8edf5,#d8dde8);color:#2d5fa8;color:var(--cc-blue)}.cc-attach-btn:focus-visible{outline:2px solid #2d5fa8;outline:2px solid var(--cc-blue);outline-offset:2px}.cc-text-input{field-sizing:content;background:#fff;border:1.5px solid #d0d5dc;border:1.5px solid var(--cc-border);border-radius:8px;border-radius:var(--cc-radius);color:#1a1d24;color:var(--cc-text);flex:1 1;font-family:Outfit,Segoe UI,sans-serif;font-family:var(--cc-font-ui);font-size:13px;font-weight:500;line-height:1.5;max-height:110px;min-height:38px;outline:none;overflow-y:auto;padding:8px 11px;resize:none;transition:border-color .2s,box-shadow .2s}.cc-text-input:focus{border-color:#4a7fc4;border-color:var(--cc-blue-light);box-shadow:0 0 0 2.5px #2d5fa826}.cc-text-input:disabled{background:#f3f4f6;cursor:not-allowed}.cc-text-input::placeholder{color:#6b7280;color:var(--cc-text-muted);font-style:italic}.cc-char-count{align-self:flex-end;color:#6b7280;color:var(--cc-text-muted);flex-shrink:0;font-size:11px;font-weight:700;min-width:28px;padding-bottom:10px;text-align:right}.cc-char-count--warn{color:#ef4444;color:var(--cc-red);font-weight:800}.cc-send-btn{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--cc-blue-grad);border:none;border-radius:8px;border-radius:var(--cc-radius);box-shadow:0 2px 8px #2d5fa859;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:transform .1s,box-shadow .15s;width:38px}.cc-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #2d5fa873;transform:translateY(-1px)}.cc-send-btn:active:not(:disabled){transform:scale(.96)}.cc-send-btn:disabled{cursor:default}.cc-send-btn--sending,.cc-send-btn:disabled{background:#c7d2fe;box-shadow:none}.cc-send-btn:focus-visible{outline:2px solid #1e4a8a;outline:2px solid var(--cc-blue-dark);outline-offset:2px}.cc-compose-hint{color:#6b7280;color:var(--cc-text-muted);font-size:10px;font-weight:500;margin-top:5px;padding-left:2px}.cc-notif-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000059;display:none;inset:0;position:fixed;z-index:299}.cc-notif-panel{background:#fff;background:var(--cc-card);border-left:1px solid #d0d5dc;border-left:1px solid var(--cc-border);box-shadow:-2px 0 8px #0000000f;display:flex;flex-direction:column;flex-shrink:0;min-width:252px;min-width:var(--cc-notif-w);overflow:hidden;width:252px;width:var(--cc-notif-w)}.cc-notif-header{align-items:center;background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--cc-blue-grad);border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:6px;padding:12px 14px 10px}.cc-notif-title{color:#fff;font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.cc-notif-badge{background:#ef4444;background:var(--cc-red);border:1.5px solid #ffffff40;border-radius:999px;color:#fff;font-size:10px;font-weight:800;padding:1px 5px}.cc-mark-all-btn{background:#ffffff26;border:1px solid #ffffff47;border-radius:4px;color:#fff;cursor:pointer;font-family:Outfit,Segoe UI,sans-serif;font-family:var(--cc-font-ui);font-size:10px;font-weight:700;margin-left:auto;padding:2px 8px;transition:background .15s}.cc-mark-all-btn:hover{background:#ffffff47}.cc-notif-list{background:#f8f9fb;display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:8px 10px}.cc-notif-list::-webkit-scrollbar{width:3px}.cc-notif-list::-webkit-scrollbar-thumb{background:#d0d5dc;background:var(--cc-border);border-radius:2px}.cc-notif-empty{align-items:center;color:#6b7280;color:var(--cc-text-muted);display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:8px;justify-content:center;padding:30px 10px;text-align:center}.cc-notif-group{animation:cc-slide-in .2s ease;border:1px solid;border-left:3px solid;border-radius:8px;border-radius:var(--cc-radius);box-shadow:0 1px 4px #00000014,0 2px 8px #0000000d;box-shadow:var(--cc-shadow-sm);cursor:pointer;padding:8px 10px;transition:opacity .12s,transform .12s}@keyframes cc-slide-in{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.cc-notif-group:hover{opacity:.88;transform:translateX(-2px)}.cc-notif-group:focus-visible{outline:2px solid #2d5fa8;outline:2px solid var(--cc-blue);outline-offset:2px}.cc-notif-group-header{align-items:center;display:flex;gap:5px;margin-bottom:4px}.cc-notif-dot{animation:cc-pulse 2s infinite;border-radius:50%;flex-shrink:0;height:6px;width:6px}.cc-notif-tag{font-size:11px;font-weight:800;letter-spacing:.1em}.cc-notif-extra{background:#00000014;border-radius:999px;font-size:10px;font-weight:700;padding:1px 5px}.cc-notif-time{color:#6b7280;color:var(--cc-text-muted);flex-shrink:0;font-size:10px;font-weight:600;margin-left:auto}.cc-notif-preview{align-items:center;display:flex;gap:5px;margin-bottom:3px}.cc-notif-sender{color:#1a1d24;color:var(--cc-text);font-size:12px;font-weight:800}.cc-notif-reply-badge{background:#eef2ff;border-radius:999px;color:#6366f1;font-size:10px;font-weight:700;padding:1px 5px}.cc-notif-msg{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3d4350;color:var(--cc-text-mid);display:-webkit-box;font-size:11px;font-weight:500;line-height:1.4;overflow:hidden}.cc-notif-footer{background:#fff;background:var(--cc-card);border-top:1px solid #d0d5dc;border-top:1px solid var(--cc-border);flex-shrink:0;padding:8px 10px 10px}.cc-notif-footer-label{color:#6b7280;color:var(--cc-text-muted);font-size:9px;font-weight:800;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.cc-notif-avatars{align-items:center;display:flex}.cc-notif-avatar-wrap{margin-right:-6px}.cc-notif-mini-avatar{align-items:center;border:2px solid #fff;border:2px solid var(--cc-card);border-radius:50%;display:flex;font-size:9px;font-weight:800;height:26px;justify-content:center;width:26px}.cc-toast-stack{display:flex;flex-direction:column;gap:6px;left:50%;max-width:420px;min-width:240px;pointer-events:none;position:fixed;top:68px;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:9999}.cc-toast{align-items:center;animation:cc-toast-in .22s cubic-bezier(.34,1.56,.64,1);border-radius:8px;box-shadow:0 8px 32px #0000002e;box-shadow:var(--cc-shadow-lg);display:flex;font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:13px;font-weight:700;gap:10px;justify-content:space-between;padding:10px 14px 10px 16px;pointer-events:all}.cc-toast--info{background:#1e4a8a;background:var(--cc-blue-dark);color:#fff}.cc-toast--success{background:#166534;color:#fff}.cc-toast--error{background:#991b1b;color:#fff}.cc-toast-close{background:none;border:none;color:#ffffffb8;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:0;pointer-events:all;transition:color .1s}.cc-toast-close:hover{color:#fff}@keyframes cc-toast-in{0%{opacity:0;transform:translateY(-14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.cc-confirm-overlay{align-items:center;animation:cc-fade-in .15s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes cc-fade-in{0%{opacity:0}to{opacity:1}}.cc-confirm{animation:cc-pop .2s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--cc-card);border-radius:12px;box-shadow:0 8px 32px #0000002e;box-shadow:var(--cc-shadow-lg);max-width:360px;padding:28px 28px 22px;text-align:center;width:100%}.cc-confirm-icon{font-size:32px;margin-bottom:10px}.cc-confirm-msg{color:#1a1d24;color:var(--cc-text);font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:14px;font-weight:600;line-height:1.5;margin:0 0 22px}.cc-confirm-actions{display:flex;gap:10px;justify-content:center}.cc-confirm-yes{background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--cc-blue-grad);border:none;border-radius:8px;border-radius:var(--cc-radius);box-shadow:0 2px 8px #2d5fa84d;color:#fff;cursor:pointer;font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:13px;font-weight:800;padding:9px 24px;transition:transform .1s,box-shadow .15s}.cc-confirm-yes:hover{box-shadow:0 4px 14px #2d5fa866;transform:translateY(-1px)}.cc-confirm-yes:active{transform:scale(.97)}.cc-confirm-yes--danger{background:linear-gradient(135deg,#991b1b,#dc2626);box-shadow:0 2px 8px #991b1b4d}.cc-confirm-yes--danger:hover{box-shadow:0 4px 14px #991b1b66}.cc-confirm-no{background:#f3f4f6;border:1px solid #d0d5dc;border:1px solid var(--cc-border);border-radius:8px;border-radius:var(--cc-radius);color:#3d4350;color:var(--cc-text-mid);cursor:pointer;font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:13px;font-weight:700;padding:9px 24px;transition:background .12s}.cc-confirm-no:hover{background:#e5e7eb}.cc-empty,.cc-error,.cc-loading{align-items:center;color:#6b7280;color:var(--cc-text-muted);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.cc-loading p{color:#6b7280;color:var(--cc-text-muted);font-size:13px;font-weight:600}.cc-empty h3{color:#1a1d24;color:var(--cc-text);font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:15px;font-weight:800;margin:0}.cc-empty p{color:#6b7280;color:var(--cc-text-muted);font-size:12px;font-weight:500}.cc-empty svg{color:#c8cdd4}.cc-error p{color:#dc2626;font-size:13px;font-weight:700}.cc-retry-btn{background:linear-gradient(135deg,#1a3a6b,#2d5fa8 55%,#4a7fc4);background:var(--cc-blue-grad);border:none;border-radius:8px;border-radius:var(--cc-radius);box-shadow:0 2px 8px #2d5fa84d;color:#fff;cursor:pointer;font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:12.5px;font-weight:800;padding:8px 20px;transition:transform .12s,box-shadow .12s}.cc-retry-btn:hover{box-shadow:0 4px 12px #2d5fa861;transform:translateY(-1px)}.cc-section-error{color:#b91c1c;font-size:12px;font-weight:700;gap:8px;padding:16px}.cc-no-college,.cc-section-error{align-items:center;display:flex;flex-direction:column;text-align:center}.cc-no-college{background:linear-gradient(160deg,#d8d4d4,#c8c4c4);gap:14px;height:calc(100vh - 60px);justify-content:center;padding:40px 20px}.cc-no-college h3{color:#1a1d24;color:var(--cc-text);font-family:Nunito,Segoe UI,sans-serif;font-family:var(--cc-font-body);font-size:16px;font-weight:800;margin:0}.cc-no-college p{color:#3d4350;color:var(--cc-text-mid);font-size:13px;font-weight:500;max-width:280px}.cc-spinner{animation:cc-spin .7s linear infinite;border:2.5px solid #dde4ee;border-radius:50%;border-top:2.5px solid var(--cc-blue);display:inline-block;height:22px;width:22px}.cc-spinner--lg{border-width:3px;height:32px;width:32px}.cc-spinner--sm{border-width:2px;height:14px;width:14px}.cc-spinner--white{border-color:#fff #ffffff47 #ffffff47}@keyframes cc-spin{to{transform:rotate(1turn)}}@media (max-width:1200px){:root{--cc-notif-w:230px}}@media (max-width:1024px){.cc-notif-panel{animation:cc-slide-from-right .25s cubic-bezier(.4,0,.2,1);bottom:0;box-shadow:0 8px 32px #0000002e;box-shadow:var(--cc-shadow-lg);position:fixed;right:0;top:60px;z-index:300}.cc-notif-overlay{display:block}@keyframes cc-slide-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}}@media (max-width:900px){:root{--cc-sidebar-w:240px}.cc-sidebar{bottom:0;box-shadow:0 8px 32px #0000002e;box-shadow:var(--cc-shadow-lg);left:0;position:fixed;top:60px;transform:translateX(-100%)}.cc-sidebar--open{animation:cc-slide-from-left .25s cubic-bezier(.4,0,.2,1);transform:translateX(0)}.cc-sidebar-overlay{display:block}.cc-menu-btn,.cc-sidebar-close{display:flex}@keyframes cc-slide-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.cc-compose-hint{display:none}.cc-msg-body{max-width:78%}.cc-online-pill{display:none}}@media (max-width:600px){:root{--cc-header-h:48px;--cc-sidebar-w:260px}.cc-root{height:calc(100vh - 56px)}.cc-header{gap:6px;padding:0 10px}.cc-chat-title{font-size:13px}.cc-filter-badge{display:none}.cc-msg{padding:3px 10px}.cc-msg-body{max-width:84%}.cc-bubble{padding:7px 10px}.cc-msg-text{font-size:13px}.cc-action-btn--emoji{display:none}.cc-messages{padding:6px 0 2px}.cc-pinned-banner{margin:6px 10px}.cc-compose{padding:8px 10px 10px}.cc-text-input{font-size:14px}.cc-attach-btn,.cc-send-btn{height:40px;width:40px}.cc-text-input{min-height:40px}.cc-toast-stack{bottom:80px;left:10px;max-width:none;right:10px;top:auto;transform:none;width:auto}.cc-confirm{padding:22px 18px 18px}.cc-confirm-actions{flex-direction:column-reverse}.cc-confirm-no,.cc-confirm-yes{justify-content:center;width:100%}.cc-msg-image{max-height:160px;max-width:200px}.cc-msg-video{max-height:140px;max-width:200px}.cc-msg-file{max-width:190px}.cc-date-divider span{font-size:10px;padding:1px 8px}}@media (max-width:400px){.cc-msg-body{max-width:90%}.cc-online-pill{display:none}.cc-icon-btn{height:30px;width:30px}}@media (prefers-reduced-motion:reduce){.cc-notif-dot,.cc-notif-dot-indicator,.cc-online-dot,.cc-online-dot-sm,.cc-typing-dots span{animation:none}.cc-confirm,.cc-confirm-overlay,.cc-notif-group,.cc-notif-panel,.cc-sidebar,.cc-toast{animation:none;transition:none}.cc-action-btn,.cc-reaction,.cc-retry-btn,.cc-scroll-fab,.cc-send-btn{transition:none}}