.profile-analytics-section{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12121eb3;border:1px solid #d4553a2e;border-radius:18px;margin-bottom:28px;padding:24px;position:relative;overflow:hidden}.profile-analytics-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#d4553a1f,#0000 70%);width:280px;height:120px;position:absolute;top:0;right:0}.analytics-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.analytics-title-group{align-items:center;gap:12px;display:flex}.analytics-title{color:#f1f5f9;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.analytics-badge-pill{color:#cfc9bf;background:#d4553a26;border:1px solid #d4553a4d;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.analytics-summary-stats{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.analytics-summary-chip{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:6px;padding:5px 12px;font-size:.85rem;display:flex}.analytics-summary-chip strong{color:var(--accent-primary);font-weight:700}.heatmap-card{background:#0a0a1299;border:1px solid #ffffff0d;border-radius:14px;margin-bottom:22px;padding:18px}.heatmap-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.heatmap-card-title{color:#e2e8f0;align-items:center;gap:6px;margin:0;font-size:.95rem;font-weight:600;display:flex}.heatmap-scroll-wrapper{scrollbar-width:thin;scrollbar-color:#d4553a66 #ffffff08;direction:ltr;padding-bottom:8px;overflow-x:auto}.heatmap-scroll-wrapper::-webkit-scrollbar{height:6px}.heatmap-scroll-wrapper::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.heatmap-scroll-wrapper::-webkit-scrollbar-thumb{background:#d4553a59;border-radius:4px}.heatmap-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#d4553a99}.heatmap-layout{gap:8px;min-width:660px;display:inline-flex}.heatmap-days-col{color:#64748b;text-align:right;-webkit-user-select:none;user-select:none;direction:rtl;flex-direction:column;justify-content:space-between;min-width:42px;padding-top:22px;font-size:.7rem;display:flex}.heatmap-day-label{height:12px;line-height:12px}.heatmap-grid-container{flex-direction:column;gap:4px;display:flex}.heatmap-months-row{align-items:center;gap:3px;height:18px;display:flex;position:relative}.heatmap-month-marker{color:#94a3b8;white-space:nowrap;pointer-events:none;font-size:.72rem;font-weight:500;position:absolute}.heatmap-weeks-columns{gap:3px;display:flex}.heatmap-week-column{flex-direction:column;gap:3px;display:flex}.heatmap-cell{cursor:pointer;background-color:#ffffff08;border:1px solid #ffffff0a;border-radius:2.5px;width:12px;height:12px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}.heatmap-cell:hover{z-index:10;transform:scale(1.35);border-color:#f1f5f9!important}.heatmap-cell.level-0{background-color:#ffffff08;border-color:#ffffff0d}.heatmap-cell.level-1{background-color:#d4553a73;border-color:#d4553a99}.heatmap-cell.level-2{background-color:#d4553acc;border-color:#d4553ae6}.heatmap-cell.level-3{background-color:var(--accent-primary);border-color:#e9d5ff;box-shadow:0 0 8px #c084fc99}.heatmap-cell.is-future{opacity:.15;cursor:default;pointer-events:none}.heatmap-cell.is-today{outline-offset:1px;outline:1.5px solid #38bdf8}.heatmap-footer{border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.heatmap-legend{color:#94a3b8;align-items:center;gap:6px;font-size:.78rem;display:flex}.heatmap-legend-swatches{align-items:center;gap:3px;display:flex}.heatmap-legend-swatch{border-radius:2px;width:11px;height:11px}.analytics-dual-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:900px){.analytics-dual-grid{grid-template-columns:1fr}}.analytics-card{background:#0a0a1299;border:1px solid #ffffff0d;border-radius:14px;padding:18px}.analytics-card-title{color:#e2e8f0;justify-content:space-between;align-items:center;margin:0 0 16px;font-size:.95rem;font-weight:600;display:flex}.genres-list{flex-direction:column;gap:12px;display:flex}.genre-row{flex-direction:column;gap:5px;display:flex}.genre-meta{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.genre-name{color:#e2e8f0;font-weight:500}.genre-counts{color:#94a3b8;align-items:center;gap:6px;font-size:.8rem;display:flex}.genre-pct-pill{color:#cfc9bf;background:#d4553a1f;border-radius:6px;padding:1px 6px;font-size:.75rem;font-weight:600}.genre-bar-track{background:#ffffff0d;border-radius:999px;width:100%;height:7px;overflow:hidden}.genre-bar-fill{background:var(--accent-primary);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.format-segmented-bar{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;width:100%;height:14px;margin-bottom:18px;display:flex;overflow:hidden}.format-segment{cursor:pointer;height:100%;transition:width .5s,filter .2s}.format-segment:hover{filter:brightness(1.25)}.format-legend-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.format-legend-item{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s;display:flex}.format-legend-item:hover{background:#ffffff0d}.format-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 6px}.format-legend-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.format-legend-label{color:#f1f5f9;font-size:.85rem;font-weight:600}.format-legend-stats{color:#94a3b8;font-size:.75rem}.analytics-hidden-card{text-align:center;padding:40px 20px}.analytics-empty-message{text-align:center;color:#64748b;padding:24px 12px;font-size:.88rem}.analytics-floating-tooltip{z-index:9999;color:#f8fafc;pointer-events:none;white-space:nowrap;direction:rtl;background:#1e1b4b;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:500;animation:.15s ease-out tooltipFadeIn;position:fixed;transform:translate(-50%,-100%)translateY(-8px);box-shadow:0 10px 25px -5px #0009,0 0 0 1px #00000080}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-90%)translateY(-8px)}to{opacity:1;transform:translate(-50%,-100%)translateY(-8px)}}
.activity-feed-section{margin-top:10px}.activity-timeline{flex-direction:column;gap:12px;display:flex;position:relative}.activity-card{background:#0a0a1299;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;transition:transform .2s,border-color .2s,background .2s;display:flex}.activity-card:hover{background:#ffffff0a;border-color:#d4553a4d;transform:translate(-4px)}.activity-thumb-wrapper{background:#09090f;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;width:44px;height:60px;overflow:hidden}.activity-thumb-img{object-fit:cover;width:100%;height:100%}.activity-badge-icon-box{background:#d4553a26;border:1px solid #d4553a4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:60px;font-size:1.6rem;display:flex}.activity-info{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.activity-desc{color:#f1f5f9;margin:0;font-size:.92rem;font-weight:600;line-height:1.4}.activity-work-link{color:#cfc9bf;text-decoration:none;transition:color .15s}.activity-work-link:hover{color:var(--accent-primary);text-decoration:underline}.activity-meta{color:#94a3b8;align-items:center;gap:10px;font-size:.75rem;display:flex}.activity-pill{white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:600}.activity-time{align-items:center;gap:4px;display:flex}.activity-empty{text-align:center;color:#64748b;padding:36px 16px;font-size:.9rem}
.user-profile-page{color:#e2e8f0;direction:rtl;background-color:#0a0a0f;min-height:100vh;padding-bottom:80px}.profile-banner-container{background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 50%,#0a0a0f 100%);width:100%;height:240px;position:relative;overflow:hidden}@media (min-width:768px){.profile-banner-container{height:300px}}.profile-banner-img{object-fit:cover;opacity:.75;filter:brightness(.85);width:100%;height:100%;transition:transform .4s}.profile-banner-overlay{background:linear-gradient(#0a0a0f26 0%,#0a0a0fb3 70%,#0a0a0f 100%);position:absolute;inset:0}.profile-header-card{-webkit-backdrop-filter:blur(16px);z-index:10;background:#12121ebf;border:1px solid #ffffff14;border-radius:24px;margin-top:-90px;padding:24px 28px;position:relative;box-shadow:0 20px 40px -10px #0009}@media (min-width:768px){.profile-header-card{margin-top:-110px;padding:32px 40px}}.profile-header-main{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}@media (min-width:768px){.profile-header-main{text-align:right;flex-direction:row;align-items:flex-start;gap:32px}}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar{object-fit:cover;background:#1e1e2f;border:4px solid #12121e;border-radius:50%;width:120px;height:120px;box-shadow:0 8px 24px #00000080}@media (min-width:768px){.profile-avatar{border-width:5px;width:140px;height:140px}}.tier-glow-bronze{box-shadow:0 0 0 3px #cd7f3266,0 0 25px #cd7f324d}.tier-glow-silver{box-shadow:0 0 0 3px #94a3b880,0 0 25px #94a3b859}.tier-glow-gold{box-shadow:0 0 0 3px #f59e0b99,0 0 30px #f59e0b73}.tier-glow-mythic{animation:3s infinite alternate mythicPulse;box-shadow:0 0 0 3px #00000080,0 0 35px #00000080}@keyframes mythicPulse{0%{box-shadow:0 0 0 3px #00000080,0 0 25px #00000080}to{box-shadow:0 0 0 4px #00000080,0 0 35px #00000080}}.profile-level-badge{background:var(--accent-primary);color:#fff;white-space:nowrap;border:2px solid #12121e;border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:800;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000080}.profile-info{flex:1}.profile-names-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}@media (min-width:768px){.profile-names-row{justify-content:flex-start}}.profile-username{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800}.profile-role-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.role-super_admin{color:#fca5a5;background:linear-gradient(135deg,#ef444433,#dc26264d);border:1px solid #ef444466}.role-admin{color:#d8b4fe;background:linear-gradient(135deg,#d4553a33,#9333ea4d);border:1px solid #d4553a66}.role-translator{color:#93c5fd;background:linear-gradient(135deg,#3b82f633,#2563eb4d);border:1px solid #3b82f666}.role-author{color:#6ee7b7;background:linear-gradient(135deg,#10b98133,#0596694d);border:1px solid #10b98166}.role-reader{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1f}.profile-title-rank{color:var(--accent-primary);justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;font-weight:600;display:flex}@media (min-width:768px){.profile-title-rank{justify-content:flex-start}}.profile-bio{color:#cbd5e1;word-break:break-word;max-width:650px;margin-bottom:14px;font-size:.95rem;line-height:1.6}.profile-join-date{color:#64748b;justify-content:center;align-items:center;gap:6px;font-size:.85rem;display:flex}@media (min-width:768px){.profile-join-date{justify-content:flex-start}}.profile-actions-wrapper{justify-content:center;margin-top:16px;display:flex}@media (min-width:768px){.profile-actions-wrapper{align-self:flex-start;margin-top:0}}.btn-profile-edit{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-profile-edit:hover{color:#c7d2fe;background:#d4553a26;border-color:#d4553a66;transform:translateY(-2px)}.profile-stats-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;padding-top:24px;display:grid}@media (min-width:640px){.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.profile-stat-box{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:16px;transition:transform .2s,border-color .2s}.profile-stat-box:hover{background:#ffffff0d;border-color:#d4553a4d;transform:translateY(-2px)}.profile-stat-value{color:#fff;margin-bottom:4px;font-size:1.4rem;font-weight:800;display:block}.profile-stat-label{color:#94a3b8;font-size:.82rem;font-weight:500}.profile-section-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12121e99;border:1px solid #ffffff12;border-radius:20px;margin-top:24px;padding:24px}.profile-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.profile-section-title{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.profile-section-action-btn{color:#cfc9bf;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.profile-section-action-btn:hover{color:#fff;background:#d4553a26;border-color:#d4553a4d}.pinned-badges-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.pinned-badge-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:18px 14px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.pinned-badge-card:hover{transform:translateY(-3px)}.badge-rarity-bronze{border-color:#cd7f3266}.badge-rarity-bronze:hover{box-shadow:0 8px 20px #cd7f3233}.badge-rarity-silver{border-color:#94a3b866}.badge-rarity-silver:hover{box-shadow:0 8px 20px #94a3b833}.badge-rarity-gold{background:linear-gradient(#f59e0b0f,#ffffff05);border-color:#f59e0b80}.badge-rarity-gold:hover{box-shadow:0 8px 25px #f59e0b40}.badge-rarity-mythic{background:linear-gradient(#d4553a14,#d4553a0a);border-color:#d4553a99}.badge-rarity-mythic:hover{box-shadow:0 8px 30px #00000080}.badge-card-icon{margin-bottom:8px;font-size:2.2rem;display:block}.badge-card-name{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:700}.badge-card-rarity{border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-card-date{color:#64748b;font-size:.75rem;display:block}.profile-tabs-nav{scrollbar-width:none;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin-top:32px;padding-bottom:2px;display:flex;overflow-x:auto}.profile-tabs-nav::-webkit-scrollbar{display:none}.profile-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-size:.98rem;font-weight:600;transition:all .2s;display:flex}.profile-tab-btn:hover{color:#e2e8f0}.profile-tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.profile-tab-count{background:#ffffff14;border-radius:999px;padding:2px 8px;font-size:.8rem}.profile-tab-btn.active .profile-tab-count{color:#cfc9bf;background:#d4553a33}.works-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:16px;display:grid}@media (min-width:640px){.works-cards-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}}.work-mini-card{color:inherit;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.work-mini-card:hover{border-color:#d4553a66;transform:translateY(-4px)}.work-mini-cover-box{aspect-ratio:2/3;background:#181828;width:100%;position:relative;overflow:hidden}.work-mini-cover{object-fit:cover;width:100%;height:100%;transition:transform .3s}.work-mini-card:hover .work-mini-cover{transform:scale(1.05)}.work-mini-info{flex-direction:column;flex:1;padding:12px;display:flex}.work-mini-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.92rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.work-mini-meta{color:#94a3b8;justify-content:space-between;align-items:center;margin-top:auto;font-size:.78rem;display:flex}.playlists-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:16px;display:grid}.playlist-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;padding:18px;transition:all .25s;display:flex}.playlist-card:hover{background:#ffffff0d;border-color:#d4553a66;transform:translateY(-3px)}.playlist-collage{aspect-ratio:16/9;background:#161626;border-radius:12px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:2px;width:100%;margin-bottom:14px;display:grid;overflow:hidden}.playlist-collage-item{object-fit:cover;width:100%;height:100%}.playlist-collage-single{grid-area:span 2/span 2}.playlist-collage-empty{color:#475569;grid-area:span 2/span 2;justify-content:center;align-items:center;font-size:2.5rem;display:flex}.playlist-info-title{color:#fff;margin-bottom:6px;font-size:1.1rem;font-weight:700}.playlist-info-desc{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.playlist-info-footer{color:#64748b;justify-content:space-between;align-items:center;margin-top:auto;font-size:.8rem;display:flex}.playlist-privacy-pill{border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:600}.privacy-public{color:#6ee7b7;background:#10b98126}.privacy-private{color:#fca5a5;background:#ef444426}.profile-wall-section{margin-top:40px}.wall-input-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:24px;padding:18px}.wall-textarea{color:#fff;resize:vertical;background:#0a0a0f99;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:80px;padding:14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.wall-textarea:focus{border-color:var(--accent-primary)}.wall-submit-row{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-wall-post{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:opacity .2s}.btn-wall-post:hover{opacity:.9}.wall-comments-list{flex-direction:column;gap:16px;display:flex}.wall-comment-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:16px;padding:16px 20px;transition:border-color .2s}.wall-comment-pinned{background:linear-gradient(#f59e0b0d,#ffffff05);border-color:#f59e0b66}.wall-comment-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wall-comment-author-box{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.wall-comment-avatar{object-fit:cover;background:#1e1e2f;border-radius:50%;width:42px;height:42px}.wall-comment-author-name{color:#fff;align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.wall-comment-author-name:hover{color:var(--accent-primary)}.wall-comment-time{color:#64748b;font-size:.78rem}.wall-comment-text{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.6}.wall-comment-actions{border-top:1px solid #ffffff0a;align-items:center;gap:12px;margin-top:10px;padding-top:8px;display:flex}.btn-wall-action{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;transition:all .15s}.btn-wall-action:hover{color:#fff;background:#ffffff0f}.btn-wall-action-pin{color:#f59e0b}.btn-wall-action-delete{color:#ef4444}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;direction:rtl;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content-box{background:#12121e;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1}.modal-body{padding:20px 24px;overflow-y:auto}.badges-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.catalog-badge-item{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;padding:16px;display:flex}.catalog-badge-locked{opacity:.45;filter:grayscale(.8)}.playlist-items-list{flex-direction:column;gap:12px;display:flex}.playlist-item-row{color:inherit;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.playlist-item-row:hover{border-color:#d4553a66;transform:translate(-4px)}.playlist-item-cover{object-fit:cover;background:#1a1a2e;border-radius:8px;flex-shrink:0;width:50px;height:70px}.playlist-item-details{flex:1}.playlist-item-title{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:700}.playlist-item-note{color:var(--accent-primary);font-size:.82rem;font-style:italic}.library-hub-container{flex-direction:column;gap:20px;display:flex}.library-shelf-chips{scrollbar-width:none;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.library-shelf-chips::-webkit-scrollbar{display:none}.library-shelf-chip{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.library-shelf-chip:hover{color:#f1f5f9;background:#d4553a1f;border-color:#d4553a4d}.library-shelf-chip.active{border-color:var(--accent-primary);color:#fff;background:linear-gradient(135deg,#d4553a4d,#d4553a33);box-shadow:0 0 14px #00000061}.library-chip-count{background:#00000059;border-radius:10px;padding:2px 7px;font-size:.75rem;font-weight:700}.library-controls-bar{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.library-search-box{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;height:40px;padding:0 12px;display:flex}.library-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.9rem}.library-search-input::placeholder{color:#64748b}.library-filters-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-format-toggle{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;gap:3px;padding:3px;display:flex}.format-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.format-btn.active{background:var(--accent-primary);color:#fff}.library-select{color:#cbd5e1;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;outline:none;height:40px;padding:0 12px;font-family:inherit;font-size:.85rem}.library-select option{color:#fff;background:#11131f}.library-card-overlay-badges{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:8px;left:8px;right:8px}.library-format-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f1f5f9;background:#000000bf;border:1px solid #ffffff26;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.library-shelf-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.library-card-progress{flex-direction:column;gap:4px;margin-top:8px;display:flex}.library-progress-bar{background:#ffffff14;border-radius:4px;width:100%;height:6px;overflow:hidden}.library-progress-fill{background:var(--accent-primary);border-radius:4px;height:100%;transition:width .3s}.library-progress-label{color:var(--accent-primary);font-size:.74rem;font-weight:600}.library-owner-action{border-top:1px solid #ffffff0f;margin-top:10px;padding-top:8px}.library-shelf-select{color:#cfc9bf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:6px 8px;font-family:inherit;font-size:.78rem}.library-shelf-select option{color:#fff;background:#11131f}.offline-storage-box{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.offline-storage-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.offline-clear-all-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.offline-clear-all-btn:hover{color:#fff;background:#ef444440}.offline-chapters-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.offline-chapter-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:transform .2s,border-color .2s;display:flex}.offline-chapter-card:hover{border-color:#d4553a4d;transform:translateY(-2px)}.offline-ch-info{flex:1}.offline-ch-novel{color:#94a3b8;margin-bottom:2px;font-size:.8rem}.offline-ch-title{color:#fff;margin-bottom:4px;font-size:.92rem;font-weight:700}.offline-ch-meta{color:#64748b;font-size:.72rem}.offline-ch-actions{align-items:center;gap:8px;display:flex}.offline-read-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;text-decoration:none}.offline-delete-btn{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.user-profile-page{background-color:var(--bg-primary);color:var(--text-primary);padding-top:var(--navbar-height)}.user-profile-page .profile-banner-container{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:200px}.profile-banner-pattern{background-color:var(--bg-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='24'%3E%3Cpath d='M4 4 L18 12 L4 20 Z M18 12 L40 11.4 L40 12.6 Z' fill='%2324221E'/%3E%3C/svg%3E");width:100%;height:100%}.user-profile-page .profile-banner-img{opacity:1;filter:none}.profile-stack{flex-direction:column;gap:40px;display:flex}.pf-identity{flex-wrap:wrap;align-items:flex-end;gap:24px;margin-top:-56px;display:flex;position:relative}.pf-avatar{object-fit:cover;border:4px solid var(--bg-primary);background:#3a3530;border-radius:50%;flex:none;width:128px;height:128px}.pf-avatar.tier-glow-gold{box-shadow:0 0 0 2px var(--gold)}.pf-avatar.tier-glow-silver{box-shadow:0 0 0 2px #b9b3a8}.pf-avatar.tier-glow-mythic{box-shadow:0 0 0 2px #6f8fd6}.pf-identity-text{flex-direction:column;flex:320px;gap:6px;min-width:0;padding-bottom:8px;display:flex}.pf-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pf-username{font-family:var(--font-heading);overflow-wrap:anywhere;margin:0;font-size:clamp(1.8rem,3.4vw,2.25rem);font-weight:700}.pf-pill{border:1px solid var(--border-color-hover);color:var(--text-secondary);border-radius:3px;padding:2px 10px;font-size:.75rem}.pf-pill-role.role-super_admin,.pf-pill-role.role-admin{border-color:var(--accent-primary);color:var(--accent-primary)}.pf-pill-badge{border-color:var(--gold);color:var(--gold)}.pf-sub{color:var(--text-secondary);font-size:.88rem}.pf-bio{color:#cfc9bf;white-space:pre-line;max-width:620px;margin:4px 0 0;font-size:.95rem;line-height:1.8}.pf-bio-empty{color:var(--text-muted)}.pf-owner-actions{flex-wrap:wrap;gap:8px;padding-bottom:8px;display:flex}.pf-action{border:1px solid var(--border-color-hover);border-radius:var(--radius-md);height:40px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;align-items:center;padding:0 14px;font-size:.85rem;text-decoration:none;display:inline-flex}.pf-action:hover{border-color:var(--text-muted);background:var(--bg-card)}.pf-level-row{flex-wrap:wrap;align-items:stretch;gap:32px;display:flex}.pf-level-card{border-radius:var(--radius-lg);border:1px solid #4a3f2a;flex:340px;align-items:center;gap:20px;padding:20px;display:flex}.pf-ziggurat{clip-path:polygon(30% 0,70% 0,70% 15%,85% 15%,85% 30%,100% 30%,100% 100%,0 100%,0 30%,15% 30%,15% 15%,30% 15%);background:var(--gold);width:72px;height:72px;color:var(--bg-primary);box-sizing:border-box;font-family:var(--font-heading);flex:none;place-items:center;padding-top:12px;font-size:1.75rem;font-weight:700;display:grid}.pf-level-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pf-level-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600}.pf-level-bar{background:var(--border-color);border-radius:2px;height:4px}.pf-level-bar>span{background:var(--gold);border-radius:2px;height:4px;display:block}.pf-level-meta{color:var(--text-secondary);font-size:.75rem}.pf-stats{background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;flex:2 460px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.pf-stats div{background:var(--bg-primary);flex-direction:column-reverse;justify-content:center;gap:4px;padding:16px 8px;display:flex}.pf-stats dt{color:var(--text-muted);font-size:.75rem}.pf-stats dd{font-family:var(--font-heading);margin:0;font-size:1.75rem;font-weight:600}.pf-accent{color:var(--accent-primary)}.pf-section{flex-direction:column;gap:16px;display:flex}.pf-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pf-h2{font-family:var(--font-primary);margin:0;font-size:1rem;font-weight:600}.pf-h2-note{color:var(--text-muted);font-weight:400}.pf-link-btn{color:var(--text-secondary);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem;text-decoration:underline}.pf-link-btn:hover{color:var(--text-primary)}.pf-badges{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.pf-badge{border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:14px;display:flex}.pf-badge-icon{background:#2a2723;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}.pf-badge.badge-rarity-bronze .pf-badge-icon{box-shadow:inset 0 0 0 2px #8a5a3b}.pf-badge.badge-rarity-silver .pf-badge-icon{box-shadow:inset 0 0 0 2px #b9b3a8}.pf-badge.badge-rarity-gold .pf-badge-icon{box-shadow:inset 0 0 0 2px var(--gold)}.pf-badge.badge-rarity-mythic .pf-badge-icon{background:#2e4a8f;box-shadow:inset 0 0 0 2px #6f8fd6}.pf-badge-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pf-badge-name{font-size:.88rem;font-weight:600}.pf-badge-rarity{color:var(--text-muted);font-size:.7rem}.badge-rarity-gold .pf-badge-rarity{color:var(--gold)}.badge-rarity-mythic .pf-badge-rarity{color:#8fa9e6}.badge-rarity-bronze .pf-badge-rarity{color:#c08a64}.pf-empty{border:1px dashed var(--border-color);border-radius:var(--radius-sm);text-align:center;color:var(--text-muted);margin:0;padding:20px;font-size:.88rem}.user-profile-page .profile-section-card,.user-profile-page .analytics-card,.user-profile-page .profile-analytics{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.user-profile-page .profile-section-title{font-family:var(--font-primary);color:var(--text-primary);font-size:1rem;font-weight:600}.user-profile-page .profile-tabs-nav{border:0;border-bottom:1px solid var(--border-color);background:0 0;border-radius:0;flex-wrap:wrap;gap:28px;margin:0;padding:0;display:flex}.user-profile-page .profile-tab-btn{color:var(--text-muted);font-family:var(--font-heading);box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:baseline;gap:8px;margin-bottom:-1px;padding:0 0 14px;font-size:1.2rem;font-weight:500;display:inline-flex}.user-profile-page .profile-tab-btn:hover{color:var(--text-primary);background:0 0}.user-profile-page .profile-tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent-primary);box-shadow:none;background:0 0;font-weight:600}.user-profile-page .profile-tab-count,.user-profile-page .profile-tab-btn.active .profile-tab-count{font-family:var(--font-primary);color:var(--text-muted);background:0 0;padding:0;font-size:.8rem;font-weight:400}.user-profile-page .library-shelf-chips{flex-wrap:wrap;gap:8px;display:flex}.user-profile-page .library-shelf-chip{border:1px solid var(--border-color);height:36px;color:var(--text-secondary);box-shadow:none;background:0 0;border-radius:99px;align-items:center;gap:8px;padding:0 14px;font-size:.82rem;display:inline-flex}.user-profile-page .library-shelf-chip:hover{border-color:var(--text-muted);color:var(--text-primary)}.user-profile-page .library-shelf-chip.active{border-color:var(--accent-primary);color:var(--text-primary);background:#d4553a1f;font-weight:600}.user-profile-page .library-chip-count{color:var(--text-muted);background:0 0;padding:0;font-size:.75rem}.user-profile-page .library-shelf-chip.active .library-chip-count{color:var(--accent-primary)}.user-profile-page .library-controls-bar{background:0 0;border:0;padding:0}.user-profile-page .library-search-box,.user-profile-page .library-select,.user-profile-page .library-search-input{background:var(--bg-secondary);border-color:var(--border-color);border-radius:var(--radius-md);color:var(--text-primary)}.user-profile-page .works-cards-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:32px 22px;display:grid}.user-profile-page .work-mini-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.user-profile-page .work-mini-card:hover{box-shadow:none;transform:none}.user-profile-page .work-mini-cover-box{aspect-ratio:2/3;border-radius:3px 3px 0 0;height:auto}.user-profile-page .work-mini-cover{object-fit:cover;width:100%;height:100%}.user-profile-page .work-mini-info{padding:10px 0 0}.user-profile-page .work-mini-title{font-size:.95rem;font-weight:600;line-height:1.45}.user-profile-page .work-mini-meta{color:var(--text-secondary);font-size:.75rem}.user-profile-page .library-progress-bar{background:var(--border-color);border-radius:2px;height:3px}.user-profile-page .library-progress-fill{background:var(--accent-primary)}.user-profile-page .btn-continue-reading{height:34px;border:1px solid var(--border-color-hover)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important}.user-profile-page .offline-storage-box{border:1px dashed var(--border-color-hover);border-radius:var(--radius-lg);background:0 0;padding:24px}.user-profile-page .profile-wall-section{border-top:1px solid var(--border-color);padding-top:36px}.user-profile-page .wall-input-card,.user-profile-page .wall-comment{max-width:760px}.user-profile-page .wall-input-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.user-profile-page .btn-wall-post{background:var(--accent-primary);color:var(--text-on-accent);border-radius:var(--radius-sm);box-shadow:none}@media (max-width:720px){.pf-identity{gap:16px;margin-top:-48px}.pf-avatar{width:96px;height:96px}.pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-stats dd{font-size:1.4rem}.user-profile-page .profile-tabs-nav{flex-wrap:nowrap;gap:18px;overflow-x:auto}.user-profile-page .profile-tab-btn{white-space:nowrap;font-size:1rem}.user-profile-page .works-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}}.pf-pill-badge{align-items:center;gap:6px;display:inline-flex}.user-profile-page .pf-badge-icon,.user-profile-page .pf-badge .badge-art{flex:none}.catalog-badge-art{margin-bottom:8px}