.bg-grad-1{background:linear-gradient(135deg,#2b5876 0%,#4e4376 100%)}.bg-grad-2{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%)}.bg-grad-3{background:linear-gradient(135deg,#30cfd0 0%,#330867 100%)}.bg-grad-4{background:linear-gradient(135deg,#cc208e 0%,#6713d2 100%)}.bg-grad-5{background:linear-gradient(135deg,#f857a6 0%,#ff5858 100%)}.book-cover-3d-wrapper{position:relative;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.4);overflow:hidden;aspect-ratio:3/4;width:100%;background:#1a1a2e;border:2px solid rgba(255,255,255,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;will-change:transform,box-shadow}.book-cover-3d-wrapper:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(139,92,246,0.3)}.book-cover-3d-wrapper .corner-ribbon-box{position:absolute;top:0;left:0;width:85px;height:85px;overflow:hidden;z-index:20;pointer-events:none}.book-cover-3d-wrapper .corner-ribbon{position:absolute;top:18px;left:-28px;width:130px;height:24px;display:flex;align-items:center;justify-content:center;transform:rotate(-45deg);font-size:0.65rem;font-weight:900;letter-spacing:0.5px;text-transform:uppercase;box-shadow:0 4px 10px rgba(0,0,0,0.4)}.book-cover-3d-wrapper .corner-ribbon span{font-family:'Outfit',sans-serif;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.book-cover-3d-wrapper .corner-ribbon-box.vip .corner-ribbon{background:linear-gradient(135deg,#ffd700 0%,#f59e0b 50%,#d97706 100%) !important;color:#0f172a !important;box-shadow:0 4px 14px rgba(245,158,11,0.55)}.book-cover-3d-wrapper .corner-ribbon-box.vip span{color:#0f172a !important;text-shadow:0 1px 0 rgba(255,255,255,0.5) !important}.book-cover-3d-wrapper .corner-ribbon-box.original .corner-ribbon{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 50%,#4338ca 100%) !important;color:#fff !important;box-shadow:0 4px 12px rgba(79,70,229,0.45)}.book-cover-3d-wrapper .corner-ribbon-box.original span{color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,0.6) !important}.book-cover-3d-wrapper .corner-ribbon-box.translation .corner-ribbon{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 50%,#0e7490 100%) !important;color:#fff !important;box-shadow:0 4px 12px rgba(8,145,178,0.45)}.book-cover-3d-wrapper .corner-ribbon-box.translation span{color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,0.6) !important}.book-cover-3d-wrapper .corner-ribbon-box.convert .corner-ribbon{background:linear-gradient(135deg,#64748b 0%,#475569 50%,#334155 100%) !important;color:#fff !important;box-shadow:0 4px 12px rgba(51,65,85,0.4)}.book-cover-3d-wrapper .corner-ribbon-box.convert span{color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,0.6) !important}@media (max-width:576px){.book-cover-3d-wrapper .corner-ribbon-box{width:70px;height:70px}.book-cover-3d-wrapper .corner-ribbon{top:13px;left:-25px;width:105px;height:19px;font-size:0.55rem}}.book-cover-fallback{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem 1rem 1.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.6);position:relative}.gift-item-card{cursor:pointer;border:1px solid var(--glass-border);border-radius:8px;transition:border-color 0.2s ease,background-color 0.2s ease,background 0.2s ease;background:var(--input-bg);color:var(--text-main);will-change:border-color,background}.gift-item-card:hover{border-color:rgba(255,193,7,0.4);background:rgba(255,193,7,0.08)}.gift-item-card.selected{border-color:#ffc107 !important;background:rgba(255,193,7,0.15) !important}.gift-modal-content{background:var(--dropdown-bg) !important;border:1px solid var(--glass-border) !important;color:var(--text-main) !important}.gift-modal-content .bg-custom-card{background:var(--input-bg);border:1px solid var(--glass-border)}.gift-modal-content .form-control-custom{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-main)}.gift-modal-content .form-control-custom:focus{background:var(--input-bg-focus);border-color:#f59e0b;color:var(--text-main);box-shadow:none}[data-bs-theme="light"] .text-warning{color:#d97706 !important}[data-bs-theme="light"] .bg-warning{background-color:#d97706 !important}[data-bs-theme="light"] .bg-warning.bg-opacity-10{background-color:rgba(217,119,6,0.12) !important}.story-tag-badge{background:rgba(14,165,233,0.18) !important;border:1px solid rgba(56,189,248,0.4) !important;color:#38bdf8 !important;transition:all 0.2s ease}.story-tag-badge:hover{background:rgba(14,165,233,0.35) !important;border-color:#38bdf8 !important;color:#fff !important;transform:translateY(-1px)}[data-bs-theme="light"] .story-tag-badge{background:rgba(2,132,199,0.1) !important;border:1px solid rgba(2,132,199,0.3) !important;color:#0284c7 !important}[data-bs-theme="light"] .story-tag-badge:hover{background:#0284c7 !important;color:#fff !important}[data-bs-theme="light"] .gift-modal-content .alert-warning,[data-bs-theme="light"] .flower-modal-content .alert-warning{color:#b45309 !important;background-color:rgba(217,119,6,0.1) !important;border-color:rgba(217,119,6,0.2) !important}[data-bs-theme="light"] .gift-item-card .text-warning{color:#d97706 !important}[data-bs-theme="light"] .gift-item-card.selected{border-color:#d97706 !important;background:rgba(217,119,6,0.12) !important}[data-bs-theme="light"] .flower-modal-content .btn-outline-warning{color:#d97706 !important;border-color:#d97706 !important}[data-bs-theme="light"] .flower-modal-content .btn-outline-warning:hover{color:#fff !important;background-color:#d97706 !important}@keyframes gold-text-glow{0%,100%{color:#ffd700;text-shadow:0 0 5px rgba(255,215,0,0.4)}50%{color:#ff8c00;text-shadow:0 0 10px rgba(255,165,0,0.8)}}@keyframes gold-border-glow{0%,100%{border-color:#ffd700;box-shadow:0 0 3px #ffd700}50%{border-color:#ff8c00;box-shadow:0 0 8px #ff8c00}}@keyframes silver-text-glow{0%,100%{color:#f1f5f9;text-shadow:0 0 5px rgba(241,245,249,0.4)}50%{color:#cbd5e1;text-shadow:0 0 10px rgba(203,213,225,0.8)}}@keyframes silver-border-glow{0%,100%{border-color:#c0c0c0;box-shadow:0 0 3px #c0c0c0}50%{border-color:#cbd5e1;box-shadow:0 0 8px #cbd5e1}}@keyframes bronze-text-glow{0%,100%{color:#f59e0b;text-shadow:0 0 5px rgba(245,158,11,0.4)}50%{color:#d97706;text-shadow:0 0 10px rgba(217,119,6,0.7)}}@keyframes bronze-border-glow{0%,100%{border-color:#cd7f32;box-shadow:0 0 3px #cd7f32}50%{border-color:#b45309;box-shadow:0 0 8px #b45309}}@keyframes rank4-text{0%,100%{color:#e9d5ff;text-shadow:0 0 4px #c084fc}50%{color:#d8b4fe;text-shadow:0 0 8px #c084fc}}@keyframes rank4-border{0%,100%{border-color:#a855f7}50%{border-color:#c084fc;box-shadow:0 0 6px #a855f7}}@keyframes rank5-text{0%,100%{color:#fca5a5;text-shadow:0 0 4px #f87171}50%{color:#f87171;text-shadow:0 0 8px #f87171}}@keyframes rank5-border{0%,100%{border-color:#ef4444}50%{border-color:#f87171;box-shadow:0 0 6px #ef4444}}@keyframes rank6-text{0%,100%{color:#bbf7d0;text-shadow:0 0 4px #4ade80}50%{color:#86efac;text-shadow:0 0 8px #4ade80}}@keyframes rank6-border{0%,100%{border-color:#22c55e}50%{border-color:#4ade80;box-shadow:0 0 6px #22c55e}}@keyframes rank7-text{0%,100%{color:#99f6e4;text-shadow:0 0 4px #2dd4bf}50%{color:#5eead4;text-shadow:0 0 8px #2dd4bf}}@keyframes rank7-border{0%,100%{border-color:#0d9488}50%{border-color:#2dd4bf;box-shadow:0 0 6px #2dd4bf}}@keyframes rank8-text{0%,100%{color:#fbcfe8;text-shadow:0 0 4px #f472b6}50%{color:#f472b6;text-shadow:0 0 8px #f472b6}}@keyframes rank8-border{0%,100%{border-color:#db2777}50%{border-color:#f472b6;box-shadow:0 0 6px #db2777}}@keyframes rank9-text{0%,100%{color:#bfdbfe;text-shadow:0 0 4px #60a5fa}50%{color:#93c5fd;text-shadow:0 0 8px #60a5fa}}@keyframes rank9-border{0%,100%{border-color:#2563eb}50%{border-color:#60a5fa;box-shadow:0 0 6px #2563eb}}@keyframes rank10-text{0%,100%{color:#fed7aa;text-shadow:0 0 4px #fb923c}50%{color:#fdba74;text-shadow:0 0 8px #fb923c}}@keyframes rank10-border{0%,100%{border-color:#ea580c}50%{border-color:#fb923c;box-shadow:0 0 6px #ea580c}}@keyframes gold-text-light{0%,100%{color:#d97706}50%{color:#92400e}}@keyframes silver-text-light{0%,100%{color:#475569}50%{color:#1e293b}}@keyframes bronze-text-light{0%,100%{color:#b45309}50%{color:#78350f}}@keyframes rank4-text-light{0%,100%{color:#7e22ce}50%{color:#581c87}}@keyframes rank5-text-light{0%,100%{color:#dc2626}50%{color:#991b1b}}@keyframes rank6-text-light{0%,100%{color:#16a34a}50%{color:#166534}}@keyframes rank7-text-light{0%,100%{color:#0891b2}50%{color:#155e75}}@keyframes rank8-text-light{0%,100%{color:#db2777}50%{color:#9d174d}}@keyframes rank9-text-light{0%,100%{color:#2563eb}50%{color:#1e3a8a}}@keyframes rank10-text-light{0%,100%{color:#ea580c}50%{color:#9a3412}}.rank-1-text{animation:gold-text-glow 2s infinite ease-in-out;font-weight:700 !important}.rank-1-avatar{border:2px solid;animation:gold-border-glow 2s infinite ease-in-out}.rank-2-text{animation:silver-text-glow 2s infinite ease-in-out;font-weight:700 !important}.rank-2-avatar{border:2px solid;animation:silver-border-glow 2s infinite ease-in-out}.rank-3-text{animation:bronze-text-glow 2s infinite ease-in-out;font-weight:700 !important}.rank-3-avatar{border:2px solid;animation:bronze-border-glow 2s infinite ease-in-out}.rank-4-text{animation:rank4-text 2.5s infinite ease-in-out;font-weight:600 !important}.rank-4-avatar{border:2px solid;animation:rank4-border 2.5s infinite ease-in-out}.rank-5-text{animation:rank5-text 2.5s infinite ease-in-out;font-weight:600 !important}.rank-5-avatar{border:2px solid;animation:rank5-border 2.5s infinite ease-in-out}.rank-6-text{animation:rank6-text 2.5s infinite ease-in-out;font-weight:600 !important}.rank-6-avatar{border:2px solid;animation:rank6-border 2.5s infinite ease-in-out}.rank-7-text{animation:rank7-text 2.5s infinite ease-in-out;font-weight:600 !important}.rank-7-avatar{border:2px solid;animation:rank7-border 2.5s infinite ease-in-out}.rank-8-text{animation:rank8-text 2.5s infinite ease-in-out;font-weight:600 !important}.rank-8-avatar{border:2px solid;animation:rank8-border 2.5s infinite ease-in-out}.rank-9-text{animation:rank9-text 2.5s infinite ease-in-out;font-weight:600 !important}.rank-9-avatar{border:2px solid;animation:rank9-border 2.5s infinite ease-in-out}.rank-10-text{animation:rank10-text 2.5s infinite ease-in-out;font-weight:600 !important}.rank-10-avatar{border:2px solid;animation:rank10-border 2.5s infinite ease-in-out}[data-bs-theme="light"] .rank-1-text{animation:gold-text-light 2s infinite ease-in-out}[data-bs-theme="light"] .rank-2-text{animation:silver-text-light 2s infinite ease-in-out}[data-bs-theme="light"] .rank-3-text{animation:bronze-text-light 2s infinite ease-in-out}[data-bs-theme="light"] .rank-4-text{animation:rank4-text-light 2.5s infinite ease-in-out}[data-bs-theme="light"] .rank-5-text{animation:rank5-text-light 2.5s infinite ease-in-out}[data-bs-theme="light"] .rank-6-text{animation:rank6-text-light 2.5s infinite ease-in-out}[data-bs-theme="light"] .rank-7-text{animation:rank7-text-light 2.5s infinite ease-in-out}[data-bs-theme="light"] .rank-8-text{animation:rank8-text-light 2.5s infinite ease-in-out}[data-bs-theme="light"] .rank-9-text{animation:rank9-text-light 2.5s infinite ease-in-out}[data-bs-theme="light"] .rank-10-text{animation:rank10-text-light 2.5s infinite ease-in-out}.rank-badge{width:32px;height:22px;font-size:0.75rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 !important;text-align:center;border:none !important;border-radius:0 !important;outline:none !important;-webkit-clip-path:polygon(20% 0%,100% 0%,80% 50%,100% 100%,20% 100%,0% 50%);clip-path:polygon(20% 0%,100% 0%,80% 50%,100% 100%,20% 100%,0% 50%);background:linear-gradient(135deg,#64748b 0%,#475569 100%);color:#fff;transition:all 0.25s ease}[data-bs-theme="light"] .rank-badge{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);color:#fff}.rank-badge-1{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%) !important;color:#000 !important;text-shadow:0 1px 0 rgba(255,255,255,0.4)}.rank-badge-2{background:linear-gradient(135deg,#f1f5f9 0%,#cbd5e1 50%,#94a3b8 100%) !important;color:#0f172a !important}.rank-badge-3{background:linear-gradient(135deg,#fb923c 0%,#ea580c 50%,#c2410c 100%) !important;color:#fff !important}.rank-badge-4{background:linear-gradient(135deg,#c084fc 0%,#a855f7 50%,#7e22ce 100%) !important;color:#fff !important}.rank-badge-5{background:linear-gradient(135deg,#f472b6 0%,#ec4899 50%,#be185d 100%) !important;color:#fff !important}#custom-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.custom-toast{background:rgba(15,23,42,0.95);color:#fff;border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 25px -5px rgba(0,0,0,0.3);padding:12px 20px;border-radius:8px;font-weight:500;font-size:0.9rem;display:flex;align-items:center;gap:10px;min-width:250px;max-width:350px;pointer-events:auto;animation:toast-slide-in 0.3s ease forwards,toast-fade-out 0.3s ease 2.7s forwards}.custom-toast.toast-success{border-left:4px solid #10b981}.custom-toast.toast-error{border-left:4px solid #ef4444}.custom-toast.toast-info{border-left:4px solid #3b82f6}[data-bs-theme="light"] .custom-toast{background:#fff;color:#0f172a;border:1px solid rgba(0,0,0,0.08);box-shadow:0 10px 25px -5px rgba(0,0,0,0.1)}@keyframes toast-slide-in{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toast-fade-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.flower-modal-content{background:rgba(15,15,25,0.98);border:1px solid rgba(255,255,255,0.1);color:#fff}.flower-modal-content .text-muted-custom{color:rgba(255,255,255,0.6)}.flower-modal-content .bg-custom-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1)}.flower-modal-content .form-control-custom{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.15);color:#fff}.flower-modal-content .form-control-custom:focus{background:rgba(255,255,255,0.1);border-color:#22c55e;color:#fff;box-shadow:none}.flower-modal-content .btn-close-custom{filter:invert(1)}[data-bs-theme="light"] .flower-modal-content{background:#fff;border:1px solid rgba(0,0,0,0.1);color:#0f172a}[data-bs-theme="light"] .flower-modal-content .text-muted-custom{color:#475569}[data-bs-theme="light"] .flower-modal-content .bg-custom-card{background:#f8fafc;border:1px solid rgba(0,0,0,0.05)}[data-bs-theme="light"] .flower-modal-content .form-control-custom{background:#fff;border-color:#cbd5e1;color:#0f172a}[data-bs-theme="light"] .flower-modal-content .form-control-custom:focus{background:#fff;border-color:#10b981;color:#0f172a}[data-bs-theme="light"] .flower-modal-content .btn-close-custom{filter:none}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-tabs-responsive{display:flex;flex-wrap:nowrap;border-bottom:2px solid var(--glass-border) !important;padding-bottom:2px;-webkit-text-size-adjust:100%;text-size-adjust:100%}.nav-tabs-responsive::-webkit-scrollbar{display:none}.nav-tabs-responsive .nav-item{flex:0 0 auto}.nav-tabs-responsive .nav-link{white-space:nowrap;border:none !important;background:transparent !important;color:var(--text-muted) !important;position:relative;padding:0.75rem 1.25rem;transition:color 0.2s ease;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.nav-tabs-responsive .nav-link.active{color:var(--accent-primary,#8b5cf6) !important;font-weight:700}.nav-tabs-responsive .nav-link.active::after{content:"";position:absolute;bottom:-2px;left:15%;width:70%;height:3px;background:linear-gradient(90deg,#8b5cf6 0%,#6366f1 100%);border-radius:3px}@media (max-width:575.98px){.nav-tabs-responsive{width:100%;display:flex;justify-content:space-between;overflow-x:hidden;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important}.nav-tabs-responsive .nav-item{flex:1 1 0;min-width:0;text-align:center}.nav-tabs-responsive .nav-link{width:100%;padding:0.7rem 0.2rem !important;font-size:0.93rem !important;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;letter-spacing:-0.15px;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;touch-action:manipulation}.nav-tabs-responsive .nav-link.active{font-weight:700 !important}.nav-tabs-responsive .nav-link.active::after{left:8%;width:84%}.glass-card{padding:1rem !important}.container{padding-left:12px;padding-right:12px}.hero-mobile-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;margin-bottom:1.25rem}.hero-mobile-cover{width:130px !important;max-width:130px !important;flex-shrink:0;border-radius:8px;box-shadow:0 6px 15px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.15)}.hero-mobile-info{flex-grow:1;display:flex;flex-direction:column;align-items:center;gap:0.4rem}.hero-mobile-title{font-size:1.25rem !important;margin-bottom:0 !important;line-height:1.3;font-weight:800 !important}.hero-mobile-author{font-size:0.85rem !important;margin-bottom:0 !important}.hero-mobile-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:0.25rem;margin-top:0.2rem}.hero-mobile-badges .badge{font-size:0.88rem !important;padding:7px 14px !important}.hero-stats-row{display:flex;justify-content:space-around;background:rgba(255,255,255,0.05);padding:10px;border-radius:10px;margin-bottom:1.25rem;font-size:0.75rem !important;border:1px solid rgba(255,255,255,0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-stats-item{text-align:center;flex:1}.hero-stats-item:not(:last-child){border-right:1px solid rgba(255,255,255,0.1)}.hero-action-buttons{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:0.5rem !important;width:100%}.hero-action-buttons .btn{width:100% !important;padding:10px 8px !important;font-size:0.78rem !important;margin:0 !important;display:flex;align-items:center;justify-content:center;border-radius:8px;height:40px;box-sizing:border-box}.hero-action-buttons .btn-primary-action{grid-column:span 2;height:44px;font-size:0.85rem !important;font-weight:700}}@media (max-width:380px){.nav-tabs-responsive .nav-link{padding:0.65rem 0.1rem !important;font-size:0.86rem !important;letter-spacing:-0.25px;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important}}.pagination-custom .page-link{background:var(--card-bg,rgba(255,255,255,0.05)) !important;border:1px solid var(--glass-border,rgba(255,255,255,0.1)) !important;color:var(--text-main,#f7fafc) !important;padding:0.5rem 1rem;border-radius:8px !important;transition:all 0.25s ease;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:40px}.pagination-custom .page-link:hover{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%) !important;border-color:transparent !important;color:#fff !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,0.35)}.pagination-custom .page-item.disabled .page-link{background:rgba(128,128,128,0.05) !important;border-color:var(--glass-border,rgba(255,255,255,0.05)) !important;color:var(--text-muted,rgba(255,255,255,0.3)) !important;opacity:0.45;cursor:not-allowed;transform:none !important;box-shadow:none !important}.pagination-custom .active-info span{border-radius:8px;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%) !important;box-shadow:0 4px 12px rgba(139,92,246,0.3);border:none}#chaptersListContainer{transition:opacity 0.2s ease-in-out}.loading-chapters{opacity:0.3;pointer-events:none}.intro-wrapper{position:relative;overflow:hidden;transition:max-height 0.4s ease-in-out}.intro-wrapper:not(.collapsed){max-height:none}.intro-wrapper.collapsed{max-height:200px}.intro-wrapper.collapsed::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:70px;background:linear-gradient(180deg,transparent 0%,var(--card-bg) 100%);opacity:0.6;pointer-events:none}#btnToggleIntro{background:transparent !important;border:none !important;color:var(--accent-primary,#8b5cf6) !important;font-weight:600;box-shadow:none !important;padding:6px 12px !important;text-decoration:none !important;outline:none !important;transition:color 0.2s ease-in-out}#btnToggleIntro:hover,#btnToggleIntro:focus,#btnToggleIntro:active{color:var(--accent-secondary,#ec4899) !important;background:transparent !important;text-decoration:none !important;outline:none !important;box-shadow:none !important}.intro-text{font-size:1.02rem}@media (max-width:767.98px){.intro-text{font-size:1.12rem}}.comment-box-fb{width:100%}.input-container-fb{background-color:var(--input-bg,rgba(255,255,255,0.05));border:1px solid var(--glass-border,rgba(255,255,255,0.08));border-radius:20px;padding:6px 10px 6px 16px;min-height:42px;display:flex;align-items:center;transition:border-color 0.2s ease,background-color 0.2s ease}.input-container-fb:focus-within{border-color:var(--accent-primary,#8b5cf6) !important;background-color:var(--input-bg-focus,rgba(255,255,255,0.08)) !important}.comment-textarea-fb{background:transparent !important;border:none !important;color:var(--text-main,#fff) !important;padding:0 !important;margin:0 !important;resize:none;box-shadow:none !important;font-size:15px !important;line-height:1.4;overflow-y:hidden;height:24px;flex-grow:1}.comment-textarea-fb::placeholder{color:var(--text-muted,rgba(255,255,255,0.5)) !important}.comment-actions-fb{display:flex;align-items:center;gap:4px}.btn-comment-action-fb{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent !important;border:none !important;padding:0 !important;cursor:pointer;font-size:1.15rem;line-height:1;transition:transform 0.15s ease,background-color 0.15s ease,color 0.15s ease}.btn-comment-action-fb:hover{background-color:rgba(255,255,255,0.08) !important;transform:scale(1.1)}.btn-send-fb{color:var(--text-muted,rgba(255,255,255,0.5)) !important}.comment-textarea-fb:focus~.comment-actions-fb .btn-send-fb,.comment-textarea-fb:valid~.comment-actions-fb .btn-send-fb,.reply-input-field:focus~.comment-actions-fb .btn-send-fb,.reply-input-field:valid~.comment-actions-fb .btn-send-fb,.reply-input-field:focus~.btn-send-fb,.reply-input-field:valid~.btn-send-fb{color:var(--accent-primary,#8b5cf6) !important}.btn-send-fb:hover{color:var(--accent-secondary,#ec4899) !important}@media (max-width:767.98px){input,select,textarea,.form-control,.form-select{font-size:16px !important}}.replyForm .btn-cancel-reply{color:var(--text-muted,rgba(255,255,255,0.5)) !important;transition:color 0.2s,transform 0.2s}.replyForm .btn-cancel-reply:hover{color:#ef4444 !important;transform:scale(1.1)}.replyForm button[type="submit"]{color:var(--accent-primary,#8b5cf6) !important;transition:color 0.2s,transform 0.2s}.replyForm button[type="submit"]:hover{color:var(--accent-secondary,#ec4899) !important;transform:scale(1.1)}.chapter-glow-gold{transition:all 0.3s ease !important}.chapter-glow-gold:hover{border-color:#ffd700 !important;box-shadow:0 0 15px rgba(255,215,0,0.5) !important;transform:translateY(-2px);background-color:rgba(255,215,0,0.08) !important}#custom-toast-container{position:fixed;top:24px;right:24px;z-index:1090;display:flex;flex-direction:column;gap:10px;max-width:380px;width:calc(100% - 48px);pointer-events:none}#custom-confirm-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1095;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:380px;width:calc(100% - 48px);pointer-events:none}.custom-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:var(--dropdown-bg,#1a1a2e);border:1px solid var(--glass-border,rgba(255,255,255,0.12));color:var(--text-main,#fff);box-shadow:0 10px 30px rgba(0,0,0,0.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:toast-fade-in 0.3s cubic-bezier(0.16,1,0.3,1) forwards}.custom-toast.toast-confirm{width:100%;flex-direction:column;align-items:flex-start;border-color:rgba(245,158,11,0.4);box-shadow:0 15px 40px rgba(0,0,0,0.5)}.custom-confirm-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1085;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease}.custom-confirm-backdrop.active{opacity:1;visibility:visible}.custom-confirm-modal{width:100%;max-width:400px;background:var(--dropdown-bg,#1a1a2e);border:1px solid var(--glass-border,rgba(255,255,255,0.15));border-radius:16px;padding:20px;color:var(--text-main,#fff);box-shadow:0 20px 40px rgba(0,0,0,0.5);animation:confirm-scale-in 0.25s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes confirm-scale-in{from{opacity:0;transform:scale(0.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confirm-scale-out{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.9) translateY(10px)}}@keyframes toast-fade-in{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-fade-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(0.95)}}[data-bs-theme="light"] #ratingContent,[data-theme="light"] #ratingContent,html.light #ratingContent,body.light-theme #ratingContent{border-color:rgba(0,0,0,0.22) !important;background-color:rgba(0,0,0,0.02) !important}[data-bs-theme="light"] #ratingContent:focus,[data-theme="light"] #ratingContent:focus,html.light #ratingContent:focus,body.light-theme #ratingContent:focus{border-color:var(--accent-primary,#8b5cf6) !important;box-shadow:0 0 0 0.25rem rgba(139,92,246,0.25) !important}[data-bs-theme="light"] .rating-item,[data-theme="light"] .rating-item,html.light .rating-item,body.light-theme .rating-item{border-color:rgba(0,0,0,0.16) !important;background-color:rgba(0,0,0,0.01) !important}@keyframes flyUpAndFade{0%{opacity:0;transform:translate(-50%,-50%) scale(0.5)}15%{opacity:1;transform:translate(-50%,-50px) scale(1.2)}100%{opacity:0;transform:translate(-50%,-250px) scale(1.5)}}.flying-item{position:fixed;top:50%;left:50%;pointer-events:none;z-index:11000;animation:flyUpAndFade 2s cubic-bezier(0.25,1,0.5,1) forwards;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.4))}.dark-mode .flying-item,[data-bs-theme="dark"] .flying-item{filter:drop-shadow(0 4px 10px rgba(255,255,255,0.15))}.comment-item-pinned{border-color:rgba(245,158,11,0.5) !important;background:rgba(245,158,11,0.04) !important;box-shadow:0 0 10px rgba(245,158,11,0.1)}.comment-item-normal{border-color:var(--glass-border) !important;background:rgba(255,255,255,0.02) !important}.reply-item{border-color:var(--glass-border) !important;background:rgba(255,255,255,0.01)}.replies-list-connector{background:var(--glass-border)}[data-bs-theme="light"] .comment-item-normal,[data-theme="light"] .comment-item-normal,html.light .comment-item-normal,body.light-theme .comment-item-normal{border-color:rgba(0,0,0,0.16) !important;background:rgba(0,0,0,0.01) !important}[data-bs-theme="light"] .reply-item,[data-theme="light"] .reply-item,html.light .reply-item,body.light-theme .reply-item{border-color:rgba(0,0,0,0.14) !important;background:rgba(0,0,0,0.005) !important}[data-bs-theme="light"] .replies-list,[data-theme="light"] .replies-list,html.light .replies-list,body.light-theme .replies-list{border-left-color:rgba(0,0,0,0.16) !important}[data-bs-theme="light"] .replies-list-connector,[data-theme="light"] .replies-list-connector,html.light .replies-list-connector,body.light-theme .replies-list-connector{background:rgba(0,0,0,0.16) !important}.voz-inline-emo{display:inline-block !important;height:26px !important;max-height:32px !important;width:auto !important;max-width:44px !important;vertical-align:-4px !important;margin:0 2px !important;object-fit:contain !important;transition:transform 0.15s ease !important}.voz-inline-emo:hover{transform:scale(1.35) !important;z-index:10 !important;position:relative !important}.story-app-banner{background:linear-gradient(135deg,rgba(16,24,39,0.85) 0%,rgba(15,23,42,0.75) 100%);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px rgba(0,0,0,0.35);position:relative;overflow:hidden}[data-bs-theme="light"] .story-app-banner{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(241,245,249,0.9) 100%);border-color:rgba(0,0,0,0.08);box-shadow:0 15px 40px rgba(0,0,0,0.08)}.story-app-banner-glow-1{position:absolute;top:-50px;left:-50px;width:320px;height:320px;background:radial-gradient(circle,rgba(16,185,129,0.2) 0%,rgba(6,182,212,0.05) 50%,transparent 70%);filter:blur(50px);pointer-events:none;z-index:1}.story-app-banner-glow-2{position:absolute;bottom:-60px;right:-40px;width:350px;height:350px;background:radial-gradient(circle,rgba(139,92,246,0.18) 0%,rgba(236,72,153,0.05) 50%,transparent 70%);filter:blur(55px);pointer-events:none;z-index:1}.btn-story-app-primary{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff !important;font-weight:700;font-size:0.95rem;padding:12px 22px;border-radius:14px;display:inline-flex;align-items:center;gap:9px;box-shadow:0 8px 20px rgba(16,185,129,0.4);transition:all 0.25s cubic-bezier(0.16,1,0.3,1)}.btn-story-app-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px rgba(16,185,129,0.55);color:#fff !important}.btn-story-app-primary:active{transform:translateY(0) scale(0.98)}.btn-story-app-secondary{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:var(--bs-body-color) !important;font-weight:600;font-size:0.92rem;padding:12px 20px;border-radius:14px;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(10px);transition:all 0.25s ease}[data-bs-theme="light"] .btn-story-app-secondary{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.1)}.btn-story-app-secondary:hover{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.4);transform:translateY(-2px)}.story-app-preview-box{position:relative;display:flex;align-items:center;justify-content:center}.story-app-mockup-frame{width:140px;height:190px;background:#0f172a;border:3px solid #334155;border-radius:28px;padding:6px;box-shadow:0 15px 35px rgba(0,0,0,0.5),0 0 0 2px rgba(255,255,255,0.1);display:flex;flex-direction:column;align-items:center;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease}.story-app-preview-box:hover .story-app-mockup-frame{transform:translateY(-6px) rotate(-2deg) scale(1.05);box-shadow:0 20px 45px rgba(16,185,129,0.35);border-color:#10b981}.story-app-mockup-header{width:45px;height:10px;background:#000;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.story-app-mockup-dot{width:4px;height:4px;background:#334155;border-radius:50%}.story-app-mockup-body{flex:1;width:100%;background:linear-gradient(180deg,#1e293b 0%,#090d16 100%);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;text-align:center}.story-app-mockup-icon{width:48px;height:48px;border-radius:12px;box-shadow:0 4px 12px rgba(16,185,129,0.4)}@media (max-width:767.98px){.btn-story-app-primary{width:100%;justify-content:center;padding:13px 18px}.btn-story-app-secondary{width:100%;justify-content:center;padding:13px 18px}}