.tt{vertical-align:middle;cursor:pointer;width:64px;height:34px;font-size:17px;display:inline-block;position:relative}.tt-input{opacity:0;width:0;height:0}.tt-slider{background-color:#73c0fc;border-radius:30px;transition:all .4s;position:absolute;inset:0;box-shadow:inset 0 1px 4px #0f172a2e}.tt-slider:before{content:"";z-index:2;background-color:#e8e8e8;border-radius:20px;width:30px;height:30px;transition:all .4s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0f172a40}.tt-sun svg{z-index:1;width:24px;height:24px;position:absolute;top:6px;left:36px}.tt-moon svg{fill:#73c0fc;z-index:1;width:24px;height:24px;position:absolute;top:5px;left:5px}@media (hover:hover){.tt:hover .tt-sun svg{animation:15s linear infinite tt-sun-rotate}.tt:hover .tt-moon svg{animation:5s linear infinite tt-moon-tilt}}@keyframes tt-sun-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tt-moon-tilt{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.tt-input:checked+.tt-slider{background-color:#183153}.tt-input:focus-visible+.tt-slider{box-shadow:0 0 0 3px #667eea73}.tt-input:checked+.tt-slider:before{transform:translate(30px)}[data-theme=dark] .tt-slider{background-color:#183153}[data-theme=dark] .tt-slider:before{background-color:#cbd5e1}@media (prefers-reduced-motion:reduce){.tt-sun svg,.tt-moon svg{animation:none!important}.tt-slider,.tt-slider:before{transition:none}}
.notif-wrapper{vertical-align:middle;align-items:center;display:inline-flex;position:relative}.notif-toggle-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #667eea40;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 1px 4px #0000000d}.notif-toggle-btn:hover{color:#4f46e5;background:#fff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.notif-toggle-btn.active{color:#4f46e5;background:#eff6ff;border-color:#4f46e5;box-shadow:0 0 0 3px #6366f12e}.notif-badge-pill{color:#fff;text-align:center;pointer-events:none;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:2px solid #fff;border-radius:9999px;min-width:18px;height:18px;padding:0 4.5px;font-size:10px;font-weight:700;line-height:18px;animation:.3s cubic-bezier(.175,.885,.32,1.275) notif-pop-badge;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 5px #dc262673}@keyframes notif-pop-badge{0%{transform:scale(0)}75%{transform:scale(1.25)}to{transform:scale(1)}}.notif-click-capture{z-index:1040;background:0 0;position:fixed;inset:0}.notif-dropdown-card{z-index:1050;transform-origin:100% 0;background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;width:410px;max-width:calc(100vw - 24px);max-height:540px;animation:.22s cubic-bezier(.16,1,.3,1) notif-pop-in;display:flex;position:absolute;top:calc(100% + 11px);right:0;overflow:hidden;box-shadow:0 16px 40px -6px #0f172a2e,0 0 0 1px #0000000a}@keyframes notif-pop-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-caret-arrow{z-index:1052;background:#f8fafc;border-top:1px solid #00000014;border-left:1px solid #00000014;width:12px;height:12px;position:absolute;top:-6px;right:12px;transform:rotate(45deg)}.notif-card-header{z-index:1051;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:13px 16px;display:flex;position:relative}.notif-header-title-group{align-items:center;gap:9px;display:flex}.notif-header-icon-box{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;box-shadow:0 2px 6px #6366f14d}.notif-title-wrap{align-items:center;gap:8px;display:flex}.notif-title-text{color:#1e293b;margin:0;font-size:14.5px;font-weight:700;line-height:1}.notif-header-chip-unread{color:#ef4444;background:#fee2e2;border-radius:12px;padding:2px 7px;font-size:10.5px;font-weight:700;line-height:1.2}.notif-header-actions{align-items:center;gap:5px;display:flex}.notif-action-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.notif-action-btn:hover{color:#4338ca;background:#6366f11a}.notif-icon-btn{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .15s;display:inline-flex}.notif-icon-btn:hover{color:#1e293b;background:#cbd5e1}.notif-btn-clear:hover{color:#ef4444;background:#fee2e2}.notif-tabs-bar{scrollbar-width:none;background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.notif-tabs-bar::-webkit-scrollbar{display:none}.notif-tab-chip{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:all .18s;display:inline-flex}.notif-tab-chip:hover{color:#334155;background:#e2e8f0}.notif-tab-chip.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.notif-chip-count{opacity:.85;font-size:10px;font-weight:700}.notif-chip-unread{border-color:#ef444433}.notif-count-highlight{color:#fff;background:#ef4444;border-radius:10px;padding:0 5px;font-size:9.5px;line-height:14px}.notif-list-body{background:#fff;flex:1;max-height:380px;overflow-y:auto}.notif-list-body::-webkit-scrollbar{width:5px}.notif-list-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.notif-feed-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:12px 14px;transition:background-color .15s;display:flex;position:relative}.notif-feed-item:hover{background-color:#f8fafc}.notif-feed-item.unread{background-color:#f5f8ff}.notif-feed-item.unread:before{content:"";background:#6366f1;border-radius:0 4px 4px 0;width:3.5px;position:absolute;top:8px;bottom:8px;left:0}.notif-avatar-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:1px;font-size:13px;display:flex;box-shadow:0 2px 6px #0000001a}.badge-creator{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.badge-mention{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)}.badge-reply{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.badge-fb-mention{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.badge-default{background:linear-gradient(135deg,#64748b 0%,#475569 100%)}.notif-feed-content{flex:1;min-width:0}.notif-headline-row{color:#334155;margin-bottom:4px;font-size:12.5px;line-height:1.4}.notif-sender{color:#4f46e5;font-weight:700}.notif-target{color:#0f172a;font-weight:600}.notif-role-badge{vertical-align:middle;letter-spacing:.2px;border-radius:5px;align-items:center;gap:3px;margin-left:5px;margin-right:3px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.25;display:inline-flex}.notif-role-badge i{font-size:8.5px}.notif-role-admin{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.notif-role-creator{color:#6d28d9;background:#ede9fe;border:1px solid #c4b5fd}.notif-role-user{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.notif-snippet-bubble{color:#475569;-webkit-line-clamp:2;word-break:break-word;background:#f1f5f9;border-left:2px solid #cbd5e1;border-radius:7px;-webkit-box-orient:vertical;margin-bottom:5px;padding:6px 9px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.notif-meta-row{color:#94a3b8;align-items:center;gap:8px;font-size:11px;display:flex}.notif-time-tag{align-items:center;gap:4px;display:inline-flex}.notif-source-pill{color:#5b21b6;background:#ede9fe;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600}.notif-feed-actions{opacity:.6;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;margin-left:6px;transition:opacity .15s;display:flex}.notif-feed-item:hover .notif-feed-actions{opacity:1}.notif-quick-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;transition:all .15s;display:flex}.notif-btn-check:hover{color:#16a34a;background:#dcfce7}.notif-btn-del:hover{color:#ef4444;background:#fee2e2}.notif-read-check-icon{color:#10b981;opacity:.7;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex}@keyframes notif-halo-pulse{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.8;transform:scale(1.12)}}@keyframes notif-sparkle-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(15deg)}}.notif-empty-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:34px 22px 28px;animation:.22s ease-out notif-empty-fade;display:flex}@keyframes notif-empty-fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.notif-empty-art{justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 15px;display:flex;position:relative}.notif-empty-halo{filter:blur(8px);pointer-events:none;border-radius:50%;animation:3.2s ease-in-out infinite notif-halo-pulse;position:absolute;inset:-6px}.halo-indigo{background:radial-gradient(circle,#6366f173 0%,#0000 70%)}.halo-purple{background:radial-gradient(circle,#a855f773 0%,#0000 70%)}.halo-emerald{background:radial-gradient(circle,#10b98173 0%,#0000 70%)}.halo-green{background:radial-gradient(circle,#22c55e73 0%,#0000 70%)}.notif-empty-badge-circle{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 8px 24px -4px #0003,inset 0 1px 2px #ffffff4d}.notif-empty-wrapper:hover .notif-empty-badge-circle{transform:scale(1.05)rotate(-3deg)}.badge-indigo{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.badge-purple{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%)}.badge-emerald{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.badge-green{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.notif-art-sparkle{z-index:3;color:#fbbf24;text-shadow:0 2px 4px #0003;-webkit-user-select:none;user-select:none;animation:2.8s ease-in-out infinite notif-sparkle-float;position:absolute}.sparkle-top{font-size:14px;top:-2px;right:-2px}.sparkle-bottom{font-size:13px;animation-delay:1.4s;bottom:0;left:-2px}.notif-empty-pill{letter-spacing:.2px;border-radius:14px;align-items:center;gap:5px;margin-bottom:9px;padding:3.5px 11px;font-size:11px;font-weight:700;display:inline-flex}.pill-indigo{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.pill-purple{color:#6b21a8;background:#faf5ff;border:1px solid #e9d5ff}.pill-emerald{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pill-green{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.notif-empty-title{color:#0f172a;letter-spacing:-.2px;margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.3}.notif-empty-title:last-child{margin-bottom:0}.notif-empty-title+.notif-empty-cta-btn{margin-top:14px}.notif-empty-desc{color:#64748b;max-width:310px;margin:0 0 16px;font-size:12.5px;line-height:1.55}.notif-empty-tags-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:2px;display:flex}.notif-empty-tag-item{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000008}.notif-empty-tag-item i{color:#6366f1;font-size:10px}.notif-empty-cta-btn{cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 18px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.cta-indigo{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 3px 10px #6366f159}.cta-purple{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);box-shadow:0 3px 10px #a855f759}.cta-emerald{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 3px 10px #10b98159}.cta-outline{color:#4f46e5;background:#fff;border:1.5px solid #c7d2fe;box-shadow:0 1px 3px #0000000d}.notif-empty-cta-btn:hover{transform:translateY(-1.5px)}.cta-indigo:hover{box-shadow:0 6px 16px #6366f173}.cta-purple:hover{box-shadow:0 6px 16px #a855f773}.cta-emerald:hover{box-shadow:0 6px 16px #10b98173}.cta-outline:hover{background:#f8faff;border-color:#6366f1}.notif-card-footer{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:11px;display:flex}[data-theme=dark] .notif-toggle-btn{color:#cbd5e1;background:#1e1e1e;border-color:#333;box-shadow:0 1px 4px #0000004d}[data-theme=dark] .notif-toggle-btn:hover{color:#818cf8;background:#252525;border-color:#6366f1;box-shadow:0 4px 12px #00000080}[data-theme=dark] .notif-toggle-btn.active{color:#c7d2fe;background:#282548;border-color:#818cf8;box-shadow:0 0 0 3px #818cf840}[data-theme=dark] .notif-badge-pill{border-color:#1e1e1e}[data-theme=dark] .notif-dropdown-card{background:#1e1e1e;border-color:#2d2d2d;box-shadow:0 20px 48px -8px #000c,0 0 0 1px #2d2d2d}[data-theme=dark] .notif-caret-arrow{background:#181818;border-color:#2d2d2d}[data-theme=dark] .notif-card-header{background:#181818;border-color:#282828}[data-theme=dark] .notif-title-text{color:#fff}[data-theme=dark] .notif-header-chip-unread{color:#f87171;background:#451a1a}[data-theme=dark] .notif-action-btn{color:#818cf8}[data-theme=dark] .notif-action-btn:hover{color:#a5b4fc;background:#818cf826}[data-theme=dark] .notif-icon-btn{color:#888;background:#282828}[data-theme=dark] .notif-icon-btn:hover{color:#fff;background:#333}[data-theme=dark] .notif-btn-clear:hover{color:#f87171;background:#451a1a}[data-theme=dark] .notif-tabs-bar{background:#1e1e1e;border-color:#262626}[data-theme=dark] .notif-tab-chip{color:#a0aec0;background:#262626}[data-theme=dark] .notif-tab-chip:hover{color:#fff;background:#2d2d2d}[data-theme=dark] .notif-tab-chip.active{color:#c7d2fe;background:#282548;border-color:#4f46e5}[data-theme=dark] .notif-list-body{background:#1e1e1e}[data-theme=dark] .notif-list-body::-webkit-scrollbar-thumb{background-color:#383838}[data-theme=dark] .notif-feed-item{border-color:#262626}[data-theme=dark] .notif-feed-item:hover{background-color:#242424}[data-theme=dark] .notif-feed-item.unread{background-color:#6366f11a}[data-theme=dark] .notif-headline-row{color:#e2e8f0}[data-theme=dark] .notif-sender{color:#818cf8}[data-theme=dark] .notif-target{color:#fff}[data-theme=dark] .notif-role-admin{color:#fca5a5;background:#ef444433;border-color:#ef444473}[data-theme=dark] .notif-role-creator{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf673}[data-theme=dark] .notif-role-user{color:#cbd5e1;background:#94a3b826;border-color:#94a3b859}[data-theme=dark] .notif-snippet-bubble{color:#cbd5e1;background:#262626;border-color:#383838}[data-theme=dark] .notif-meta-row{color:#718096}[data-theme=dark] .notif-source-pill{color:#c7d2fe;background:#2d2550}[data-theme=dark] .pill-indigo{color:#a5b4fc;background:#1e1b4b;border-color:#3730a3}[data-theme=dark] .pill-purple{color:#d8b4fe;background:#2e1065;border-color:#581c87}[data-theme=dark] .pill-emerald{color:#6ee7b7;background:#064e3b;border-color:#047857}[data-theme=dark] .pill-green{color:#86efac;background:#052e16;border-color:#14532d}[data-theme=dark] .notif-empty-title{color:#fff}[data-theme=dark] .notif-empty-desc{color:#94a3b8}[data-theme=dark] .notif-empty-tag-item{color:#cbd5e1;background:#252525;border-color:#333}[data-theme=dark] .cta-outline{color:#818cf8;background:#252525;border-color:#4f46e5}[data-theme=dark] .cta-outline:hover{background:#2e2a4a;border-color:#6366f1}[data-theme=dark] .notif-card-footer{color:#777;background:#181818;border-color:#262626}@media (max-width:580px){.notif-click-capture{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;animation:.18s ease-out notif-fade}@keyframes notif-fade{0%{opacity:0}to{opacity:1}}.notif-dropdown-card{border-radius:16px;width:auto;max-width:440px;max-height:calc(100vh - 120px);margin:0 auto;position:fixed;top:68px;left:12px;right:12px;box-shadow:0 20px 50px #00000059}.notif-caret-arrow{display:none}}
#profileContent{color:#333;min-height:100vh;padding-bottom:calc(65px + env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}#profileContent *{box-sizing:border-box;margin:0;padding:0}#profileContent .navbar{z-index:100;padding:20px;position:sticky;top:0;box-shadow:0 2px 14px #00000014;background-color:var(--bg-secondary,#fff)!important;color:var(--text-primary,#2d3748)!important}#profileContent .navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}#profileContent .navbar-brand{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}#profileContent .navbar-brand i{color:#667eea;font-size:1.8rem}#profileContent .navbar-brand h1{font-size:1.5rem;font-weight:600}#profileContent .profile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;align-items:center;width:min(900px,100% - 2rem);margin:2.5rem auto;padding:2rem;display:flex;box-shadow:0 20px 60px #00000026}#profileContent .profile-picture{border:4px solid #667eea;border-radius:50%;width:120px;height:120px;margin-right:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 25px #667eea4d}#profileContent .profile-picture:hover{transform:scale(1.05);box-shadow:0 12px 35px #667eea66}#profileContent .profile-picture img{object-fit:cover;width:100%;height:100%;transition:all .3s}#profileContent .default-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}#profileContent .profile-details{flex:1}#profileContent .profile-username{color:#2d3748;margin:0 0 .5rem;font-size:2rem;font-weight:700;position:relative}#profileContent .profile-username:after{content:"";background:linear-gradient(45deg,#667eea,#764ba2);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:0}#profileContent .profile-actions{margin-top:1.5rem}#profileContent .profile-actions button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}#profileContent .profile-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}#profileContent .profile-actions button a{color:#fff;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}#profileContent .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;flex-direction:row;justify-content:center;max-width:none;margin:5px;transition:all .3s;display:flex;box-shadow:0 8px 25px #0000001a}#profileContent .container:hover{transform:translateY(-2px);box-shadow:0 12px 35px #00000026}#profileContent .container-profile{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:1rem;width:min(900px,100% - 2rem);margin:1rem auto 5rem;padding:0;display:grid}#profileContent .action-card{color:#2d3748;text-align:center;border-radius:15px;flex-direction:column;align-items:center;width:100%;min-height:100px;padding:1.15rem .9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}#profileContent .action-card:hover{color:#667eea;background:#667eea1a;transform:translateY(-2px)}#profileContent .action-card i{color:#4a5568;margin-bottom:.65rem;font-size:2rem;transition:transform .3s,color .2s;display:inline-block}#profileContent .action-card:hover i{color:#4299e1;transform:scale(1.1)}#profileContent .action-card:hover i.fa-bookmark{color:#f6c744}#profileContent .login-required{min-height:calc(100vh - 140px);padding:2.5rem 1rem calc(80px + env(safe-area-inset-bottom,1rem));justify-content:center;align-items:center;width:100%;display:flex}#profileContent .login-prompt-card{-webkit-backdrop-filter:blur(12px);text-align:center;background:#fffffff5;border:1px solid #fff6;border-radius:24px;flex-direction:column;align-items:center;width:min(480px,100% - 2rem);max-width:480px;padding:2.75rem 2.25rem;transition:all .3s;display:flex;box-shadow:0 20px 60px #00000026}#profileContent .login-prompt-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:4px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:1.35rem;font-size:2.35rem;display:flex;box-shadow:0 10px 25px #667eea59}#profileContent .login-prompt-card h2{color:#2d3748;letter-spacing:-.5px;margin-bottom:.65rem;font-size:1.75rem;font-weight:800}#profileContent .login-prompt-card p{color:#64748b;max-width:380px;margin-bottom:2rem;font-size:.95rem;line-height:1.55}#profileContent .login-buttons{gap:.85rem;width:100%;display:flex}#profileContent .login-buttons a{border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.35rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}#profileContent .btn-login{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:1px solid #0000;box-shadow:0 4px 15px #667eea59;color:#fff!important}#profileContent .btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea73}#profileContent .btn-register{background:#ffffffe6;border:2px solid #667eea;color:#667eea!important}#profileContent .btn-register:hover{background:#667eea14;transform:translateY(-2px)}#profileContent .bottom-nav{z-index:1000;background:#fff;justify-content:space-around;align-items:center;padding:.5rem 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}#profileContent .bottom-nav .nav-item{color:#718096;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;text-decoration:none;transition:color .3s;display:flex}#profileContent .bottom-nav .nav-item i{font-size:1.25rem}#profileContent .bottom-nav .nav-item.active,#profileContent .bottom-nav .nav-item:hover{color:#667eea}@media (max-width:768px){#profileContent{padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))}#profileContent .navbar{padding:.75rem 1rem}#profileContent .navbar-brand h1{font-size:1.35rem}#profileContent .profile{text-align:center;border-radius:18px;flex-direction:column;width:calc(100% - 1rem);margin:1rem auto;padding:1.25rem 1rem}#profileContent .profile-picture{width:100px;height:100px;margin-bottom:.85rem;margin-right:0}#profileContent .profile-username:after{left:50%;transform:translate(-50%)}#profileContent .container-profile{grid-template-columns:repeat(2,1fr);gap:.75rem}#profileContent .login-required{padding:2rem 1.25rem calc(75px + env(safe-area-inset-bottom,1rem));min-height:calc(100vh - 130px)}#profileContent .login-prompt-card{border-radius:22px;width:min(460px,100% - 1.5rem);max-width:460px;padding:2.25rem 1.85rem}#profileContent .login-prompt-avatar{width:80px;height:80px;margin-bottom:1.15rem;font-size:2.15rem}#profileContent .login-prompt-card h2{font-size:1.6rem}#profileContent .login-prompt-card p{margin-bottom:1.65rem;font-size:.92rem}#profileContent .login-buttons a{padding:.8rem 1.25rem;font-size:.92rem}}@media (max-width:480px){#profileContent .profile{width:calc(100% - .75rem);margin:.75rem auto;padding:1rem .85rem}#profileContent .container-profile{grid-template-columns:1fr;gap:.65rem}#profileContent .action-card{border-radius:14px;padding:1rem}#profileContent .login-required{padding:1.5rem .75rem calc(70px + env(safe-area-inset-bottom,1rem));min-height:calc(100vh - 110px)}#profileContent .login-prompt-card{border-radius:20px;width:calc(100% - .5rem);max-width:390px;padding:1.85rem 1.25rem}#profileContent .login-prompt-avatar{width:72px;height:72px;margin-bottom:1rem;font-size:1.95rem}#profileContent .login-prompt-card h2{margin-bottom:.45rem;font-size:1.35rem}#profileContent .login-prompt-card p{margin-bottom:1.5rem;font-size:.85rem;line-height:1.5}#profileContent .login-buttons{gap:.65rem}#profileContent .login-buttons a{border-radius:12px;padding:.75rem .95rem;font-size:.88rem}}@media (max-width:360px){#profileContent .login-prompt-card{padding:1.5rem .85rem}#profileContent .login-buttons{flex-direction:column}#profileContent .login-buttons a{width:100%}}[data-theme=dark] #profileContent{color:#fff!important;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%)!important}[data-theme=dark] #profileContent .navbar{color:#fff!important;background-color:#1e1e1e!important;box-shadow:0 2px 14px #0006!important}[data-theme=dark] #profileContent .navbar-brand h1{color:#fff!important}[data-theme=dark] #profileContent .profile,[data-theme=dark] #profileContent .container,[data-theme=dark] #profileContent .login-prompt-card{color:#fff!important;background:#1e1e1e!important;border-color:#2d2d2d!important;box-shadow:0 20px 60px #0006!important}[data-theme=dark] #profileContent .profile-username,[data-theme=dark] #profileContent .login-prompt-card h2{color:#fff!important}[data-theme=dark] #profileContent .login-prompt-card p{color:#94a3b8!important}[data-theme=dark] #profileContent .login-prompt-avatar{border-color:#ffffff26!important;box-shadow:0 10px 25px #00000073!important}[data-theme=dark] #profileContent .btn-register{color:#a5b4fc!important;background:#ffffff0d!important;border-color:#6366f1!important}[data-theme=dark] #profileContent .btn-register:hover{background:#6366f12e!important}[data-theme=dark] #profileContent .action-card{color:#fff!important;background:#1e1e1e!important;border-color:#2d2d2d!important}[data-theme=dark] #profileContent .action-card i{color:#a0aec0!important}[data-theme=dark] #profileContent .action-card span{color:#fff!important}[data-theme=dark] #profileContent .action-card:hover{color:#7f9cf5!important;background:#252525!important}[data-theme=dark] #profileContent .action-card:hover i{color:#7f9cf5!important}[data-theme=dark] #profileContent .action-card:hover i.fa-bookmark{color:#f6c744!important}[data-theme=dark] #profileContent .bottom-nav{background:#1e1e1e!important;border-top:1px solid #2d2d2d!important}[data-theme=dark] #profileContent .bottom-nav .nav-item{color:#a0aec0!important}[data-theme=dark] #profileContent .bottom-nav .nav-item.active,[data-theme=dark] #profileContent .bottom-nav .nav-item:hover{color:#fff!important}.profile-top-actions{align-items:center;gap:.55rem;display:flex}