﻿:root{--background:#fff;--foreground:#171717;--site-primary:#2563eb}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);font-size:15px;font-family:var(--font-open-sans), "Open Sans", Arial, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{color:#111827;background:#fbf8f8}a,a:hover{text-decoration:none}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e6ebf2;align-items:center;height:68px;display:flex;position:relative;box-shadow:0 4px 18px #0f172a09}.site-header .header-inner{width:100%;max-width:1140px;height:100%;padding-left:12px;padding-right:12px}.brand{color:var(--site-primary);letter-spacing:0;flex:none;align-items:center;margin-right:48px;font-size:25px;font-weight:800;transition:opacity .18s,transform .18s;display:inline-flex}.brand:hover{color:var(--site-primary);opacity:.88;transform:translateY(-1px)}.site-brand-logo{object-fit:contain;width:32px;height:32px;margin-right:8px}.main-nav a{color:#334155;padding:8px 2px;font-size:14px;font-weight:600;transition:color .18s;position:relative}.main-nav{white-space:nowrap;align-items:center;gap:32px;display:flex}.main-nav a.active{color:var(--site-primary)}.main-nav a.active:after{content:"";background:var(--site-primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-14px;left:0;right:0}.main-nav a:hover,.main-nav .nav-dropdown-trigger:hover{color:var(--site-primary)}.nav-dropdown{margin-right:0;position:relative}.main-nav .nav-dropdown-trigger{color:#334155;cursor:pointer;margin-right:0;padding:8px 2px;font-size:14px;font-weight:600;list-style:none;transition:color .18s;display:inline-block}.main-nav .nav-dropdown-trigger::-webkit-details-marker{display:none}.nav-dropdown[open] .nav-dropdown-trigger{color:#0b4fd8}.category-dropdown{z-index:50;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-wrap:wrap;gap:10px;width:350px;padding:22px;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;top:calc(100% + 20px);left:-22px;transform:translateY(8px);box-shadow:0 18px 40px #0f172a1f}.category-dropdown:before{content:"";width:100%;height:22px;position:absolute;top:-22px;left:0}.nav-dropdown[open] .category-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.category-dropdown a{color:#334155;background:#f3f4f6;border-radius:999px;margin-right:0;padding:10px 14px;font-size:13px;line-height:1;transition:background .18s,color .18s,transform .18s}.category-dropdown a:hover{color:#fff;background:#2455d6;transform:translateY(-2px)}.search-box{color:#64748b;background:#f8fafc;border:1px solid #d5deea;border-radius:10px;flex:0 300px;align-items:center;width:300px;height:40px;padding:0 14px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.search-box:focus-within{border-color:var(--site-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--site-primary) 12%, transparent);background:#fff}.header-actions{flex:none;align-items:center;gap:10px;margin-left:14px;display:flex}.search-box input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;margin-left:8px;font-size:14px}.search-box input::placeholder{color:#94a3b8}.header-icon{color:#475569;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.header-icon-link{color:#475569;background:0 0;border:0;justify-content:center;align-items:center;width:38px;height:38px;transition:color .18s,transform .18s;display:inline-flex}.header-icon-link svg{width:15px;height:15px}.header-icon:hover,.header-icon-link.active,.header-icon-link:hover{color:var(--site-primary);background:0 0}.header-icon-link:hover{transform:translateY(-1px)}.notification-bell{position:relative}.notification-trigger{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s,color .18s;display:inline-flex;position:relative}.notification-trigger:hover,.notification-trigger.active{color:var(--site-primary);background:#eff6ff}.notification-badge{color:#fff;text-align:center;background:#dc2626;border:2px solid #fff;border-radius:999px;min-width:17px;height:17px;padding:0 3px;font-size:9px;font-weight:800;line-height:13px;position:absolute;top:1px;right:0}.notification-dropdown{z-index:1200;background:#fff;border:1px solid #dbe3ef;border-radius:8px;width:min(380px,100vw - 24px);position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 18px 48px #0f172a2e}.notification-head{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:12px 16px;display:flex}.notification-head>div{flex-direction:column;gap:2px;display:flex}.notification-head strong{color:#0f172a;font-size:16px}.notification-head span{color:#64748b;font-size:12px}.notification-head button{color:var(--site-primary);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.notification-list{max-height:390px;overflow-y:auto}.notification-item{color:inherit;border-bottom:1px solid #eef2f7;grid-template-columns:36px minmax(0,1fr) 8px;gap:10px;padding:13px 16px;text-decoration:none;display:grid;position:relative}.notification-item:hover{color:inherit;background:#f8fafc;text-decoration:none}.notification-item.unread{background:#f0f6ff}.notification-item-icon{color:#2563eb;background:#dbeafe;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.notification-item-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.notification-item-copy strong{color:#0f172a;font-size:13px}.notification-item-copy>span{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-item-copy small{color:#94a3b8;font-size:11px}.notification-item>i{background:var(--site-primary);border-radius:50%;align-self:center;width:7px;height:7px}.mobile-header-bell{display:none}.notification-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;transition:background .15s;display:none}.notification-close-btn:hover{color:#dc2626;background:#e2e8f0}.notification-state,.notification-empty{color:#64748b;text-align:center;margin:0;padding:28px 18px}.notification-empty{flex-direction:column;align-items:center;gap:6px;display:flex}.notification-empty>svg{color:#94a3b8;margin-bottom:4px;font-size:22px}.notification-empty strong{color:#334155;font-size:14px}.notification-empty p{margin:0;font-size:12px}.login-btn{background:var(--site-primary);color:#fff;cursor:pointer;min-height:40px;box-shadow:0 6px 14px color-mix(in srgb, var(--site-primary) 18%, transparent);border:0;border-radius:8px;align-items:center;margin-left:0;padding:0 18px;font-size:14px;font-weight:700;transition:opacity .18s,transform .18s,box-shadow .18s;display:inline-flex}.login-btn:hover{color:#fff;opacity:.92;box-shadow:0 8px 18px color-mix(in srgb, var(--site-primary) 24%, transparent);transform:translateY(-1px)}.login-btn-placeholder{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}@media (min-width:768px) and (max-width:1050px){.site-header .header-inner{padding-left:18px;padding-right:18px}.brand{margin-right:24px}.main-nav{gap:20px}.search-box{flex-basis:210px;width:210px;min-width:150px}}.home-page{padding-top:32px}.hero-card{color:#fff;background-color:#0000;background-image:linear-gradient(#00000026,#000000d9),url(https://picsum.photos/900/520?random=30);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:12px;min-height:400px;padding:180px 32px 32px;overflow:hidden}.hot-badge{color:#fff;background:#ff7a00;border-radius:16px;padding:6px 12px;font-size:11px;font-weight:700}.hero-card h1{margin-top:20px;font-size:20px}.hero-card p{max-width:620px;line-height:1.7}.hero-slider{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;min-height:400px;transition:background-image .4s ease-in-out;position:relative;overflow:hidden}.hero-slider:before{content:"";z-index:1;background:linear-gradient(#0000001f,#000000d1);position:absolute;inset:0}.hero-slider-image{z-index:0;object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.hero-slide-link{z-index:2;position:absolute;inset:0}.hero-slider-content{z-index:3;pointer-events:none;padding:180px 32px 48px;position:relative}.hero-slider-content h1{margin-top:20px;font-size:24px}.hero-slider-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:580px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.hero-arrow{z-index:4;color:#fff;cursor:pointer;background:#ffffff38;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:#ffffff59}.hero-arrow-left{left:16px}.hero-arrow-right{right:16px}.hero-dots{z-index:4;gap:8px;display:flex;position:absolute;bottom:18px;left:32px}.hero-dots button{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;width:9px;height:9px;transition:width .2s,background .2s}.hero-dots button.active{background:#fff;border-radius:20px;width:24px}.hero-actions{pointer-events:auto;gap:14px;margin-top:24px;display:flex}.side-title{margin-bottom:18px;font-size:22px}.recommend-card{cursor:pointer;background:#f2eeee;border:1px solid #0000;border-radius:10px;gap:14px;margin-bottom:16px;padding:12px;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;display:flex}.recommend-card img{object-fit:cover;border-radius:6px;width:70px;height:90px;transition:transform .22s}.recommend-card h4{margin-bottom:4px;font-size:20px}.recommend-card p{color:#6b7280;margin-bottom:4px;font-size:17px}.recommend-card span{color:#111827;font-size:17px}.small-link{color:#0b4fd8;text-transform:uppercase;text-align:center;margin-top:18px;font-size:12px;font-weight:700;transition:color .2s,letter-spacing .2s;display:block}.small-link:hover{color:#06348d;letter-spacing:.4px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-heading h2{color:#0b4fd8;font-size:34px}.section-heading p{color:#6b7280;margin-bottom:0}.story-card{color:#111827;border-radius:10px;text-decoration:none;transition:transform .22s,color .22s;display:block}.story-card:hover{color:#0b4fd8;text-decoration:none;transform:translateY(-5px)}.story-card:hover h3,.story-card:hover p,.story-card:hover strong{text-decoration:none}.story-cover-wrap{background:#e5e7eb;border:1px solid #d1d5db;border-radius:8px;height:230px;transition:box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 0 #0f172a00}.story-card:hover .story-cover-wrap{border-color:#93c5fd;box-shadow:0 14px 30px #0f172a29}.story-cover-wrap span{color:#fff;background:#2455d6;border-radius:3px;padding:4px 8px;font-size:10px;font-weight:700;transition:background .2s,transform .2s;position:absolute;top:8px;right:8px}.story-card:hover .story-cover-wrap span{background:#ff7a00;transform:translateY(-1px)}.story-card h3{margin:12px 0 4px;font-size:20px}.story-card p{color:#6b7280;margin-bottom:2px;font-size:17px}.story-card strong{color:#0b4fd8;font-size:17px;transition:color .2s}.home-main-section{padding-bottom:16px}.home-main-section .section-heading{border-bottom:1px solid #e5e7eb;padding-bottom:18px}.home-main-section .latest-section-heading{align-items:center;min-height:58px;margin-bottom:24px;padding-bottom:14px}.home-main-section .latest-section-heading h2{margin:0}.home-main-section .latest-section-heading>a{justify-content:center;align-items:center;min-width:72px;min-height:38px;display:inline-flex}.latest-grid{row-gap:18px}.home-main-section .story-cover-wrap{height:310px}.completed-wide-box{margin-top:28px}.completed-wide-box .completed-item{min-height:88px}.ranking-box,.category-box,.completed-box{background:#fff;border:1px solid #cbd5e1;border-radius:14px;margin-bottom:28px;padding:22px}.ranking-box h3,.category-box h3{margin-bottom:18px;font-size:20px}.ranking-item{border-bottom:1px solid #e5e7eb;gap:16px;padding:14px 0;display:flex}.ranking-item span{color:#0b4fd8;font-weight:700}.ranking-item h4{margin-bottom:4px;font-size:14px}.ranking-item p{color:#6b7280;margin-bottom:0;font-size:12px}.category-box a{color:#374151;background:#f3f4f6;border-radius:20px;margin:0 8px 10px 0;padding:8px 12px;font-size:12px;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:inline-block}.category-box a:hover{color:#fff;background:#2455d6;transform:translateY(-2px);box-shadow:0 8px 18px #2455d62e}.subscribe-box{color:#fff;background:#2455d6;border-radius:14px;padding:24px;transition:transform .22s,box-shadow .22s;box-shadow:0 8px 20px #2455d640}.subscribe-box:hover{transform:translateY(-4px);box-shadow:0 16px 34px #2455d657}.subscribe-box h3{font-size:20px}.subscribe-box p{font-size:13px}.subscribe-box div{background:#ffffff26;border-radius:6px;display:flex;overflow:hidden}.subscribe-box input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:12px}.subscribe-box input::placeholder{color:#dbeafe}.subscribe-box button{color:#2455d6;background:#fff;border:0;padding:0 14px;font-weight:700;transition:background .2s,color .2s}.subscribe-box button:hover{color:#111827;background:#fc0}.completed-box h2{font-size:24px}.completed-box>p{color:#6b7280}.completed-item{cursor:pointer;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:14px;padding:14px;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;display:flex}.completed-item svg{color:#2455d6}.completed-item h4{margin-bottom:4px;font-size:14px}.completed-item p{margin-bottom:0;font-size:11px}.completed-item span{color:#ff8a00;margin-left:auto;font-size:13px}.ad-box{background:#ffd400;border-radius:12px;justify-content:space-between;margin-top:36px;padding:32px;display:flex;box-shadow:0 8px 18px #0000001f}.ad-box span{color:#fff;background:#4b3f00;border-radius:14px;padding:5px 10px;font-size:10px;font-weight:700}.ad-box h2{margin-top:18px;font-size:30px}.ad-box p{max-width:520px}.ad-box img{object-fit:cover;border:12px solid #fff;border-radius:8px;width:170px;height:150px}.site-footer{color:#d1d5db;background:#111827;margin-top:70px;padding:64px 0 28px}.footer-custom-text{text-align:center;border-top:1px solid #ffffff1f;margin:28px 0 0;padding-top:20px}.footer-main{grid-template-columns:minmax(0,1.6fr) minmax(180px,.6fr);align-items:start;gap:clamp(36px,8vw,120px);display:grid}.footer-logo{color:#fff;margin-bottom:16px;font-size:26px;font-weight:800;display:inline-block}.footer-brand p,.footer-newsletter p{color:#9ca3af;margin-bottom:20px;line-height:1.7}.footer-socials{gap:10px;display:flex}.footer-socials a{color:#fff;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;display:flex}.footer-socials a:hover{background:#2455d6;transform:translateY(-2px)}.footer-column h4,.footer-newsletter h4{color:#fff;margin-bottom:18px;font-size:16px;font-weight:700}.footer-column a{color:#9ca3af;margin-bottom:11px;transition:color .2s,transform .2s;display:block}.footer-column a:hover{color:#fff;transform:translate(4px)}.footer-newsletter div{background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;display:flex;overflow:hidden}.footer-newsletter input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:12px 14px}.footer-newsletter input::placeholder{color:#9ca3af}.footer-newsletter button{color:#fff;background:#2455d6;border:0;padding:0 18px;font-weight:700;transition:background .2s}.footer-newsletter button:hover{background:#ff7a00}.footer-bottom{color:#9ca3af;border-top:1px solid #ffffff1a;justify-content:space-between;gap:20px;margin-top:42px;padding-top:22px;font-size:13px;display:flex}@media (max-width:991.98px){.footer-main{grid-template-columns:minmax(0,1.4fr) minmax(160px,.6fr);gap:36px}}@media (max-width:575.98px){.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.home-main-section .story-cover-wrap{height:260px}}*{box-sizing:border-box}body{font-family:var(--font-open-sans), "Open Sans", Arial, sans-serif;margin:0}.login-page{background:#f7f7ff;flex-direction:column;min-height:100vh;display:flex;position:relative}.login-top-line{background:#6c63ff;width:100%;height:4px}.login-container{flex-direction:column;flex:1;align-items:center;padding:42px 16px 24px;display:flex}.login-icon{color:#fff;background:#0b5ed7;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:22px;display:flex}.login-container h1{color:#061b45;margin:0;font-size:28px;font-weight:700}.login-subtitle{color:#42526e;margin:8px 0 32px;font-size:14px}.login-card{background:#fff;border:1px solid #d9dce8;border-radius:10px;width:100%;max-width:410px;padding:32px;box-shadow:0 6px 18px #11182714}.form-group{margin-bottom:22px}.form-group label{color:#061b45;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.password-row{justify-content:space-between;align-items:center;display:flex}.password-row a{color:#0b5ed7;font-size:12px;font-weight:600;text-decoration:none}.input-box{background:#fff;border:1px solid #aeb7ca;border-radius:7px;align-items:center;height:40px;padding:0 12px;display:flex}.input-box:focus-within{border-color:#0b5ed7;box-shadow:0 0 0 3px #0b5ed71f}.input-icon{color:#42526e;margin-right:8px;font-size:16px}.eye-icon{color:#111827;cursor:pointer;font-size:15px}.input-box input{color:#061b45;border:none;outline:none;flex:1;font-size:14px}.input-box input::placeholder{color:#6b7280}.login-button{color:#fff;cursor:pointer;background:#0b5ed7;border:none;border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;height:42px;font-size:14px;font-weight:700;display:flex}.login-button:hover{background:#084db3}.divider{align-items:center;gap:12px;margin:28px 0 22px;display:flex}.divider span{background:#d9dce8;flex:1;height:1px}.divider p{color:#42526e;margin:0;font-size:12px}.social-login{grid-template-columns:1fr 1fr;gap:16px;display:grid}.social-login button{color:#374151;cursor:pointer;background:#e1e3e8;border:none;border-radius:7px;justify-content:center;align-items:center;gap:9px;height:38px;font-size:13px;font-weight:600;display:flex}.social-login button:hover{background:#d3d6dd}.register-text{text-align:center;color:#42526e;margin:28px 0 0;font-size:14px}.register-text a{color:#0b5ed7;font-weight:700;text-decoration:none}.social-icons{gap:14px;margin-top:24px;display:flex}.social-icons a{color:#0b5ed7;background:#fff;border:1px solid #d9dce8;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:flex}.social-icons a:hover{color:#fff;background:#0b5ed7}.login-footer{background:#f7f7ff;border-top:1px solid #d9dce8;justify-content:center;gap:32px;padding:18px 16px;display:flex}.login-footer a{color:#42526e;font-size:13px;text-decoration:none}.login-footer a:hover{color:#0b5ed7}@media (max-width:480px){.login-card{padding:24px 20px}.login-container h1{font-size:24px}.login-footer{flex-direction:column;align-items:center;gap:10px}}.secure-auth-page{color:#12182f;background:#f7f8ff;flex-direction:column;min-height:100vh;display:flex}.secure-login-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:70px 20px 92px;display:flex}.secure-login-heading{text-align:center;margin-bottom:32px}.secure-icon-box{color:#fff;background:#0b5bd3;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:28px;display:flex;box-shadow:0 12px 28px #0b5bd347}.secure-login-heading h1{color:#071331;margin-bottom:8px;font-size:38px;font-weight:800}.secure-login-heading p{color:#33384b;margin:0;font-size:18px}.secure-card{background:#fff;border:1px solid #c8ccda;border-radius:12px;width:100%;max-width:438px;padding:34px;box-shadow:0 10px 24px #0f172a12}.secure-field{margin-bottom:24px}.secure-field label,.secure-label-row label{color:#202437;margin-bottom:9px;font-size:16px;font-weight:700;display:block}.secure-label-row{justify-content:space-between;align-items:center;display:flex}.secure-label-row a,.secure-switch a{color:#004bcb;font-weight:800}.secure-input{color:#22283b;border:2px solid #c7cada;border-radius:9px;align-items:center;gap:9px;height:42px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.secure-input:focus-within{border-color:#0b5bd3;box-shadow:0 0 0 4px #0b5bd31a}.secure-input input{color:#202437;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.secure-input input::placeholder{color:#6b7280}.secure-submit{color:#fff;background:#0b5bd3;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;font-size:17px;font-weight:800;transition:transform .2s,background .2s;display:flex;box-shadow:0 10px 20px #0b5bd333}.secure-submit:hover{background:#0849ad;transform:translateY(-2px)}.secure-divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:34px 0 28px;display:grid}.secure-divider span{background:#c8ccda;height:1px}.secure-divider p{color:#33384b;margin:0;font-size:14px}.secure-socials{grid-template-columns:1fr 1fr;gap:16px;display:grid}.secure-socials button{color:#202437;background:#fff;border:2px solid #c8ccda;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:42px;font-size:16px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.secure-socials button:hover{border-color:#0b5bd3;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a14}.secure-switch{color:#202437;text-align:center;margin:34px 0 0;font-size:16px}.secure-auth-footer{color:#202437;border-top:1px solid #c8ccda;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:76px;padding:18px 40px;display:grid}.secure-auth-footer strong{letter-spacing:.08em;font-size:16px}.secure-auth-footer div{justify-content:center;gap:34px;display:flex}.secure-auth-footer a{color:#202437}.secure-auth-footer span{text-align:right}@media (max-width:767.98px){.secure-login-wrap{padding:42px 16px 60px}.secure-login-heading h1{font-size:30px}.secure-card{max-width:100%;padding:26px 20px}.secure-socials{grid-template-columns:1fr}.secure-auth-footer{text-align:center;grid-template-columns:1fr}.secure-auth-footer div{flex-wrap:wrap;gap:16px}.secure-auth-footer span{text-align:center}}.auth-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex}.auth-card{background:#fff;border:1px solid #dbe3ef;border-radius:16px;width:100%;max-width:430px;padding:34px;box-shadow:0 18px 40px #0f172a14}.auth-card h1{color:#0b4fd8;margin-bottom:8px;font-size:30px;font-weight:800}.auth-card>p{color:#64748b;margin-bottom:24px;font-size:16px}.auth-card label{color:#1f2937;margin-bottom:8px;font-weight:600}.auth-card .form-control{border-color:#cbd5e1;border-radius:10px;height:46px}.auth-card .form-control:focus{border-color:#2455d6;box-shadow:0 0 0 .2rem #2455d626}.password-input-wrap{position:relative}.password-input-wrap .form-control{padding-right:46px}.password-toggle{color:#64748b;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#2455d6;background:#eff4ff}.password-toggle:disabled{opacity:.55}.auth-card .btn-primary{background:#2455d6;border-color:#2455d6;border-radius:10px;height:46px;margin-top:10px;font-weight:700}.auth-card .btn-primary:hover{background:#1642b8;border-color:#1642b8}.auth-card .auth-switch{color:#64748b;text-align:center;font-size:16px;margin-top:22px!important;margin-bottom:0!important}.auth-card .auth-switch a{color:#0b4fd8;font-weight:700}.auth-forgot-row{justify-content:flex-end;margin-top:-8px;margin-bottom:16px;display:flex}.auth-forgot-row a{color:#0b4fd8;font-size:13px;font-weight:800}.auth-dev-reset-link{color:#1e3a8a;background:#eff6ff;border:1px dashed #93c5fd;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.auth-dev-reset-link span{margin-bottom:6px;font-weight:800;display:block}.auth-dev-reset-link a{color:#0b4fd8;font-weight:800}.auth-divider-simple{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0 16px;display:grid}.auth-divider-simple span{background:#dbe3ef;height:1px}.auth-divider-simple p{color:#64748b;margin:0;font-size:13px}.auth-social-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-social-buttons.auth-social-single{grid-template-columns:1fr}.auth-social-buttons button{color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;font-weight:600;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.auth-social-buttons button:hover{border-color:#2455d6;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a14}.auth-page-register{height:100vh;min-height:100vh;padding-top:20px;padding-bottom:20px;overflow:hidden}.auth-card-register{max-width:430px;padding:26px 34px}.auth-card-register h1{font-size:28px}.auth-card-register>p{margin-bottom:16px}.auth-card-register .form-group{margin-bottom:14px}.auth-card-register label{margin-bottom:6px}.auth-card-register .form-control{height:42px}.auth-card-register .btn-primary{height:44px}.auth-card-register .auth-switch{margin-top:16px!important}.auth-page-login{height:100vh;min-height:100vh;padding-top:20px;padding-bottom:20px;overflow:hidden}.auth-page-login .auth-card{padding:28px 34px}.auth-page-login .auth-card>p,.auth-page-login .form-group{margin-bottom:18px}.auth-page-login .auth-divider-simple{margin:18px 0 14px}.auth-page-login .auth-switch{margin-top:18px!important}@media (max-width:575.98px){.auth-social-buttons{grid-template-columns:1fr}.auth-page-login,.auth-page-register{height:auto;min-height:100vh;overflow:visible}}body{font-size:15px}.brand,.footer-logo{font-size:24px}.main-nav a,.main-nav .nav-dropdown-trigger{font-size:15px}.search-box input,.login-btn{font-size:17px}.hero-slider-content h1,.section-heading h2,.updates-toolbar h1,.catalog-heading h1{font-size:34px}.recommend-card h4,.story-card h3,.update-info h2,.catalog-story-card h2,.profile-section-head h2{font-size:22px}.recommend-card p,.recommend-card span,.story-card p,.story-card strong,.catalog-heading p,.search-page-form input{font-size:19px}.auth-card h1{font-size:21px;line-height:1.25}.auth-card>p,.auth-card .auth-switch,.auth-divider-simple p{font-size:16px}.auth-card label{font-size:15px}.auth-card .form-control,.auth-card .btn-primary,.auth-social-buttons button{font-size:16px}.story-main-info h1{color:#111827;margin-bottom:12px;font-size:42px;font-weight:800}.story-meta{color:#64748b;flex-wrap:wrap;gap:18px;margin-bottom:22px;display:flex}.story-actions .btn{border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:inline-flex}.story-summary{border:1px solid #dbe3ef;border-radius:10px;padding:18px}.story-summary h2{margin-bottom:10px;font-size:22px;font-weight:800}.story-summary p{color:#334155;margin-bottom:0;line-height:1.8}.chapter-panel-header h2,.related-box h2,.affiliate-box h2{margin-bottom:0;font-size:22px;font-weight:800}.chapter-row{color:#111827;border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:15px 0;transition:color .2s,transform .2s;display:flex}.chapter-more{color:#2455d6;background:0 0;border:0;margin:20px auto 0;font-weight:800;display:block}.related-item h3{margin-bottom:4px;font-size:16px;font-weight:800}.affiliate-box{color:#fff;background:#2455d6}.affiliate-box p{color:#dbeafe;line-height:1.6}.affiliate-box button{color:#111827;background:#facc15;border:0;border-radius:8px;width:100%;height:42px;font-weight:800}@media (max-width:991.98px){.story-hero,.story-content-grid{grid-template-columns:1fr}.story-cover{max-width:260px}.story-main-info h1{font-size:34px}}@media (max-width:575.98px){.story-actions{flex-direction:column}.story-actions .btn{justify-content:center}.chapter-row{flex-direction:column;gap:4px}}.detail-header{background:#fff;border-bottom:1px solid #e5e7eb;height:54px}.detail-header-inner{align-items:center;gap:20px;height:100%;padding:0 48px;display:flex}.detail-logo{color:#0b4fd8;font-size:17px;font-weight:800}.detail-nav{gap:20px;display:flex}.detail-nav a{color:#111827;font-size:12px}.detail-search{color:#64748b;background:#f2f4f8;border-radius:16px;align-items:center;gap:8px;width:210px;height:28px;margin-left:auto;padding:0 12px;display:flex}.detail-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.detail-icon{color:#111827;font-size:13px}.detail-login{color:#fff;background:#2455d6;border-radius:16px;padding:7px 13px;font-size:12px;font-weight:800}.story-breadcrumb{color:#64748b;align-items:center;gap:9px;margin-bottom:22px;font-size:12px;display:flex}.story-hero{grid-template-columns:210px 1fr;align-items:start;gap:28px;margin-bottom:34px;display:grid}.story-main-info{background:0 0;border:0;border-radius:0;padding:0}.story-tags{gap:8px;margin-bottom:10px;display:flex}.story-tags span{color:#7c5a00;background:#fff3bf;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.story-tags span:nth-child(2),.story-tags span:nth-child(3){color:#334155;background:#eef2ff}.story-main-info h1{color:#111827;margin-bottom:10px;font-size:36px;font-weight:800;line-height:1.1}.story-actions .btn{border-radius:6px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:800;display:inline-flex}.story-summary h2{color:#111827;margin-bottom:10px;font-size:18px;font-weight:800}.story-summary p{color:#334155;margin-bottom:0;font-size:14px;line-height:1.75}.chapter-panel,.related-box,.affiliate-box{background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:20px}.chapter-panel-header{justify-content:space-between;gap:18px;margin-bottom:14px;display:flex}.chapter-panel-header h2,.related-box h2,.affiliate-box h2{color:#111827;margin-bottom:0;font-size:18px;font-weight:800}.chapter-panel-header span{color:#64748b;font-size:12px}.chapter-row{color:#111827;border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:18px;padding:14px 0;font-size:13px;transition:color .2s,transform .2s;display:flex}.chapter-row:hover{color:#2455d6;transform:translate(4px)}.chapter-row small{color:#64748b;white-space:nowrap}.chapter-more{color:#2455d6;background:0 0;border:0;margin:18px auto 0;font-size:13px;font-weight:800;display:block}.related-item{color:#111827;border-bottom:1px solid #e5e7eb;gap:14px;padding:14px 0;display:flex}.related-item img{object-fit:cover;border-radius:7px;width:68px;height:88px}.related-item h3{color:#2455d6;margin-bottom:4px;font-size:13px;font-weight:800}.related-item p{color:#64748b;margin-bottom:4px;font-size:12px}.related-item span{color:#f59e0b;font-size:12px}.affiliate-box{color:#fff;background:#3868f0;border-color:#3868f0}.affiliate-box h2{color:#fff}.affiliate-box p{color:#e0e7ff;font-size:13px;line-height:1.55}.affiliate-box button{color:#111827;background:#facc15;border:0;border-radius:6px;width:100%;height:38px;font-size:13px;font-weight:800}.detail-footer{color:#4b5563;background:#1b1b1b;justify-content:space-between;align-items:center;gap:24px;min-height:168px;padding:0 48px;font-size:12px;display:flex}.detail-footer div{gap:22px;display:flex}.detail-footer a{color:#4b5563}.detail-footer a:last-child{color:#2455d6}@media (max-width:991.98px){.story-detail-frame{width:min(100% - 24px,760px)}.detail-header-inner{padding:0 24px}.detail-nav,.detail-search,.detail-icon{display:none}.detail-login{margin-left:auto}.detail-container{padding:24px}.story-hero,.story-content-grid{grid-template-columns:1fr}.story-cover{max-width:220px}}@media (max-width:575.98px){.story-detail-page{padding:0}.story-detail-frame{border-radius:0;width:100%;min-height:100vh}.story-main-info h1{font-size:28px}.story-actions{flex-direction:column}.chapter-row{flex-direction:column;gap:4px}.detail-footer{text-align:center;flex-direction:column;justify-content:center}}.story-detail-page{background:#f7f7f8;min-height:calc(100vh - 64px);padding:32px 0 80px}.story-detail-frame{background:0 0;border:0;border-radius:0;width:auto;min-height:0;margin:0;overflow:visible}.detail-container{padding:0 15px}.story-content-grid{grid-template-columns:minmax(0,1fr) 320px}.affiliate-box,.detail-footer{display:none}@media (max-width:991.98px){.detail-container{padding:0 15px}.story-content-grid{grid-template-columns:1fr}}.updates-container{width:min(100% - 24px,1140px);margin:0 auto}.update-card{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden;box-shadow:0 1px 4px #0f172a14}.update-card:hover{color:#111827;border-color:#c7d2fe;transform:translateY(-6px);box-shadow:0 16px 32px #0f172a24}.update-cover{aspect-ratio:3/4;background:#0f172a;position:relative;overflow:hidden}.update-cover span{color:#fff;background:#2d5bd6;border-radius:5px;padding:7px 10px;font-size:12px;font-weight:800;line-height:1;position:absolute;top:10px;left:10px}.update-info{padding:18px 18px 20px}.update-info h2{color:#111827;min-height:48px;margin-bottom:12px;font-size:20px;font-weight:800;line-height:1.2}.update-info div{justify-content:space-between;align-items:center;gap:16px;display:flex}.update-info p,.update-info small{color:#64748b;margin:0;font-size:14px}.updates-pagination{justify-content:center;align-items:center;margin-top:56px;display:flex}.updates-pagination button,.updates-pagination span{color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-right:0;justify-content:center;align-items:center;width:46px;height:42px;font-size:16px;display:inline-flex}.updates-pagination button:first-child{border-radius:6px 0 0 6px}.updates-pagination button:last-child{border-right:1px solid #cbd5e1;border-radius:0 6px 6px 0}.updates-pagination button.active{color:#fff;background:#3a67e8;border-color:#3a67e8}@media (max-width:1199.98px){.updates-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.profile-page{background:#f7f7f8;padding:36px 0 72px}.profile-shell{grid-template-columns:300px minmax(0,1fr);gap:28px;display:grid}.profile-sidebar{flex-direction:column;gap:22px;display:flex}.profile-user-card{color:#fff;text-align:center;background:#4168e8;border-radius:8px 8px 0 0;padding:26px 20px 24px}.profile-avatar{width:92px;height:92px;margin:0 auto 14px;position:relative}.profile-avatar img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%}.profile-avatar button{color:#fff;background:#2455d6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:inline-flex;position:absolute;bottom:2px;right:2px}.profile-user-card h1{margin-bottom:4px;font-size:22px;font-weight:800}.profile-user-card p{color:#facc15;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.profile-menu{background:#fff;border:1px solid #dbe3ef;border-top:0;border-radius:0 0 8px 8px;overflow:hidden}.profile-menu a,.profile-menu-button{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:54px;padding:0 22px;font-size:14px;transition:background .2s,color .2s;display:flex}.profile-menu a svg,.profile-menu-button svg{width:16px;min-width:16px;height:16px}.profile-menu-button span{line-height:1}.profile-menu a.active,.profile-menu a:hover,.profile-menu-button:hover{color:#2455d6;background:#dce6ff;font-weight:800}.profile-logout-button{color:#475569;border-top:1px solid #e5eaf2}.profile-logout-button:hover{color:#dc2626;background:#fff1f2}.profile-logout-button:disabled{cursor:wait;opacity:.65}.profile-menu a span{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:auto;font-size:11px;display:inline-flex}.reading-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.reading-modal{background:#fff;border-radius:16px;width:min(520px,100%);overflow:hidden;box-shadow:0 32px 80px #0f172a38}.reading-modal-head{background:#fafbff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.reading-modal-head h2{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.reading-modal-head h2:before{content:"📖";font-size:16px}.reading-modal-head p{display:none}.reading-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.reading-modal-close:hover{color:#dc2626;background:#fee2e2}.reading-history-list{flex-direction:column;gap:6px;max-height:420px;padding:12px;display:flex;overflow-y:auto}.reading-history-item{color:#0f172a;background:#f8fafc;border:1px solid #0000;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),background .3s,border-color .3s;display:flex}.reading-history-item:hover{color:#0f172a;background:#f8fafc;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.reading-history-item:before{content:counter(history-counter);counter-increment:history-counter;background:var(--site-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:inline-flex}.reading-history-list{counter-reset:history-counter}.reading-history-item h3{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:13.5px;font-weight:700;overflow:hidden}.reading-history-item p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.reading-history-item span.reading-progress{min-width:auto;height:auto;color:var(--site-primary);text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;flex-shrink:0;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700}[data-theme=dark] .reading-modal{background:#1c2033}[data-theme=dark] .reading-modal-head{background:#161929;border-bottom-color:#252a3d}[data-theme=dark] .reading-modal-head h2{color:#e2e8f0}[data-theme=dark] .reading-modal-close{color:#94a3b8;background:#252a3d}[data-theme=dark] .reading-history-item{color:#e2e8f0;background:#161929}[data-theme=dark] .reading-history-item:hover{background:#1e2a4a;border-color:#3b5bdb}[data-theme=dark] .reading-history-item h3{color:#e2e8f0}[data-theme=dark] .reading-history-item span.reading-progress{color:#93c5fd;background:#1e2a4a;border-color:#3b5bdb}.profile-update-modal{background:#fff;border-radius:12px;width:min(620px,100%);padding:24px;box-shadow:0 24px 70px #0f172a47}.profile-update-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.profile-update-form label{margin:0}.profile-update-form span{color:#64748b;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.profile-update-form input,.profile-update-form select,.profile-update-form textarea{color:#111827;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;outline:0;width:100%}.profile-update-form input,.profile-update-form select{height:44px;padding:0 14px}.profile-update-form textarea{resize:vertical;min-height:120px;padding:12px 14px}.profile-update-form input:focus,.profile-update-form select:focus,.profile-update-form textarea:focus{background:#fff;border-color:#2455d6}.profile-update-actions{grid-column:1/-1;justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.profile-update-actions button{border-radius:8px;height:40px;padding:0 18px;font-weight:800}.profile-update-actions button:first-child{color:#334155;background:#fff;border:1px solid #dbe3ef}.profile-update-actions button:last-child{color:#fff;background:#2455d6;border:1px solid #2455d6}.profile-invite{text-align:center;background:#facc15;border-radius:8px;padding:24px 18px}.profile-invite svg{color:#111827;margin-bottom:10px;font-size:28px}.profile-invite p{color:#111827;margin-bottom:14px;font-size:13px;font-weight:700}.profile-invite button{color:#fff;background:#111827;border:0;border-radius:6px;width:100%;height:36px;font-size:13px;font-weight:800}.profile-content{flex-direction:column;gap:22px;display:flex}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.profile-stat-card{background:#fff;border:1px solid #dbe3ef;border-radius:8px;min-height:102px;padding:18px;position:relative}.profile-stat-card div{color:#2455d6;float:left;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;margin-right:12px;font-size:18px;display:inline-flex}.profile-stat-card:nth-child(2) div{color:#10b981;background:#ecfdf5}.profile-stat-card:nth-child(3) div{color:#f97316;background:#fff7ed}.profile-stat-card p{color:#64748b;text-transform:uppercase;margin:4px 0;font-size:12px;font-weight:800}.profile-stat-card strong{color:#111827;font-size:22px;font-weight:800}.profile-info-card,.profile-library{background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:24px}.profile-section-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.profile-section-head h2{color:#111827;margin:0;font-size:22px;font-weight:800}.profile-section-head button,.profile-section-head a{color:#2455d6;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;display:grid}.profile-info-grid label{margin:0}.profile-info-grid span{color:#64748b;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.profile-info-grid input{color:#111827;background:#f1eeee;border:0;border-radius:6px;width:100%;height:44px;padding:0 14px;font-size:14px}.profile-story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.profile-story-card{color:#111827}.profile-story-card:hover{color:#2455d6}.profile-story-card img{aspect-ratio:3/4;object-fit:cover;border-radius:6px;width:100%;margin-bottom:10px;transition:transform .22s,box-shadow .22s}.profile-story-card:hover img{transform:translateY(-4px);box-shadow:0 12px 24px #0f172a29}.profile-story-card h3{color:inherit;margin-bottom:4px;font-size:14px;font-weight:800}.profile-story-card p{color:#64748b;margin:0;font-size:12px}.profile-footer{background:#e9e4e4;padding:58px 0 42px}.profile-footer .container{grid-template-columns:1.5fr repeat(3,1fr);gap:48px;display:grid}.profile-footer-logo{color:#2455d6;margin-bottom:16px;font-size:24px;font-weight:800;display:inline-block}.profile-footer h3{color:#111827;text-transform:uppercase;margin-bottom:14px;font-size:15px;font-weight:800}.profile-footer p,.profile-footer a{color:#64748b;margin-bottom:8px;font-size:13px;line-height:1.8;display:block}.profile-footer a:hover{color:#2455d6}@media (max-width:991.98px){.profile-shell,.profile-stats,.profile-footer .container{grid-template-columns:1fr}.profile-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575.98px){.profile-info-grid,.profile-story-grid,.profile-update-form{grid-template-columns:1fr}.profile-update-actions{flex-direction:column}}@media (max-width:991.98px){.updates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767.98px){.updates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (max-width:480px){.updates-container{width:min(100% - 24px,1460px)}.updates-grid{grid-template-columns:1fr}}@media (max-width:767.98px){.site-header{height:auto;padding:10px 0 8px;overflow:visible}.site-header .container{flex-wrap:wrap;gap:8px 12px;align-items:flex-start!important}.site-header .header-inner{height:auto;padding-left:16px;padding-right:16px}.brand{flex:none;margin-right:8px;font-size:21px;line-height:34px}.main-nav{scrollbar-width:none;white-space:nowrap;flex:1 0 100%;order:3;padding-top:2px;overflow:visible}.main-nav::-webkit-scrollbar{display:none}.main-nav a,.main-nav .nav-dropdown-trigger{flex:none;margin-right:22px;font-size:13px;line-height:28px}.main-nav .nav-dropdown-trigger{min-width:54px;padding:0 2px}.main-nav a.active:after{bottom:-7px}.nav-dropdown{flex:none;margin-right:22px}.category-dropdown{z-index:999;width:min(300px,100vw - 28px);padding:16px;position:absolute;top:calc(100% + 8px);left:0}.category-dropdown:before{height:10px;top:-10px}.search-box{width:92px;height:34px;margin-left:auto!important}.search-box input{font-size:12px}.header-icon{display:none}.header-icon-link{align-items:center;height:34px;margin-left:0;font-size:16px;display:inline-flex}.login-btn{white-space:nowrap;border-radius:18px;align-items:center;height:34px;margin-left:0;padding:0 12px;font-size:12px;display:inline-flex}.home-page{padding-top:18px}.hero-slider{border-radius:10px;min-height:315px}.hero-slider-content{padding:132px 24px 42px}.hero-slider-content h1{margin-top:14px;font-size:19px;line-height:1.25}.hero-slider-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.hero-actions{gap:10px;margin-top:18px}.hero-actions .btn{padding:8px 12px;font-size:13px}.hero-arrow{width:32px;height:32px}.hero-arrow-left{left:10px}.hero-arrow-right{right:10px}.hero-dots{bottom:14px;left:24px}}@media (max-width:420px){.brand{font-size:19px}.search-box{width:64px;padding:0 10px}.login-btn{padding:0 10px}.search-box input::placeholder{color:#0000}.hero-slider{min-height:300px}.hero-slider-content{padding:120px 20px 40px}}.mobile-menu-toggle,.mobile-menu-panel{display:none}@media (max-width:767.98px){.site-header{z-index:1000;background:#fff;position:relative}.site-header .container{flex-wrap:nowrap;align-items:center!important}.site-header .main-nav,.site-header .search-box,.site-header .header-icon,.site-header .header-icon-link,.site-header .login-btn,.site-header .header-actions{display:none}.notification-dropdown{right:-48px}.brand{margin-right:auto;line-height:38px}.mobile-menu-toggle{color:#111827;background:#fff;border:1px solid #dbe3ef;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-left:auto;display:inline-flex}.mobile-menu-panel{z-index:1001;background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:14px;position:absolute;top:100%;left:12px;right:12px;box-shadow:0 18px 42px #0f172a2e}.mobile-menu-panel.open{display:block}.mobile-menu-actions{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:12px;padding:4px 0 12px;display:flex}.mobile-header-bell{align-items:center;display:flex}.mobile-header-bell .notification-dropdown{width:min(320px,100vw - 24px);max-height:65vh;left:auto;right:-12px}.mobile-header-bell .notification-list{max-height:calc(65vh - 80px)}.notification-close-btn{display:flex!important}.mobile-menu-search{color:#64748b;border:1px solid #cbd5e1;border-radius:22px;align-items:center;gap:9px;height:40px;margin-bottom:12px;padding:0 12px;display:flex}.mobile-menu-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.mobile-menu-panel nav{gap:8px;margin-bottom:14px;display:grid}.mobile-menu-panel nav a,.mobile-menu-panel nav button{color:#111827;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:10px 12px;font-size:15px;font-weight:700;display:block}.mobile-menu-panel nav a.active,.mobile-menu-panel nav a:hover,.mobile-menu-panel nav button:hover{color:#2455d6;background:#eef2ff}.mobile-auth-placeholder{color:#94a3b8;padding:10px 12px;font-size:15px;font-weight:700;display:block}.mobile-menu-categories{border-top:1px solid #e5e7eb;padding-top:12px}.mobile-menu-categories h3{color:#64748b;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.mobile-menu-categories div{flex-wrap:wrap;gap:8px;display:flex}.mobile-menu-categories a{color:#334155;background:#f3f4f6;border-radius:999px;padding:8px 12px;font-size:13px}.mobile-menu-categories a:hover{color:#fff;background:#2455d6}}.reader-shell{--reader-font-size:20px;color:#1f2937;background:#f7f3ee;transition:background .2s,color .2s}.reader-shell.reader-dark{color:#e5e7eb;background:#101827}.reader-dark .reader-container{background:#0f172ae6;border-color:#94a3b847;box-shadow:0 24px 70px #00000057}.reader-breadcrumb{color:#64748b;flex-wrap:wrap;gap:8px;margin-bottom:28px;font-size:15px;display:flex}.reader-dark .reader-head{border-color:#94a3b83d}.reader-head p{color:#64748b;margin-bottom:10px}.reader-dark .reader-head p,.reader-dark .reader-head span,.reader-dark .reader-breadcrumb{color:#cbd5e1}.reader-head span{color:#64748b}.reader-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:24px 0;display:grid}.reader-nav a{color:#2455d6;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:800;transition:background .2s,color .2s,transform .2s;display:inline-flex}.reader-nav a:hover{color:#fff;background:#2455d6;transform:translateY(-2px)}.reader-nav a:first-child{justify-self:start}.reader-nav a:last-child{justify-self:end}.reader-content{color:inherit;font-size:var(--reader-font-size);padding:18px 0;line-height:2}.reader-content p{margin-bottom:22px}.reader-dark .reader-floating-tools{background:#1f2937;border-color:#94a3b847}.reader-floating-tools button{color:#2455d6;background:#eef2ff;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.reader-dark .reader-floating-tools span{color:#e5e7eb}.catalog-page,.search-page{background:#fbf8f8;min-height:calc(100vh - 64px);padding:44px 0 72px}.catalog-container{width:min(100% - 40px,1180px);margin:0 auto}.catalog-heading{margin-bottom:30px}.catalog-heading h1{color:#111827;border-left:4px solid #2455d6;margin-bottom:10px;padding-left:16px;font-size:34px;font-weight:900;line-height:1.1}.catalog-heading p{color:#64748b;margin:0;font-size:18px}.catalog-back{color:#2455d6;margin-bottom:14px;font-size:16px;font-weight:800;display:inline-flex}.category-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.category-page-card{color:#111827;background:#fff;border:1px solid #dbe3ef;border-radius:14px;min-height:170px;padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 10px 26px #0f172a0d}.category-page-card:hover{color:#111827;border-color:#2455d6;transform:translateY(-5px);box-shadow:0 18px 38px #0f172a1f}.category-page-card span,.catalog-story-card span{color:#2455d6;background:#eef2ff;border-radius:999px;margin-bottom:14px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.category-page-card h2{margin-bottom:10px;font-size:28px;font-weight:900}.category-page-card p{color:#64748b;margin:0}.catalog-story-card{color:#111827;background:#fff;border:1px solid #dbe3ef;border-radius:14px;grid-template-columns:126px minmax(0,1fr);gap:18px;min-height:188px;padding:14px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;box-shadow:0 10px 26px #0f172a0d}.catalog-story-card img{object-fit:cover;border-radius:10px;width:126px;height:160px}.catalog-story-card h2{color:#111827;margin-bottom:6px;font-size:22px;font-weight:900;line-height:1.2}.catalog-story-card p,.catalog-story-card small{color:#64748b}.search-page-form{background:#fff;border:1px solid #cbd5e1;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:720px;min-height:54px;margin-bottom:20px;padding:0 8px 0 18px;display:grid}.search-page-form svg{color:#64748b}.search-page-form button{color:#fff;background:#2455d6;border:0;border-radius:999px;height:42px;padding:0 20px;font-weight:800}.search-result-head{color:#64748b;margin-bottom:22px}.not-found-page{background:radial-gradient(circle at top,#eef2ff,#fbf8f8 56%);justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:48px 16px;display:flex}.not-found-card{text-align:center;background:#fff;border:1px solid #dbe3ef;border-radius:20px;width:min(100%,560px);padding:44px;box-shadow:0 24px 70px #0f172a1f}.not-found-card>span{color:#2455d6;margin-bottom:16px;font-size:64px;font-weight:900;line-height:1;display:block}.not-found-card h1{color:#111827;margin-bottom:10px;font-size:34px;font-weight:900}.not-found-card p{color:#64748b;margin-bottom:26px}.not-found-card div{justify-content:center;gap:12px;display:flex}.not-found-card a{color:#fff;background:#2455d6;border-radius:999px;padding:11px 18px;font-weight:800}.not-found-card a+a{color:#2455d6;background:#fff;border:1px solid #cbd5e1}@media (max-width:991.98px){.category-page-grid,.catalog-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767.98px){.catalog-page,.search-page{padding:28px 0 48px}.catalog-container{width:min(100% - 24px,1180px)}.category-page-grid,.catalog-story-grid{grid-template-columns:1fr}.catalog-heading h1{font-size:28px}.catalog-story-card{grid-template-columns:96px minmax(0,1fr);min-height:142px}.catalog-story-card img{width:96px;height:124px}.catalog-story-card h2{font-size:20px}.search-page-form{border-radius:16px;grid-template-columns:auto 1fr;padding:12px}.search-page-form button{grid-column:1/-1;width:100%}.reader-page{padding:24px 12px 48px}.reader-container{border-radius:12px;padding:22px 18px}.reader-head h1{font-size:30px}.reader-nav{grid-template-columns:1fr}.reader-nav a,.reader-nav a:first-child,.reader-nav a:last-child{justify-self:stretch}.reader-floating-tools{bottom:14px;left:50%;right:auto;transform:translate(-50%)}.not-found-card{padding:32px 20px}.not-found-card div{flex-direction:column}}.story-detail-page .story-breadcrumb{font-size:15px}.story-detail-page .story-tags span{font-size:14px}.story-detail-page .story-main-info h1{font-size:42px}.story-detail-page .story-meta{font-size:16px}.story-detail-page .story-actions .btn{padding:11px 20px;font-size:17px}.story-detail-page .story-summary h2,.story-detail-page .chapter-panel-header h2,.story-detail-page .related-box h2{font-size:24px}.story-detail-page .story-summary p,.story-detail-page .chapter-row{font-size:18px}.story-detail-page .story-summary-content{color:#334155;font-size:18px;line-height:1.85}.story-detail-page .story-summary-content p{margin:0 0 14px}.story-detail-page .story-summary-content p:last-child{margin-bottom:0}.story-detail-page .story-summary-content ul,.story-detail-page .story-summary-content ol{margin:0 0 14px 22px;padding:0}.story-detail-page .story-summary-content img{border-radius:10px;max-width:100%;margin:14px 0;display:block}.story-detail-page .chapter-panel-header span,.story-detail-page .chapter-row small{font-size:15px}.story-detail-page .chapter-more{font-size:16px}.story-detail-page .related-item h3{font-size:17px}.story-detail-page .related-item p,.story-detail-page .related-item span{font-size:15px}@media (max-width:575.98px){.story-detail-page .story-main-info h1{font-size:34px}.story-detail-page .story-summary p,.story-detail-page .story-summary-content,.story-detail-page .chapter-row{font-size:17px}}body.menu-open{overflow:hidden}.mobile-menu-backdrop{display:none}@media (max-width:767.98px){.mobile-menu-backdrop.open{z-index:1000;background:#0f172a47;border:0;display:block;position:fixed;inset:0}.mobile-menu-panel{max-height:calc(100vh - 86px);overflow-y:auto}}.image-skeleton{background:linear-gradient(110deg,#e5e7eb 8%,#f8fafc 18%,#e5e7eb 33%) 0 0/200% 100%;animation:1.2s linear infinite image-shimmer}.image-skeleton img{display:block}@keyframes image-shimmer{to{background-position-x:-200%}}.empty-state{text-align:center;background:#fff;border:1px solid #dbe3ef;border-radius:16px;padding:36px;box-shadow:0 16px 34px #0f172a14}.empty-state h2{color:#111827;margin-bottom:10px;font-size:28px;font-weight:900}.empty-state p{color:#64748b;margin-bottom:22px}.empty-state a{color:#fff;background:#2455d6;border-radius:999px;padding:11px 20px;font-weight:800;display:inline-flex}.chapter-select-wrap{width:min(100%,500px);margin:0 auto 20px;position:relative}.chapter-select-label{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.chapter-select-trigger{color:#0f172a;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:flex}.chapter-select-trigger:hover,.chapter-select-trigger.open{border-color:var(--site-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--site-primary) 10%, transparent)}.chapter-select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapter-select-arrow{color:#94a3b8;flex-shrink:0;font-size:11px;transition:transform .2s}.chapter-select-trigger.open .chapter-select-arrow{transform:rotate(180deg)}.chapter-select-dropdown{z-index:200;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a1f}.chapter-select-dropdown::-webkit-scrollbar{width:4px}.chapter-select-dropdown::-webkit-scrollbar-track{background:0 0}.chapter-select-dropdown::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.chapter-select-option{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.chapter-select-option:hover{color:var(--site-primary);background:#f1f5f9}.chapter-select-option.active{color:var(--site-primary);background:#eff6ff;font-weight:700}.chapter-select-num{color:#64748b;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.chapter-select-option.active .chapter-select-num{background:var(--site-primary);color:#fff}.chapter-select-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-theme=dark] .chapter-select-trigger{color:#e2e8f0;background:#1a1d2e;border-color:#252a3d}[data-theme=dark] .chapter-select-dropdown{background:#1a1d2e;border-color:#252a3d;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .chapter-select-option{color:#cbd5e1}[data-theme=dark] .chapter-select-option:hover{color:#93c5fd;background:#252a3d}[data-theme=dark] .chapter-select-option.active{color:#93c5fd;background:#1e2a4a}[data-theme=dark] .chapter-select-num{color:#94a3b8;background:#252a3d}@media (max-width:575.98px){.empty-state{padding:28px 18px}.empty-state h2{font-size:24px}}.reading-history-item .reading-progress{color:#fff!important;width:116px!important;min-width:116px!important;height:40px!important;box-shadow:none!important;background:#2455d6!important;border:0!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;padding:0 18px!important;font-size:17px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}.aff-overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s aff-overlay-in;display:flex;position:fixed;inset:0}@keyframes aff-overlay-in{0%{opacity:0}to{opacity:1}}.aff-card{background:#fff;border-radius:18px;width:min(100%,380px);position:relative;overflow:hidden;box-shadow:0 24px 72px #00000047}.aff-card-fade{animation:.25s aff-fade-in}.aff-card-slide{animation:.3s cubic-bezier(.34,1.56,.64,1) aff-slide-in}.aff-card-zoom{animation:.25s cubic-bezier(.34,1.56,.64,1) aff-zoom-in}@keyframes aff-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aff-slide-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes aff-zoom-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.aff-card-close{z-index:2;color:#fff;cursor:pointer;background:#00000052;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:background .15s;display:flex;position:absolute;top:10px;right:10px}.aff-card-close:hover{background:#00000080}.aff-card-banner{object-fit:cover;width:100%;max-height:140px;display:block}.aff-card-body{flex-direction:column;gap:8px;padding:20px 22px 24px;display:flex}.aff-card-title{color:#0f172a;margin:0;font-size:17px;font-weight:800;line-height:1.3}.aff-card-desc{color:#475569;margin:0;font-size:13px;line-height:1.5}.aff-card-timer{background:#f8fafc;border-radius:8px;align-items:center;gap:10px;margin:2px 0;padding:10px 14px;display:flex}.aff-card-timer-label{color:#64748b;font-size:12px}.aff-card-countdown{color:#2563eb;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.aff-card-timer-ready{color:#16a34a;font-size:13px;font-weight:700}.aff-card-btn{color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px 18px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s;display:flex}.aff-card-btn:hover:not(.waiting){opacity:.88;color:#fff;transform:translateY(-1px)}.aff-card-btn.waiting{cursor:not-allowed}.aff-card-hint{color:#94a3b8;text-align:center;margin:0;font-size:11px}.aff-card-instruction{color:#1e293b;text-align:center;border-bottom:1px solid #f1f5f9;margin:0;padding-bottom:12px;font-size:13px;line-height:1.6}.aff-card-instruction strong{font-weight:800}.aff-card-url-bar{color:#2563eb;word-break:break-all;text-align:center;background:#f1f5f9;border-radius:7px;padding:9px 14px;font-size:12px;text-decoration:none;transition:background .15s;display:block}.aff-card-banner-link{display:block}.aff-card-banner{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;max-height:220px;transition:opacity .15s;display:block}.aff-card-banner:hover{opacity:.9}.aff-card-wait{color:#64748b;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.aff-card-countdown{color:#2563eb;font-variant-numeric:tabular-nums;text-align:center;min-width:2ch;font-size:22px;font-weight:800}.aff-card-banner-link{cursor:pointer;border-radius:10px;display:block;position:relative;overflow:hidden}.aff-card-banner-link.waiting{cursor:not-allowed}.aff-card-banner{border-radius:10px;width:100%;transition:opacity .15s;display:block}.aff-card-banner-link:not(.waiting):hover .aff-card-banner{opacity:.88}.aff-banner-countdown-overlay{pointer-events:none;background:#0f172a8c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.aff-banner-countdown-overlay strong{color:#fff;font-variant-numeric:tabular-nums;font-size:42px;font-weight:800;line-height:1}.aff-banner-countdown-overlay span{color:#fffc;font-size:13px;font-weight:600}.aff-modal-instruction{color:#1e293b;text-align:center;margin:0 0 8px;font-size:12px;line-height:1.6}.aff-modal-banner-wrap{border-radius:8px;position:relative;overflow:hidden}.aff-modal-banner{border-radius:8px;width:100%;display:block}.aff-modal-banner-empty{color:#94a3b8;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:120px;font-size:20px;display:flex}.aff-modal-banner-empty span{font-size:11px;font-weight:600}.aff-modal-countdown-overlay{pointer-events:none;background:#0f172a80;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.aff-modal-countdown-overlay strong{color:#fff;font-size:32px;font-weight:800;line-height:1}.aff-modal-countdown-overlay span{color:#fffc;font-size:11px}.aff-sticky-bar{z-index:8000;color:#fff;background:#0f172a;justify-content:center;align-items:center;gap:16px;padding:14px 20px;font-size:14px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000040}.aff-sticky-bar span{opacity:.85}.aff-sticky-bar button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:0;border-radius:8px;height:36px;padding:0 18px;font-size:13px;font-weight:700;transition:background .15s}.aff-sticky-bar button:hover{background:#1d4ed8}.aff-locked-placeholder{min-height:200px}.aff-locked-panel{text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:24px 0;padding:60px 24px;display:flex}.aff-locked-icon{color:#64748b;background:#e0e7ef;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.aff-locked-panel h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.aff-locked-panel p{color:#64748b;margin:0;font-size:14px}.aff-locked-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;height:44px;padding:0 24px;font-size:14px;font-weight:700;transition:background .15s,transform .1s}.aff-locked-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.aff-card-btn-text{color:#fff;text-align:center;background:#2563eb;border-radius:10px;padding:13px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s;display:block}.aff-card-btn-text:hover{color:#fff;background:#1d4ed8}.admin-shell{color:#0f172a;background:#f1f5f9;grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#94a3b8;scrollbar-width:none;background:#0f172a;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar::-webkit-scrollbar{display:none}.admin-brand{color:#fff;align-items:center;gap:12px;margin-bottom:36px;text-decoration:none;display:flex}.admin-brand:hover{color:#fff;text-decoration:none}.admin-brand span{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:inline-flex;box-shadow:0 6px 16px #3b82f666}.admin-brand strong{color:#f1f5f9;font-size:17px;font-weight:800;line-height:1.2;display:block}.admin-brand small{color:#475569;margin-top:2px;font-size:12px;font-weight:600;display:block}.admin-nav{flex-direction:column;flex:1;gap:2px;display:flex}.admin-nav a{color:#64748b;border-radius:9px;align-items:center;gap:10px;height:42px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.admin-nav a svg{flex-shrink:0;font-size:15px}.admin-nav a:hover{color:#cbd5e1;background:#ffffff0f;text-decoration:none}.admin-nav a.active{color:#93c5fd;background:#3b82f626}.admin-nav a.active svg{color:#60a5fa}.admin-sidebar-footer{border-top:1px solid #ffffff12;flex-direction:column;gap:2px;margin-top:16px;padding-top:16px;display:flex}.admin-sidebar-footer a,.admin-sidebar-footer button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.admin-sidebar-footer a:hover,.admin-sidebar-footer button:hover{color:#94a3b8;background:#ffffff0d;text-decoration:none}.admin-upgrade{margin-bottom:6px;color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-radius:9px!important;justify-content:center!important;height:42px!important;font-weight:700!important;box-shadow:0 4px 14px #2563eb59!important}.admin-upgrade:hover{opacity:.9!important}.admin-main{flex-direction:column;min-width:0;display:flex}.admin-topbar{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;height:62px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0f172a0a}.admin-topbar p,.admin-page-head p,.admin-panel-head p{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:700}.admin-topbar h1,.admin-page-head h2{color:#0f172a;margin:0;font-size:22px;font-weight:800}.admin-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:10px;width:min(340px,100%);height:38px;padding:0 14px;transition:border-color .15s,background .15s;display:flex}.admin-search:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.admin-search svg{color:#94a3b8;flex-shrink:0;font-size:13px}.admin-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.admin-search input::placeholder{color:#94a3b8}.admin-topbar-actions{align-items:center;gap:6px;display:flex}.admin-topbar-actions>button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:background .15s,color .15s;display:inline-flex}.admin-topbar-actions>button:hover{color:#0f172a;background:#f8fafc}.admin-account{border-left:1px solid #f1f5f9;align-items:center;gap:10px;margin-left:4px;padding-left:14px;display:flex}.admin-account strong,.admin-account span{text-align:right;display:block}.admin-account strong{color:#0f172a;font-size:14px;font-weight:700}.admin-account>div>span{color:#64748b;font-size:12px;font-weight:500}.admin-avatar{flex-shrink:0;justify-content:center;align-items:center;box-shadow:0 3px 8px #3b82f64d;color:#fff!important;background:linear-gradient(135deg,#1e40af,#3b82f6)!important;border-radius:9px!important;width:36px!important;height:36px!important;font-size:14px!important;font-weight:800!important;display:inline-flex!important}.admin-content{flex:1;padding:32px}.admin-page{flex-direction:column;gap:24px;display:flex}.admin-hero,.admin-page-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.admin-hero h2,.admin-page-head h2{color:#0f172a;margin:0 0 5px;font-size:26px;font-weight:800;line-height:1.2}.admin-hero p,.admin-page-head p{color:#64748b;text-transform:none;margin:0;font-size:14px;font-weight:500}.admin-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-hero-actions span,.admin-secondary-action{color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.admin-hero-actions a{color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 6px #2563eb40}.admin-hero-actions a:hover{color:#fff;background:#1d4ed8;text-decoration:none;box-shadow:0 4px 12px #2563eb59}.admin-secondary-action:hover{background:#f8fafc;text-decoration:none}.admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.admin-stat-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.admin-stat-card:after{content:"";background:#e2e8f0;border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.admin-stat-card:first-child:after{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.admin-stat-card:nth-child(2):after{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.admin-stat-card:nth-child(3):after{background:linear-gradient(90deg,#10b981,#34d399)}.admin-stat-card:nth-child(4):after{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.admin-stat-card.active{background:#fafcff;border-color:#bfdbfe}.admin-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;font-size:17px;display:inline-flex}.admin-stat-icon.blue{color:#2563eb;background:#eff6ff}.admin-stat-icon.violet{color:#7c3aed;background:#f5f3ff}.admin-stat-icon.gray{color:#475569;background:#f8fafc}.admin-stat-icon.green{color:#16a34a;background:#f0fdf4}.admin-stat-card>span,.admin-stat-card span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.admin-stat-card strong{color:#0f172a;font-size:30px;font-weight:800;line-height:1;display:block}.admin-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.admin-panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-panel-head h2{color:#0f172a;margin:0;font-size:17px;font-weight:700}.admin-panel-head>span{color:#2563eb;background:#eff6ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.admin-panel-head a{color:#2563eb;font-size:13px;font-weight:600}.admin-panel-head a:hover{text-decoration:underline}.admin-dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:18px;display:grid}.admin-chart-legend{color:#64748b;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.admin-chart-legend span{background:#2563eb;border-radius:50%;width:10px;height:10px}.admin-bar-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:220px;padding:12px 0 0;display:grid}.admin-bar-item{text-align:center;grid-template-rows:1fr auto;align-items:end;gap:8px;height:100%;display:grid}.admin-bar-track{background:#f1f5f9;border-radius:5px 5px 0 0;align-items:flex-end;height:100%;display:flex;overflow:hidden}.admin-bar-track span{background:linear-gradient(#60a5fa,#2563eb);border-radius:5px 5px 0 0;width:100%}.admin-bar-item small{color:#94a3b8;font-size:11px;font-weight:600}.admin-activity-list{flex-direction:column;gap:14px;display:flex}.admin-activity-item{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;display:grid}.admin-activity-item>span{border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:inline-flex}.admin-activity-item>span.book{color:#16a34a;background:#f0fdf4}.admin-activity-item>span.user{color:#2563eb;background:#eff6ff}.admin-activity-item strong{color:#0f172a;font-size:13px;font-weight:600;display:block}.admin-activity-item p{color:#64748b;margin:2px 0 0;font-size:12px}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-form label,.admin-form-wide,.admin-form-actions{margin:0}.admin-form span{color:#374151;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.admin-form input,.admin-form select,.admin-form textarea{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:0;width:100%;font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s}.admin-form input,.admin-form select{height:42px;padding:0 14px}.admin-form input[type=file]{padding:10px 14px}.admin-form textarea{resize:vertical;min-height:130px;padding:12px 14px}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-form-wide,.admin-form-actions,.admin-form .alert{grid-column:1/-1}.admin-form-actions{justify-content:flex-end;display:flex}.admin-form-actions button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.admin-form-actions button:hover{background:#1d4ed8}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 12px}.admin-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#fafafa;font-size:11px;font-weight:700}.admin-table td{color:#374151;font-size:14px;font-weight:500}.admin-table td strong,.admin-table td span{display:block}.admin-table td strong{color:#0f172a;font-weight:700}.admin-table td span{color:#94a3b8;margin-top:3px;font-size:12px}.admin-table a{color:#2563eb;font-weight:600}.admin-table tr:hover td{background:#fafbff}.admin-empty{text-align:center;background:#fafbff;border:1.5px dashed #e2e8f0;border-radius:12px;padding:40px}.admin-empty.compact{padding:24px}.admin-empty h3{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:700}.admin-empty p{color:#64748b;margin:0;font-size:13px}.admin-logout,.admin-secondary-action{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.admin-logout:hover,.admin-secondary-action:hover{color:#2563eb;background:#f1f5f9;text-decoration:none}.admin-create-story{flex-direction:column;gap:22px;display:flex}.admin-create-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.admin-create-head h2{color:#0f172a;margin:0 0 5px;font-size:26px;font-weight:800;line-height:1.2}.admin-create-head p{color:#64748b;margin:0;font-size:13px;font-weight:500}.admin-create-actions{flex-shrink:0;gap:8px;display:flex}.admin-create-actions button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.admin-create-actions button:first-child{color:#475569;background:#fff;border:1px solid #e2e8f0}.admin-create-actions button:first-child:hover{background:#f8fafc}.admin-create-actions button:last-child{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 2px 8px #2563eb40}.admin-create-actions button:last-child:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 14px #2563eb59}.admin-create-grid{grid-template-columns:minmax(0,1.6fr) minmax(290px,.9fr);gap:22px;display:grid}.admin-create-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px}.admin-create-main{flex-direction:column;gap:18px;display:flex}.admin-create-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.admin-create-card label,.admin-create-block{margin:0}.admin-create-card label>span,.admin-create-block>span,.admin-category-picker>span,.admin-setting-group>span{color:#374151;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.admin-create-card input,.admin-create-card textarea,.admin-create-card select{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;outline:0;width:100%;font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s}.admin-create-card input{height:46px;padding:0 14px}.admin-create-card textarea{resize:vertical;min-height:120px;padding:12px 14px}.admin-create-card select{height:46px;padding:0 14px}.admin-create-card input:focus,.admin-create-card textarea:focus,.admin-create-card select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-create-card input[type=color]{height:46px;padding:6px 10px}.admin-create-card input[type=range]{height:36px;box-shadow:none;background:0 0;border:0;padding:0}.admin-slug-input{position:relative}.admin-slug-input input{color:#64748b;padding-right:44px;font-size:13px}.admin-slug-input svg{color:#94a3b8;font-size:13px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.admin-editor{border:1px solid #e2e8f0;border-radius:10px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.admin-editor:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.admin-editor-toolbar{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:4px;min-height:46px;padding:0 12px;display:flex}.admin-editor-toolbar button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.admin-editor-toolbar button:hover{color:#0f172a;background:#e2e8f0}.admin-editor-content{color:#0f172a;border:0;outline:0;min-height:200px;padding:14px;font-size:14px;line-height:1.7}.admin-editor-content:empty:before{content:attr(data-placeholder);color:#94a3b8}.admin-editor-content img{border-radius:8px;max-width:100%;margin:10px 0;display:block}.admin-editor-content a{color:#2563eb;font-weight:600}.admin-chapter-editor{min-height:360px}.admin-category-picker div{flex-wrap:wrap;gap:7px;display:flex}.admin-category-picker button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;height:34px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.admin-category-picker button:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.admin-category-picker button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:700}.admin-category-picker button.dashed{color:#94a3b8;border-style:dashed}.admin-create-side{flex-direction:column;gap:18px;display:flex}.admin-create-card h3{color:#0f172a;text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;font-size:12px;font-weight:700}.admin-cover-dropzone{color:#94a3b8;text-align:center;cursor:pointer;background:#fafbff;border:1.5px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:300px;padding:22px;transition:border-color .15s,background .15s;display:flex}.admin-cover-dropzone:hover{background:#eff6ff;border-color:#93c5fd}.admin-cover-dropzone svg{color:#94a3b8;font-size:32px;transition:color .15s}.admin-cover-dropzone:hover svg{color:#3b82f6}.admin-cover-dropzone strong{color:#374151;font-size:14px;font-weight:600}.admin-cover-dropzone strong span{color:#2563eb;text-decoration:underline}.admin-cover-dropzone small{color:#94a3b8;font-size:12px}.admin-cover-dropzone.has-preview{border-style:solid;border-color:#e2e8f0;padding:0;overflow:hidden}.admin-cover-dropzone img{object-fit:cover;width:100%;height:100%;min-height:300px}.admin-setting-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.admin-setting-group label{cursor:pointer;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:grid}.admin-setting-group label:hover{background:#fafcff;border-color:#bfdbfe}.admin-setting-group label.active{background:#eff6ff;border-color:#93c5fd}.admin-setting-group input[type=radio]{accent-color:#2563eb;flex-shrink:0;width:16px;height:16px}.admin-setting-group strong,.admin-setting-group small{display:block}.admin-setting-group strong{color:#0f172a;font-size:13px;font-weight:700}.admin-setting-group small{color:#64748b;margin-top:1px;font-size:12px;font-weight:500}.admin-display-mode{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-display-mode button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:72px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:flex}.admin-display-mode button svg{font-size:18px}.admin-display-mode button:hover{color:#1d4ed8;background:#f0f9ff;border-color:#bfdbfe}.admin-display-mode button.active{color:#1d4ed8;background:#eff6ff;border:2px solid #2563eb}.admin-notify-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;display:flex}.admin-cover-card .admin-notify-row{margin-top:12px}.admin-notify-row strong{color:#0f172a;font-size:13px;font-weight:700;display:block}.admin-notify-row p{color:#64748b;margin:2px 0 0;font-size:12px}.admin-notify-row button{cursor:pointer;background:#e2e8f0;border:0;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.admin-notify-row button:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.admin-notify-row button.active{background:#2563eb}.admin-notify-row button.active:after{transform:translate(20px)}.admin-story-list-panel{padding:22px}.admin-story-table{flex-direction:column;gap:8px;display:flex}.admin-story-table-head,.admin-story-row{grid-template-columns:minmax(220px,1.4fr) minmax(110px,.7fr) minmax(100px,.6fr) minmax(150px,.8fr) minmax(120px,.65fr) minmax(190px,.9fr);align-items:center;gap:14px;display:grid}.admin-story-table-head{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;padding:0 12px 10px;font-size:11px;font-weight:700}.admin-story-table-body{flex-direction:column;gap:6px;display:flex}.admin-story-row{background:#fff;border:1px solid #f1f5f9;border-radius:11px;padding:12px;transition:border-color .15s,box-shadow .15s}.admin-story-row:hover{border-color:#bfdbfe;box-shadow:0 4px 12px #2563eb12}.admin-story-info{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.admin-story-info img{object-fit:cover;border-radius:7px;width:48px;height:64px;box-shadow:0 2px 6px #0f172a1f}.admin-story-info strong,.admin-story-date strong{color:#0f172a;font-weight:700;display:block}.admin-story-info strong{font-size:13px;line-height:1.3}.admin-story-info span,.admin-story-date span{color:#94a3b8;margin-top:3px;font-size:11px;font-weight:500;display:block}.admin-story-chip,.admin-status-pill{border-radius:999px;align-items:center;gap:5px;width:fit-content;height:26px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.admin-story-chip{color:#1d4ed8;background:#eff6ff}.admin-status-pill.updating{color:#15803d;background:#f0fdf4}.admin-status-pill.done{color:#0369a1;background:#f0f9ff}.admin-status-pill.published{color:#047857;background:#ecfdf5}.admin-status-pill.draft{color:#c2410c;background:#fff7ed}.admin-story-status-stack{flex-direction:column;gap:6px;display:flex}.admin-inline-check{color:#0f172a;background:#f8fbff;border:1px solid #dbe5f3;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.admin-inline-check input{accent-color:#2563eb;width:18px;height:18px}.admin-inline-check span{flex-direction:column;gap:3px;display:flex}.admin-inline-check small{color:#64748b;font-size:12px;font-weight:500}.admin-story-metrics{flex-direction:column;gap:5px;display:flex}.admin-story-metrics span{color:#475569;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.admin-story-metrics svg{color:#3b82f6;font-size:11px}.admin-story-date span{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.admin-story-actions{flex-wrap:wrap;gap:5px;display:flex}.admin-story-action,.admin-story-delete{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:11px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.admin-story-action{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.admin-story-action.primary{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.admin-story-action:hover{color:#fff;background:#2563eb;border-color:#2563eb;text-decoration:none;transform:translateY(-1px)}.admin-story-delete{color:#dc2626;background:#fff5f5;border:1px solid #fecaca}.admin-story-delete:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.admin-story-delete:disabled{cursor:not-allowed;opacity:.5}.admin-users-table td{vertical-align:middle}.admin-role-pill{border-radius:999px;align-items:center;width:fit-content;height:26px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.admin-role-pill.admin{color:#1d4ed8;background:#eff6ff}.admin-role-pill.user{color:#475569;background:#f1f5f9}.admin-user-role-action{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.admin-user-role-action.primary{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.admin-user-role-action.danger{color:#dc2626;background:#fff5f5;border:1px solid #fecaca}.admin-user-role-action:hover:not(:disabled){transform:translateY(-1px)}.admin-user-role-action.primary:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.admin-user-role-action.danger:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626}.admin-user-role-action:disabled{cursor:not-allowed;opacity:.5}.admin-table-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-table-actions a:first-child{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.admin-chapter-create{flex-direction:column;gap:18px;display:flex}.admin-chapter-create .admin-create-row{margin:0}.aff-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);align-items:start;gap:20px;display:grid}.aff-main{flex-direction:column;gap:14px;display:flex}.aff-config-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.aff-config-header h3{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:700}.aff-config-header p{color:#94a3b8;margin:0;font-size:12px}.aff-config-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:inline-flex}.aff-config-icon.add{color:#16a34a;background:#f0fdf4}.aff-config-icon.list{color:#9333ea;background:#fdf4ff}.aff-effect-row{gap:8px;display:flex}.aff-effect-chip{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .15s}.aff-effect-chip.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.aff-effect-chip:hover:not(.active){border-color:#94a3b8}.aff-platform-list{flex-direction:column;gap:10px;display:flex}.aff-platform-row{background:#f8fafc;border:1px solid #e8eef6;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .15s;display:flex}.aff-platform-row:hover{border-color:#bfdbfe}.aff-platform-row .aff-mp-badge{text-align:center;border-radius:20px;flex-shrink:0;min-width:64px;padding:4px 12px;font-size:11px}.aff-platform-row .aff-link-input{flex:1}.aff-image-inline{color:#94a3b8;cursor:pointer;background:#fff;border:1.5px dashed #cbd5e1;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:44px;height:36px;font-size:9px;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.aff-image-inline:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.aff-image-inline svg{font-size:14px}.aff-image-inline span{font-size:9px;line-height:1}.aff-image-inline img{object-fit:cover;width:100%;height:100%}.aff-marketplace-badge{color:#fff;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.aff-mp-dot{color:#fff;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.aff-product-list{flex-direction:column;gap:10px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.aff-product-list::-webkit-scrollbar{width:5px}.aff-product-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.aff-product-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.aff-product-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.aff-product-card{background:#fff;border:1px solid #e8eef6;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,opacity .15s;display:flex}.aff-product-card.disabled{opacity:.5}.aff-product-card:hover{border-color:#bfdbfe}.aff-product-thumb{flex-shrink:0;width:56px;height:56px;position:relative}.aff-product-thumb img{object-fit:cover;border-radius:8px;width:100%;height:100%}.aff-order-badge{color:#fff;background:#2563eb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-6px;left:-6px}.aff-product-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.aff-product-top{align-items:center;gap:6px;display:flex}.aff-mp-badge{color:#fff;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.aff-status-chip{border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.aff-status-chip.on{color:#16a34a;background:#f0fdf4}.aff-status-chip.off{color:#94a3b8;background:#f8fafc}.aff-product-url{color:#2563eb;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.aff-product-btns{flex-shrink:0;gap:6px;display:flex}.aff-toggle-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .15s}.aff-toggle-btn.on{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.aff-toggle-btn:hover{color:#2563eb;border-color:#2563eb}.aff-delete-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .15s;display:flex}.aff-delete-btn:hover{background:#fef2f2}.aff-empty-state{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px;display:flex}.aff-empty-state svg{opacity:.4;font-size:32px}.aff-empty-state p{max-width:300px;margin:0;font-size:13px}.aff-rotation-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:12px;padding:14px 16px}.aff-rotation-info>p{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:11px;font-weight:700}.aff-rotation-steps{gap:6px;margin-bottom:10px;display:flex}.aff-rotation-step{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;display:flex}.aff-rotation-step span{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:flex}.aff-rotation-step strong{color:#0f172a;font-size:11px}.aff-rotation-note{color:#94a3b8;margin:0;font-size:11px}.aff-save-row{justify-content:flex-end;margin-top:12px;display:flex}.aff-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.aff-save-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.ml-auto{margin-left:auto}.aff-status-bar{border:1.5px solid;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;transition:background .2s,border-color .2s;display:flex}.aff-status-bar.on{background:#f0fdf4;border-color:#86efac}.aff-status-bar.off{background:#f8fafc;border-color:#e2e8f0}.aff-status-info{align-items:center;gap:12px;display:flex}.aff-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.aff-status-bar.on .aff-status-dot{background:#22c55e;box-shadow:0 0 0 3px #bbf7d0}.aff-status-bar.off .aff-status-dot{box-shadow:none;background:#94a3b8}.aff-status-bar strong{margin-bottom:1px;font-size:14px;font-weight:700;display:block}.aff-status-bar.on strong{color:#15803d}.aff-status-bar.off strong{color:#475569}.aff-status-bar p{color:#64748b;margin:0;font-size:12px}.aff-toggle{cursor:pointer;appearance:none;background:#cbd5e1;border:0;border-radius:999px;outline:none;flex-shrink:0;width:48px;height:26px;transition:background .2s;position:relative}.aff-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.aff-toggle.on{background:#22c55e}.aff-toggle.on:after{transform:translate(22px)}.aff-toggle:disabled{opacity:.5;cursor:not-allowed}.aff-banner-row{grid-template-columns:auto 1fr;align-items:start;gap:18px;display:grid}.affiliate-gate-overlay{z-index:9999;background:#11182794;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.affiliate-gate-card{background:#fff;border-radius:7px;width:min(498px,100%);animation-duration:.22s;animation-fill-mode:both;position:relative;overflow:hidden;box-shadow:0 24px 78px #0f172a52}.affiliate-gate-card.fade{animation-name:affiliateFadeIn}.affiliate-gate-card.slide{animation-name:affiliateSlideUp}.affiliate-gate-card.zoom{animation-name:affiliateZoomIn}.affiliate-gate-close{color:#fff;z-index:2;background:#1118278c;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:inline-flex;position:absolute;top:10px;right:10px}.affiliate-gate-body{text-align:center;justify-items:center;gap:13px;padding:30px 28px 28px;display:grid}.affiliate-gate-instruction{color:#111827;max-width:430px;margin:0;font-size:14px;font-weight:500;line-height:1.45}.affiliate-gate-instruction strong{color:#111827;font-weight:900}.affiliate-gate-instruction span{color:#ef0000;font-weight:900}.affiliate-short-link{color:#001b2d;background:#737b82;border-radius:999px;justify-content:center;align-items:center;width:min(300px,100%);min-height:28px;padding:0 16px;font-size:14px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.affiliate-short-link:hover{color:#fff;text-decoration:none}.affiliate-gate-countdown{color:#6b7280;font-size:13px;font-weight:800}.affiliate-product-image{width:100%;text-decoration:none;display:block}.affiliate-product-image img{object-fit:contain;border-radius:4px;width:100%;max-height:470px;display:block}.affiliate-product-placeholder{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;width:100%;padding:34px 22px}.affiliate-product-placeholder h2{color:#111827;margin:0 0 8px;font-size:24px;font-weight:900}.affiliate-product-placeholder p{color:#6b7280;margin:0}.affiliate-short-link.disabled,.affiliate-product-image.disabled{cursor:not-allowed;opacity:.72}.aff-card{border-radius:7px;width:min(498px,100%)}.aff-card-body{gap:13px;padding:30px 28px 28px}.aff-card-close{background:#1118278c;width:34px;height:34px;font-size:16px;top:10px;right:10px}.aff-card-instruction{color:#111827;border-bottom:0;max-width:430px;padding-bottom:0;font-size:14px;line-height:1.45}.aff-card-instruction strong{color:#111827;font-weight:900}.aff-card-cta-text{color:#ef0000;font-weight:900}.aff-card-url-bar{color:#001b2d;word-break:normal;background:#737b82;border-radius:999px;justify-content:center;align-self:center;align-items:center;width:min(300px,100%);min-height:28px;padding:0 16px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.aff-card-url-bar:hover{color:#fff;background:#636b72}.aff-card-wait.compact{background:0 0;padding:0}.aff-card-banner-link{border-radius:4px;width:100%}.aff-card-banner{object-fit:contain;border-radius:4px;width:100%;max-height:470px}.aff-card-no-image{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;width:100%;padding:34px 22px}.aff-card-no-image h3{color:#111827;margin:0 0 8px;font-size:24px;font-weight:900}.aff-card-no-image p{color:#6b7280;margin:0}@keyframes affiliateFadeIn{0%{opacity:0}to{opacity:1}}@keyframes affiliateSlideUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes affiliateZoomIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.aff-banner-preview img{object-fit:cover;border:1px solid #e2e8f0;border-radius:10px;width:200px;height:110px;display:block}.aff-banner-empty{color:#94a3b8;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:200px;height:110px;font-size:22px;display:flex}.aff-banner-empty span{font-size:12px;font-weight:600}.aff-banner-info{flex-direction:column;gap:4px;display:flex}.aff-banner-info p{color:#64748b;margin:0;font-size:12px;line-height:1.5}.aff-upload-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:0;border-radius:8px;align-self:flex-start;align-items:center;gap:7px;height:36px;margin-top:10px;padding:0 14px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.aff-upload-btn:hover{background:#dbeafe}.aff-upload-btn:disabled{opacity:.5;cursor:not-allowed}.aff-settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.aff-setting-item{cursor:default;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.aff-setting-item span{text-transform:uppercase;letter-spacing:.04em;color:#374151;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.aff-setting-item p{color:#94a3b8;margin:0 0 8px;font-size:11px}.aff-setting-item input[type=number],.aff-setting-item select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:100%;height:36px;padding:0 10px;font-size:13px}.aff-setting-item input[type=range]{cursor:pointer;accent-color:#2563eb;width:100%}.aff-color-picker{background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:10px;height:36px;padding:5px 10px;display:flex}.aff-color-picker input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;padding:0}.aff-color-picker code{color:#475569;font-family:monospace;font-size:12px}.aff-range-row{align-items:center;gap:6px;display:flex}.aff-range-row span{color:#94a3b8;flex-shrink:0;font-size:11px}.aff-range-row input{flex:1}.aff-save-row{justify-content:flex-end;display:flex}.aff-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 24px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.aff-save-btn:hover{background:#1d4ed8}.aff-save-btn:disabled{opacity:.6;cursor:not-allowed}.aff-preview-col{flex-direction:column;gap:14px;display:flex;position:sticky;top:82px}.aff-preview-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.aff-preview-header h3{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:700}.aff-preview-header p{color:#64748b;margin:0;font-size:12px}.aff-live-badge{color:#94a3b8;background:#f1f5f9;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700;transition:background .2s,color .2s}.aff-live-badge.active{color:#16a34a;background:#dcfce7}.aff-preview-frame{background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 8px,#f1f5f9 8px 16px);border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;min-height:320px;padding:20px;display:flex;position:relative;overflow:hidden}.aff-preview-backdrop{background:#0f172a73;border-radius:14px;position:absolute;inset:0}.aff-modal-card{z-index:1;background:#fff;border-radius:14px;width:100%;max-width:280px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}.aff-modal-close{color:#fff;cursor:pointer;z-index:2;background:#00000059;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex;position:absolute;top:8px;right:8px}.aff-modal-banner{object-fit:cover;width:100%;max-height:100px;display:block}.aff-modal-body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.aff-modal-body h4{color:#0f172a;margin:0;font-size:14px;font-weight:800;line-height:1.3}.aff-modal-body p{color:#475569;margin:0;font-size:12px;line-height:1.4}.aff-modal-preview-copy{text-align:center;gap:4px;padding:8px 8px 0;display:grid}.aff-modal-preview-copy strong{color:#0f172a;font-size:15px;font-weight:800}.aff-modal-preview-copy span{color:#64748b;font-size:12px;line-height:1.45}.affiliate-product-list{gap:12px;display:grid}.affiliate-product-item{background:#fff;border:1px solid #dbe3ef;border-radius:12px;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.affiliate-product-item.active{background:#f8fbff;border-color:#bfdbfe}.affiliate-product-item img{object-fit:cover;border:1px solid #e2e8f0;border-radius:10px;width:84px;height:84px}.affiliate-product-item h4{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:800}.affiliate-product-item p{color:#64748b;margin:0 0 6px;font-size:13px;line-height:1.45}.affiliate-product-item a{color:#0b2fa3;font-size:12px;font-weight:700}.affiliate-product-actions{flex-direction:column;gap:8px;display:flex}.affiliate-product-actions button{color:#0b2fa3;background:#eef4ff;border:0;border-radius:999px;min-height:36px;padding:0 14px;font-weight:800}.affiliate-product-actions button.danger{color:#b91c1c;background:#fee2e2;justify-content:center;align-items:center;gap:6px;display:inline-flex}.admin-page:has(.aff-layout){grid-template-rows:auto minmax(0,1fr);gap:12px;height:calc(100vh - 84px);display:grid;overflow:hidden}.admin-page:has(.aff-layout) .admin-hero{margin-bottom:0}.admin-page:has(.aff-layout) .admin-hero h2{margin-bottom:4px;font-size:26px}.admin-page:has(.aff-layout) .admin-hero p{font-size:13px}.admin-page:has(.aff-layout) .aff-layout{grid-template-columns:minmax(0,1fr) 420px;gap:16px;min-height:0;overflow:hidden}.admin-page:has(.aff-layout) .aff-main{gap:10px;min-height:0;overflow:hidden}.admin-page:has(.aff-layout) .aff-preview-col{gap:10px;min-height:0;position:static}:is(.admin-page:has(.aff-layout) .admin-create-card,.admin-page:has(.aff-layout) .aff-status-bar){border-radius:12px;padding:12px}.admin-page:has(.aff-layout) .admin-affiliate-card-title{margin-bottom:10px}.admin-page:has(.aff-layout) .admin-affiliate-card-title>span{width:36px;height:36px}.admin-page:has(.aff-layout) .admin-affiliate-card-title h3{font-size:14px}:is(.admin-page:has(.aff-layout) .admin-affiliate-card-title p,.admin-page:has(.aff-layout) .aff-status-bar p,.admin-page:has(.aff-layout) .aff-setting-item p,.admin-page:has(.aff-layout) .aff-banner-info p){font-size:11px}.admin-page:has(.aff-layout) .aff-settings-grid{gap:10px}.admin-page:has(.aff-layout) .aff-setting-item{padding:10px}:is(.admin-page:has(.aff-layout) .admin-create-card input,.admin-page:has(.aff-layout) .admin-create-card select){height:38px;font-size:13px}.admin-page:has(.aff-layout) form.admin-create-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.admin-page:has(.aff-layout) form.admin-create-card .admin-affiliate-card-title{grid-column:1/-1;margin-bottom:0}.admin-page:has(.aff-layout) form.admin-create-card .admin-create-block{min-width:0}.admin-page:has(.aff-layout) form.admin-create-card .admin-create-block>span{display:none}.admin-page:has(.aff-layout) form.admin-create-card .aff-banner-row{align-items:center;gap:8px;display:flex}.admin-page:has(.aff-layout) form.admin-create-card .aff-banner-preview img{border-radius:6px;width:64px;height:38px;min-height:38px;font-size:16px}.admin-page:has(.aff-layout) form.admin-create-card .aff-banner-empty{border-radius:6px;width:64px;height:38px;min-height:38px;font-size:16px}.admin-page:has(.aff-layout) form.admin-create-card .aff-banner-empty span{display:none}.admin-page:has(.aff-layout) form.admin-create-card .aff-banner-info p{display:none}.admin-page:has(.aff-layout) form.admin-create-card .aff-upload-btn{align-self:center;height:38px;margin-top:0}.admin-page:has(.aff-layout) form.admin-create-card .aff-save-row{margin:0}.admin-page:has(.aff-layout) form.admin-create-card .aff-save-btn{white-space:nowrap;height:38px}.admin-page:has(.aff-layout) .affiliate-product-list{max-height:176px;padding-right:4px;overflow-y:auto}.admin-page:has(.aff-layout) .affiliate-product-item{grid-template-columns:56px minmax(0,1fr) auto;gap:10px;padding:8px}.admin-page:has(.aff-layout) .affiliate-product-item img{width:56px;height:56px}.admin-page:has(.aff-layout) .affiliate-product-item h4{margin-bottom:2px;font-size:13px}.admin-page:has(.aff-layout) .affiliate-product-item p{margin-bottom:2px;font-size:11px}.admin-page:has(.aff-layout) .affiliate-product-actions{gap:6px}.admin-page:has(.aff-layout) .affiliate-product-actions button{min-height:30px;font-size:12px}.admin-page:has(.aff-layout) .aff-preview-frame{min-height:318px}.admin-page:has(.aff-layout) .aff-modal-card{max-width:260px}@media (max-width:1200px){.admin-page:has(.aff-layout){height:auto;overflow:visible}.admin-page:has(.aff-layout) .aff-layout{grid-template-columns:1fr;overflow:visible}.admin-page:has(.aff-layout) .aff-main{overflow:visible}.admin-page:has(.aff-layout) form.admin-create-card{grid-template-columns:1fr}}body:has(.admin-page .aff-layout){overflow:hidden}.admin-shell:has(.aff-layout){height:100vh;min-height:0;overflow:hidden}.admin-main:has(.aff-layout){height:100vh;min-height:0;overflow:hidden}.admin-content:has(.aff-layout){box-sizing:border-box;height:calc(100vh - 62px);min-height:0;padding:18px 22px;overflow:hidden}.admin-content:has(.aff-layout) .admin-page{grid-template-rows:auto minmax(0,1fr);gap:10px;height:100%;min-height:0;display:grid;overflow:hidden}.admin-content:has(.aff-layout) .admin-hero h2{margin-bottom:2px;font-size:24px}.admin-content:has(.aff-layout) .admin-hero p{font-size:12px}.admin-content:has(.aff-layout) .aff-layout{align-items:stretch;height:100%;min-height:0;overflow:hidden}:is(.admin-content:has(.aff-layout) .aff-main,.admin-content:has(.aff-layout) .aff-preview-col){height:100%;min-height:0;overflow:hidden}.admin-content:has(.aff-layout) .aff-main>section:last-child{flex-direction:column;flex:1;min-height:0;display:flex}.admin-content:has(.aff-layout) .aff-main>section:last-child .admin-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.admin-content:has(.aff-layout) .aff-main>section:last-child .affiliate-product-list{flex:1;max-height:none;overflow-y:auto}.admin-content:has(.aff-layout) .aff-preview-frame{flex:1;height:auto;min-height:0}.admin-content:has(.aff-layout) .aff-preview-note{margin:0}.admin-content:has(.aff-layout) .aff-modal-card{transform:scale(.92)}.admin-content:has(.aff-layout) .affiliate-product-list{max-height:clamp(76px,100vh - 650px,146px);overflow-y:auto}@media (max-width:1200px){body:has(.admin-page .aff-layout){overflow:hidden}.admin-shell:has(.aff-layout){overflow:hidden}.admin-main:has(.aff-layout){overflow:hidden}.admin-content:has(.aff-layout){overflow:hidden}.admin-content:has(.aff-layout) .admin-page{overflow:hidden}.admin-content:has(.aff-layout) .aff-layout{overflow:hidden}.admin-content:has(.aff-layout) .aff-main{overflow:hidden}.admin-content:has(.aff-layout) .aff-preview-col{overflow:hidden}.admin-content:has(.aff-layout) .aff-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.55fr)}}.aff-modal-wait{color:#94a3b8;background:#f8fafc;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.aff-modal-wait strong{color:#2563eb}.aff-modal-btn{text-align:center;color:#fff;border-radius:8px;margin-top:4px;padding:9px 14px;font-weight:700;line-height:1;text-decoration:none;transition:opacity .15s;display:block}.aff-modal-btn:hover{opacity:.88;color:#fff}.aff-preview-note{color:#94a3b8;text-align:center;margin:0;font-size:11px;line-height:1.5}body:has(.admin-dashboard-grid){overflow:hidden}:is(.admin-shell:has(.admin-dashboard-grid),.admin-main:has(.admin-dashboard-grid)){height:100vh;min-height:0;overflow:hidden}.admin-content:has(.admin-dashboard-grid){box-sizing:border-box;flex:none;height:calc(100vh - 62px);min-height:0;padding:16px 22px;overflow:hidden}.admin-content:has(.admin-dashboard-grid) .admin-page{grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;height:100%;min-height:0;display:grid;overflow:hidden}.admin-content:has(.admin-dashboard-grid) .admin-hero h2{margin-bottom:2px;font-size:22px}.admin-content:has(.admin-dashboard-grid) .admin-hero p{font-size:12px}.admin-content:has(.admin-dashboard-grid) .admin-stat-grid{gap:10px}.admin-content:has(.admin-dashboard-grid) .admin-stat-card{min-height:unset;border-radius:10px;padding:10px 14px}.admin-content:has(.admin-dashboard-grid) .admin-stat-card:after{border-radius:10px 10px 0 0}.admin-content:has(.admin-dashboard-grid) .admin-stat-icon{display:none}.admin-content:has(.admin-dashboard-grid) .admin-stat-card strong{font-size:20px}.admin-content:has(.admin-dashboard-grid) .admin-stat-card>span{margin-bottom:3px;font-size:10px}.admin-content:has(.admin-dashboard-grid) .admin-dashboard-grid{align-items:stretch;height:100%;min-height:0}.admin-content:has(.admin-dashboard-grid) .admin-dashboard-grid .admin-panel{flex-direction:column;min-height:0;padding:16px;display:flex;overflow:hidden}.admin-content:has(.admin-dashboard-grid) .admin-panel-head{margin-bottom:10px}.admin-content:has(.admin-dashboard-grid) .admin-panel-head h2{font-size:15px}.admin-content:has(.admin-dashboard-grid) .admin-bar-chart{flex:1;gap:8px;height:auto;min-height:0;padding-top:6px}.admin-content:has(.admin-dashboard-grid) .admin-activity-list{flex:1;gap:10px;min-height:0;overflow:hidden}.admin-content:has(.admin-dashboard-grid) .admin-activity-item>span{width:32px;height:32px;font-size:11px}.admin-content:has(.admin-dashboard-grid) .admin-page>.admin-panel:last-child{flex-direction:column;max-height:clamp(150px,100vh - 520px,270px);padding:14px 16px;display:flex;overflow:hidden}.admin-content:has(.admin-dashboard-grid) .admin-page>.admin-panel:last-child .admin-panel-head{flex-shrink:0;margin-bottom:8px}.admin-content:has(.admin-dashboard-grid) .admin-page>.admin-panel:last-child .admin-table-wrap{flex:1;min-height:0;overflow:hidden auto}@media (max-width:1200px){body:has(.admin-dashboard-grid){overflow:hidden}.admin-shell:has(.admin-dashboard-grid){overflow:hidden}.admin-main:has(.admin-dashboard-grid){overflow:hidden}.admin-content:has(.admin-dashboard-grid){overflow:hidden}.admin-content:has(.admin-dashboard-grid) .admin-dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.admin-shell{grid-template-columns:240px minmax(0,1fr)}.admin-stat-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-grid{grid-template-columns:1fr}}@media (max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-nav{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.admin-content{padding:22px 20px}.admin-hero,.admin-create-head,.admin-panel-head{flex-direction:column;align-items:flex-start}.admin-hero-actions,.admin-create-actions{width:100%}.admin-create-grid,.aff-layout{grid-template-columns:1fr}.aff-preview-col{position:static}.admin-topbar{padding:0 20px}}@media (max-width:640px){.admin-sidebar{padding:18px 14px}.admin-content,.admin-topbar{padding:16px 18px}.admin-stat-grid,.admin-stat-grid-four{grid-template-columns:repeat(2,1fr)}.admin-hero h2,.admin-create-head h2{font-size:20px}.admin-nav{grid-template-columns:repeat(2,1fr)}.admin-account>div{display:none}.admin-create-row{grid-template-columns:1fr}.admin-story-table-head{display:none}.admin-story-row{grid-template-columns:1fr;gap:10px}.aff-layout,.aff-settings-grid,.aff-banner-row{grid-template-columns:1fr}.aff-banner-preview img,.aff-banner-empty{width:100%}}body:has(.admin-stories-page){overflow:hidden}:is(.admin-shell:has(.admin-stories-page),.admin-main:has(.admin-stories-page)){height:100vh;min-height:0;overflow:hidden}.admin-content:has(.admin-stories-page){box-sizing:border-box;flex-direction:column;flex:none;height:calc(100vh - 62px);min-height:0;padding-bottom:0;display:flex;overflow:hidden}.admin-stories-page{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex;overflow:hidden}.admin-stories-top{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.admin-stories-top .admin-hero h2{margin-bottom:2px;font-size:20px}.admin-stories-top .admin-hero p{font-size:13px}.admin-stories-top .admin-hero-actions a{height:34px;padding:0 14px;font-size:13px}.admin-stories-top .admin-stat-card{min-height:unset;border-radius:10px;padding:10px 14px}.admin-stories-top .admin-stat-card:after{border-radius:10px 10px 0 0}.admin-stories-top .admin-stat-card strong{font-size:20px}.admin-stories-top .admin-stat-card>span,.admin-stories-top .admin-stat-card span{margin-bottom:3px;font-size:10px}.admin-stories-body{flex:1;grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding-bottom:20px;display:grid}.admin-stories-form-col{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;min-height:0;overflow-y:auto}.admin-stories-form-col::-webkit-scrollbar{width:4px}.admin-stories-form-col::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.admin-stories-list-col{min-height:0;overflow:hidden}.admin-stories-form-col .admin-create-story{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:0;height:100%;padding:16px;display:flex}.admin-stories-form-col .admin-create-head{align-items:center}.admin-stories-form-col .admin-create-head h2{margin-bottom:1px;font-size:16px}.admin-stories-form-col .admin-create-head p{font-size:11px}.admin-stories-form-col .admin-create-actions button{border-radius:7px;height:32px;padding:0 12px;font-size:12px}.admin-stories-form-col .admin-create-card{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.admin-stories-form-col .admin-create-main{border-bottom:1px solid #f1f5f9;gap:10px;margin-bottom:14px;padding-bottom:14px}.admin-stories-form-col .admin-create-side{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.admin-stories-form-col .admin-create-grid{grid-template-columns:1fr;gap:0}.admin-stories-form-col .admin-create-main,.admin-stories-form-col .admin-create-side{min-height:0}.admin-stories-form-col .admin-create-row{grid-template-columns:1fr;gap:7px}.admin-stories-form-col .admin-create-card label>span,.admin-stories-form-col .admin-create-block>span,.admin-stories-form-col .admin-category-picker>span,.admin-stories-form-col .admin-setting-group>span{margin-bottom:5px;font-size:10px}.admin-stories-form-col .admin-create-card input{border-radius:7px;height:34px;font-size:13px}.admin-stories-form-col .admin-editor{border-radius:7px}.admin-stories-form-col .admin-editor-toolbar{gap:2px;min-height:36px;padding:0 8px}.admin-stories-form-col .admin-editor-toolbar button{width:26px;height:26px;font-size:12px}.admin-stories-form-col .admin-editor-content{min-height:52px;padding:8px 10px;font-size:13px}.admin-stories-form-col .admin-category-picker div{gap:5px}.admin-stories-form-col .admin-category-picker button{border-radius:999px;height:28px;padding:0 10px;font-size:11px}.admin-stories-form-col .admin-create-card h3{letter-spacing:.04em;margin-bottom:8px;font-size:10px}.admin-stories-form-col .admin-cover-dropzone{border-radius:8px;gap:6px;min-height:92px;padding:12px}.admin-stories-form-col .admin-cover-dropzone svg{font-size:20px}.admin-stories-form-col .admin-cover-dropzone strong{font-size:11px}.admin-stories-form-col .admin-cover-dropzone small{display:none}.admin-stories-form-col .admin-cover-dropzone img{min-height:92px}.admin-stories-form-col .admin-setting-group{gap:5px;margin-bottom:8px}.admin-stories-form-col .admin-setting-group label{border-radius:8px;gap:8px;padding:7px 9px}.admin-stories-form-col .admin-setting-group input[type=radio]{width:14px;height:14px}.admin-stories-form-col .admin-setting-group strong{font-size:11px}.admin-stories-form-col .admin-setting-group small{display:none}.admin-stories-form-col .admin-display-mode{gap:5px}.admin-stories-form-col .admin-display-mode button{border-radius:8px;gap:3px;height:50px;font-size:11px}.admin-stories-form-col .admin-display-mode button svg{font-size:14px}.admin-stories-form-col .admin-notify-row{padding-top:8px}.admin-stories-form-col .admin-notify-row strong{font-size:11px}.admin-stories-form-col .admin-notify-row p{display:none}.admin-stories-form-col .admin-notify-row button{width:38px;height:20px}.admin-stories-form-col .admin-notify-row button:after{width:14px;height:14px}.admin-stories-form-col .admin-notify-row button.active:after{transform:translate(18px)}.admin-stories-list-col>.admin-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.admin-stories-list-col .admin-panel-head{margin-bottom:12px}.admin-stories-list-col .admin-story-table{flex-direction:column;flex:1;min-height:0;display:flex}.admin-stories-list-col .admin-story-table-body{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex-direction:column;flex:1;gap:6px;min-height:0;padding-top:6px;display:flex;overflow-y:auto}.admin-stories-list-col .admin-story-table-body::-webkit-scrollbar{width:4px}.admin-stories-list-col .admin-story-table-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.admin-stories-list-col .admin-story-table-head{display:none}.admin-stories-list-col .admin-story-row{grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:8px;padding:8px 10px}.admin-stories-list-col .admin-story-info img{width:38px;height:50px}.admin-stories-list-col .admin-story-info strong{font-size:12px}.admin-stories-list-col .admin-story-info span{font-size:10px}.admin-stories-list-col .admin-story-date,.admin-stories-list-col a.admin-story-action:not(.primary){display:none}.admin-stories-list-col .admin-story-action.edit,.admin-stories-list-col .admin-story-delete{justify-content:center;width:31px;min-width:31px;padding:0}.admin-stories-list-col .admin-story-action.edit span,.admin-stories-list-col .admin-story-delete span{display:none}.admin-stories-list-col .admin-story-actions{flex-wrap:nowrap;gap:4px}.admin-stories-list-col .admin-story-action,.admin-stories-list-col .admin-story-delete{white-space:nowrap;gap:3px;height:26px;padding:0 8px;font-size:10px}.admin-stories-list-col .admin-story-list-panel{border-color:#dfe7f2;padding:20px}.admin-stories-list-col .admin-panel-head{border-bottom:1px solid #e8edf5;align-items:flex-start;min-height:60px;padding-bottom:14px}.admin-stories-list-col .admin-panel-head p{color:#2563eb;letter-spacing:.08em;font-size:10px}.admin-stories-list-col .admin-panel-head h2{color:#0f172a;margin-top:3px;font-size:19px}.admin-stories-list-col .admin-panel-head>span{color:#2563eb;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;min-width:66px;height:30px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.admin-stories-list-col .admin-story-table-body{background:#f8fafc;border:1px solid #edf1f6;border-radius:8px;gap:8px;padding:8px}.admin-stories-list-col .admin-story-row{border-color:#e3eaf3;border-radius:8px;grid-template-columns:minmax(190px,1.35fr) minmax(72px,.55fr) minmax(72px,.58fr) minmax(88px,.65fr) minmax(160px,.9fr);gap:10px;min-height:82px;padding:10px 11px;box-shadow:0 1px 2px #0f172a08}.admin-stories-list-col .admin-story-row:hover{background:#fff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 5px 14px #2563eb14}.admin-stories-list-col .admin-story-info{grid-template-columns:46px minmax(0,1fr);gap:10px}.admin-stories-list-col .admin-story-info img{border:1px solid #e2e8f0;border-radius:7px;width:46px;height:62px}.admin-stories-list-col .admin-story-info strong{color:#111827;font-size:12px;line-height:1.4}.admin-stories-list-col .admin-story-info span{color:#8290a5;margin-top:4px;font-size:10px;line-height:1.35}.admin-stories-list-col .admin-story-chip,.admin-stories-list-col .admin-status-pill{height:auto;min-height:23px;padding:5px 8px;font-size:10px;line-height:1.2}.admin-stories-list-col .admin-story-status-stack{align-items:flex-start;gap:5px}.admin-stories-list-col .admin-story-metrics{gap:7px}.admin-stories-list-col .admin-story-metrics span{color:#52627a;white-space:nowrap;font-size:10px}.admin-stories-list-col .admin-story-actions{border-left:1px solid #edf1f6;justify-content:flex-end;min-width:0;padding-left:10px}.admin-stories-list-col .admin-story-action,.admin-stories-list-col .admin-story-delete{border-radius:7px;height:31px;padding:0 9px;font-size:10px;font-weight:700}.admin-stories-list-col .admin-story-action.primary{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.admin-stories-list-col .admin-story-action.primary:hover{color:#fff;background:#2563eb;border-color:#2563eb}.admin-stories-list-col .admin-story-delete{color:#dc2626;background:#fff7f7;border-color:#fecaca}.admin-stories-list-col .admin-story-delete:hover{color:#fff;background:#ef4444;border-color:#ef4444}.admin-stories-list-col .admin-story-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;gap:6px;height:auto;min-height:27px;padding:5px 9px;box-shadow:0 2px 5px #2563eb0f}.admin-stories-list-col .admin-story-chip svg{font-size:9px}.admin-stories-list-col .admin-status-pill{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;justify-content:center;gap:6px;min-width:72px;height:auto;min-height:25px;padding:5px 9px}.admin-stories-list-col .admin-status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #22c55e1f}.admin-stories-list-col .admin-status-pill.done{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.admin-stories-list-col .admin-status-pill.done:before{box-shadow:0 0 0 3px #2563eb1f}.admin-stories-list-col .admin-status-pill.published{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.admin-stories-list-col .admin-status-pill.published:before{box-shadow:0 0 0 3px #10b9811f}.admin-stories-list-col .admin-status-pill.draft{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.admin-stories-list-col .admin-status-pill.draft:before{box-shadow:0 0 0 3px #ea580c1f}.admin-stories-list-col .admin-story-chip,.admin-stories-list-col .admin-status-pill{transition:transform .16s,border-color .16s,box-shadow .16s}.admin-stories-list-col .admin-story-row:hover .admin-story-chip,.admin-stories-list-col .admin-story-row:hover .admin-status-pill{transform:translateY(-1px);box-shadow:0 4px 9px #2563eb1a}@media (max-width:1100px){.admin-stories-body{grid-template-columns:1fr 1fr 1fr;gap:10px}}@media (max-width:900px){body:has(.admin-stories-page){overflow:auto}:is(.admin-shell:has(.admin-stories-page),.admin-main:has(.admin-stories-page)){height:auto;overflow:auto}.admin-content:has(.admin-stories-page){flex:1;height:auto;overflow:auto}.admin-stories-page{height:auto;overflow:visible}.admin-stories-body{grid-template-columns:1fr;height:auto;padding-bottom:28px;overflow:visible}.admin-stories-form-col{grid-column:1;height:auto;overflow:visible}.admin-stories-list-col{height:auto;overflow:visible}.admin-stories-form-col .admin-create-story{height:auto}.admin-stories-form-col .admin-create-grid,.admin-stories-form-col .admin-create-row{grid-template-columns:1fr 1fr}.admin-stories-list-col>.admin-panel{height:auto}.admin-stories-list-col .admin-story-table-body{height:auto;overflow:visible}}body:has(.admin-chapter-create){overflow:hidden}:is(.admin-shell:has(.admin-chapter-create),.admin-main:has(.admin-chapter-create)){height:100vh;min-height:0;overflow:hidden}.admin-content:has(.admin-chapter-create){box-sizing:border-box;flex:none;height:calc(100vh - 62px);min-height:0;padding:16px 22px;overflow:hidden}.admin-content:has(.admin-chapter-create) .admin-page{grid-template-rows:auto auto minmax(0,auto) minmax(0,1fr);gap:12px;height:100%;min-height:0;display:grid;overflow:hidden}.admin-content:has(.admin-chapter-create) .admin-hero h2{margin-bottom:2px;font-size:22px}.admin-content:has(.admin-chapter-create) .admin-hero p{font-size:12px}.admin-content:has(.admin-chapter-create) .admin-stat-grid{gap:12px}.admin-content:has(.admin-chapter-create) .admin-stat-card{padding:12px 16px}.admin-content:has(.admin-chapter-create) .admin-stat-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.admin-content:has(.admin-chapter-create) .admin-stat-card>span{margin-bottom:3px;font-size:11px}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap){flex-direction:column;max-height:clamp(120px,100vh - 580px,220px);padding:14px 16px;display:flex;overflow:hidden}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-panel-head{flex-shrink:0;margin-bottom:8px}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table-wrap{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex:1;min-height:0;overflow-y:auto}:is(.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table th,.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table td){padding:9px 12px;font-size:13px}:is(.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table th:first-child,.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table td:first-child){text-align:center;width:72px}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table tbody td:first-child{color:#2563eb;font-size:13px;font-weight:700}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table td strong{color:#0f172a;font-size:13px;font-weight:700}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table td span{color:#cbd5e1;margin-top:2px;font-size:11px}:is(.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table td:nth-child(3),.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table td:nth-child(4)){white-space:nowrap;color:#94a3b8;font-size:12px}:is(.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table th:last-child,.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table td:last-child){text-align:center;width:80px}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table a{color:#2563eb;background:#eff6ff;border-radius:999px;align-items:center;height:26px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table a:hover{color:#fff;background:#2563eb}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table-wrap::-webkit-scrollbar{width:4px}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-table-wrap) .admin-table-wrap::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-chapter-create){flex-direction:column;min-height:0;padding:14px 16px;display:flex;overflow:hidden}.admin-content:has(.admin-chapter-create) .admin-page>.admin-panel:has(.admin-chapter-create) .admin-panel-head{flex-shrink:0;margin-bottom:8px}.admin-content:has(.admin-chapter-create) .admin-chapter-create{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.admin-content:has(.admin-chapter-create) .admin-chapter-create::-webkit-scrollbar{width:4px}.admin-content:has(.admin-chapter-create) .admin-chapter-create::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-create-block{flex-direction:column;flex:1;min-height:0;display:flex}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-editor{flex-direction:column;flex:1;min-height:0;display:flex}.admin-content:has(.admin-chapter-create) .admin-chapter-editor{flex:1;min-height:120px;overflow-y:auto}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-create-row{gap:14px}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-create-row label{flex-direction:column;gap:6px;margin:0;display:flex}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-create-row label>span{color:#374151;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.admin-content:has(.admin-chapter-create) .admin-chapter-create input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.admin-content:has(.admin-chapter-create) .admin-chapter-create input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.admin-content:has(.admin-chapter-create) .admin-chapter-create input:disabled{opacity:.55;cursor:not-allowed}.admin-content:has(.admin-chapter-create) .admin-chapter-create input[readonly]{color:#1d4ed8;cursor:default;background:#eff6ff;border-color:#dbeafe;font-weight:800}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-create-block>span{margin-bottom:6px;font-size:11px}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-editor-toolbar{gap:3px;min-height:40px;padding:0 10px}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-editor-toolbar button{width:28px;height:28px;font-size:12px}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-form-actions{padding-top:2px}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-form-actions button{border-radius:8px;gap:7px;height:40px;padding:0 22px;font-size:14px}.admin-chapters-page .admin-hero{align-items:center}.admin-chapters-eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.admin-chapters-page .admin-hero-actions a{color:#334155;background:#fff;border-color:#dbe5f1;gap:7px;min-height:38px}.admin-chapters-page .admin-hero-actions a:last-child{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 6px 14px #2563eb2e}.admin-chapters-page .admin-hero-actions a:hover{color:#2563eb;border-color:#2563eb}.admin-chapters-page .admin-hero-actions a:last-child:hover{color:#fff;background:#1d4ed8}.admin-chapter-stats .admin-stat-card{border-top-width:2px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;min-width:0;display:grid}.admin-chapter-stats .admin-stat-card.story{border-top-color:#3b82f6}.admin-chapter-stats .admin-stat-card.public{border-top-color:#8b5cf6}.admin-chapter-stats .admin-stat-card.chapters{border-top-color:#10b981}.admin-chapter-stats .admin-stat-card.status{border-top-color:#f59e0b}.admin-chapter-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;display:inline-flex}.admin-stat-card.story .admin-chapter-stat-icon{color:#2563eb;background:#eff6ff}.admin-stat-card.public .admin-chapter-stat-icon{color:#7c3aed;background:#f5f3ff}.admin-stat-card.chapters .admin-chapter-stat-icon{color:#059669;background:#ecfdf5}.admin-stat-card.status .admin-chapter-stat-icon{color:#ea580c;background:#fff7ed}.admin-chapter-stats .admin-stat-card>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-chapter-stats .admin-stat-card span{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.admin-chapter-stats .admin-stat-card strong{color:#0f172a;font-size:14px;line-height:1.25}.admin-chapter-list-panel,.admin-chapter-form-panel{border-color:#dfe7f2;border-radius:8px}.admin-chapters-page .admin-panel-head p{color:#2563eb;letter-spacing:.08em;font-size:10px}.admin-chapters-page .admin-panel-head h2{color:#0f172a;margin-top:3px;font-size:17px}.admin-chapters-page .admin-panel-head>span{color:#1d4ed8;cursor:default;background:#f8fbff;border:1px solid #dbeafe;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:76px;height:30px;padding:0 11px;font-size:11px;font-weight:800;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 6px #2563eb0f}.admin-chapters-page .admin-panel-head>span:before{content:"";background:#60a5fa;border-radius:50%;width:6px;height:6px;transition:background .18s,box-shadow .18s;box-shadow:0 0 0 3px #dbeafe}.admin-chapters-page .admin-panel-head>span:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 7px 16px #2563eb33}.admin-chapters-page .admin-panel-head>span:hover:before{background:#fff;box-shadow:0 0 0 3px #ffffff40}.admin-dashboard-link{color:#1d4ed8;background:#f8fbff;border:1px solid #dbeafe;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:0 11px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 6px #2563eb0f}.admin-dashboard-link svg{font-size:10px;transition:transform .18s}.admin-dashboard-link:hover{color:#fff;background:#2563eb;border-color:#2563eb;text-decoration:none;transform:translateY(-2px);box-shadow:0 7px 16px #2563eb33}.admin-dashboard-link:hover svg{transform:translate(2px)}.admin-panel-head a.admin-dashboard-link,.admin-panel-head a.admin-dashboard-link:hover,.admin-panel-head a.admin-dashboard-link:focus,.admin-panel-head a.admin-dashboard-link:active{text-decoration:none!important}.admin-top-stories-panel{border-color:#dfe7f2;padding:0;overflow:hidden}.admin-top-stories-panel>.admin-panel-head{border-bottom:1px solid #e8edf5;min-height:66px;margin:0;padding:12px 18px}.admin-top-stories-panel>.admin-panel-head p{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:9px;font-weight:800}.admin-top-stories-panel>.admin-panel-head h2{color:#0f172a;margin:0;font-size:16px}.admin-top-stories-wrap{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;overflow-y:auto}.admin-top-stories-wrap::-webkit-scrollbar{width:5px}.admin-top-stories-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.admin-top-stories-table thead th{color:#8a99ae;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid #e8edf5;height:34px;padding:0 14px;font-size:9px}.admin-top-stories-table tbody td{color:#334155;border-bottom:1px solid #edf1f6;height:64px;padding:7px 14px;font-size:11px;transition:background .16s}.admin-top-stories-table tbody tr:last-child td{border-bottom:0}.admin-top-stories-table tbody tr:hover td{background:#f8fbff}.admin-top-story-info{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.admin-top-story-rank{background:#eff6ff;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;color:#2563eb!important;margin:0!important;font-size:10px!important;font-weight:800!important;display:inline-flex!important}.admin-top-stories-table tbody tr:first-child .admin-top-story-rank{background:#fff7ed;color:#ea580c!important}.admin-top-story-info>div{min-width:0}.admin-top-story-info strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;display:block;overflow:hidden}.admin-top-story-info>div>span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;display:block;overflow:hidden}.admin-top-stories-table .admin-story-chip,.admin-top-stories-table .admin-status-pill{height:auto;min-height:23px;padding:5px 8px;font-size:9px;line-height:1.2}.admin-top-story-metric{color:#475569;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.admin-top-story-metric svg{color:#3b82f6}.admin-top-story-metric.views svg{color:#10b981}.admin-content:has(.admin-dashboard-grid) .admin-page>.admin-top-stories-panel:last-child{min-height:210px;max-height:clamp(210px,100vh - 470px,340px);padding:0}.admin-top-stories-panel>.admin-panel-head{min-height:72px;padding:14px 20px}.admin-top-stories-panel>.admin-panel-head h2{font-size:18px}.admin-top-stories-panel .admin-dashboard-link{min-height:36px;padding:0 13px;font-size:12px}.admin-top-stories-table thead th{height:38px;padding:0 16px;font-size:10px}.admin-top-stories-table tbody td{height:76px;padding:8px 16px;font-size:12px}.admin-top-story-info{grid-template-columns:30px minmax(0,1fr);gap:11px}.admin-top-story-rank{background:#eff6ff;border:1px solid #dbeafe;width:30px;height:30px;box-shadow:0 2px 6px #2563eb14;color:#2563eb!important;font-size:12px!important}.admin-top-stories-table tbody tr:first-child .admin-top-story-rank{background:#fffbeb;border-color:#fde68a;box-shadow:0 3px 8px #d977061f;color:#d97706!important}.admin-top-stories-table tbody tr:nth-child(2) .admin-top-story-rank{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 3px 8px #4755691a;color:#475569!important}.admin-top-stories-table tbody tr:nth-child(3) .admin-top-story-rank{background:#fff7ed;border-color:#fed7aa;box-shadow:0 3px 8px #ea580c1a;color:#ea580c!important}.admin-top-story-info strong{font-size:13px}.admin-top-story-info>div>span{margin-top:4px;font-size:10px}.admin-top-stories-table .admin-story-chip,.admin-top-stories-table .admin-status-pill{border:1px solid #0000;min-height:27px;padding:6px 10px;font-size:10px}.admin-top-stories-table .admin-story-chip{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe;gap:6px}.admin-top-stories-table .admin-story-chip svg{font-size:9px}.admin-top-stories-table .admin-status-pill{color:#15803d;background:#f0fdf4;border-color:#bbf7d0;gap:6px}.admin-top-stories-table .admin-status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #22c55e1f}.admin-top-stories-table .admin-status-pill.done{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.admin-top-stories-table .admin-status-pill.done:before{box-shadow:0 0 0 3px #2563eb1f}.admin-top-story-metric{background:#f8fbff;border:1px solid #dbeafe;border-radius:999px;gap:6px;min-height:28px;padding:0 10px;font-size:11px}.admin-top-story-metric.views{color:#15803d;background:#f5fdf8;border-color:#bbf7d0}.admin-top-stories-table td .admin-top-story-metric{box-sizing:border-box;justify-content:center;width:fit-content;min-width:66px;max-width:100%;margin:0;display:inline-flex}.admin-top-stories-table tbody tr:hover .admin-story-chip,.admin-top-stories-table tbody tr:hover .admin-top-story-metric,.admin-top-stories-table tbody tr:hover .admin-status-pill{transform:translateY(-1px)}.admin-dashboard-page{grid-template-rows:auto auto 205px minmax(260px,1fr)!important}.admin-dashboard-page .admin-hero{align-items:center;min-height:44px}.admin-content:has(.admin-dashboard-page) .admin-hero h2{margin-bottom:1px;font-size:19px;line-height:1.15}.admin-content:has(.admin-dashboard-page) .admin-hero p{font-size:10px;line-height:1.3}.admin-dashboard-page .admin-hero-actions{flex-wrap:nowrap;align-items:center}.admin-dashboard-page .admin-hero-actions>a{gap:5px;height:34px;padding:0 12px;font-size:11px}.admin-dashboard-period-filter{color:#64748b;background:#fff;border:1px solid #dbe5f2;border-radius:9px;align-items:center;gap:8px;min-height:34px;padding:0 8px;display:inline-flex;position:relative;box-shadow:0 3px 10px #0f172a0a}.admin-dashboard-period-filter>svg{color:#2563eb;flex:none;font-size:12px}.admin-dashboard-period-filter select,.admin-dashboard-period-filter input{color:#334155;height:30px;font:inherit;background:0 0;border:0;outline:0;font-size:11px;font-weight:700}.admin-dashboard-period-filter select{cursor:pointer;min-width:116px}.admin-dashboard-custom-dates{z-index:20;background:#fff;border:1px solid #dbe5f2;border-radius:10px;align-items:center;gap:8px;width:max-content;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 35px #0f172a24}.admin-dashboard-custom-dates input{border:1px solid #dbe5f2;border-radius:7px;width:130px;padding:0 8px}.admin-dashboard-custom-dates span{color:#94a3b8;font-size:11px}.admin-dashboard-custom-dates button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:7px;min-height:34px;padding:0 12px;font-size:11px;font-weight:800}.admin-content:has(.admin-dashboard-page) .admin-dashboard-stats{gap:9px}.admin-content:has(.admin-dashboard-page) .admin-dashboard-stats .admin-stat-card{min-height:66px;color:inherit;grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:8px 11px;text-decoration:none;display:grid}.admin-content:has(.admin-dashboard-page) .admin-dashboard-stats .admin-stat-icon{grid-area:1/1/3;width:32px;height:32px;margin:0;font-size:13px;display:inline-flex}.admin-content:has(.admin-dashboard-page) .admin-dashboard-stats .admin-stat-card>span:not(.admin-dashboard-trend){grid-area:1/2;align-self:end;margin:0;font-size:8px;line-height:1.2}.admin-content:has(.admin-dashboard-page) .admin-dashboard-stats .admin-stat-card>strong{grid-area:2/2;align-self:start;font-size:18px}.admin-content:has(.admin-dashboard-page) .admin-dashboard-stats .admin-stat-card>small{color:#94a3b8;white-space:nowrap;grid-area:1/3;align-self:end;font-size:8px}.admin-dashboard-trend{border-radius:999px;grid-area:2/3;place-self:start end;align-items:center;width:fit-content;padding:2px 6px;letter-spacing:0!important;text-transform:none!important;margin:0!important;font-size:8px!important;font-weight:800!important;display:inline-flex!important}.admin-dashboard-trend.up{background:#ecfdf5;color:#059669!important}.admin-dashboard-trend.down{background:#fef2f2;color:#dc2626!important}.admin-dashboard-trend.neutral{background:#f1f5f9;color:#64748b!important}.admin-content:has(.admin-dashboard-page) .admin-dashboard-grid{grid-template-columns:minmax(0,2.15fr) minmax(290px,.85fr);gap:12px}:is(.admin-content:has(.admin-dashboard-page) .admin-report-chart-panel,.admin-content:has(.admin-dashboard-page) .admin-activity-panel){height:100%;padding:12px 15px}.admin-content:has(.admin-dashboard-page) .admin-report-chart-panel{justify-content:space-between}.admin-content:has(.admin-dashboard-page) .admin-report-chart-head{flex:none}.admin-content:has(.admin-dashboard-page) .admin-report-line-chart{flex:1;min-height:118px;margin-top:4px}.admin-content:has(.admin-dashboard-page) .admin-report-line-chart svg{height:100%;min-height:118px}.admin-content:has(.admin-dashboard-page) .admin-report-chart-head{margin-bottom:4px}.admin-content:has(.admin-dashboard-page) .admin-activity-panel .admin-panel-head{margin-bottom:4px}.admin-content:has(.admin-dashboard-page) .admin-report-chart-head h2{font-size:15px}.admin-content:has(.admin-dashboard-page) .admin-activity-panel .admin-panel-head h2{font-size:15px}.admin-content:has(.admin-dashboard-page) .admin-report-chart-head p{font-size:9px}.admin-content:has(.admin-dashboard-page) .admin-activity-panel .admin-panel-head p{font-size:9px}.admin-content:has(.admin-dashboard-page) .admin-report-chart-legend{color:#475569;gap:9px;font-size:11px}.admin-content:has(.admin-dashboard-page) .admin-report-chart-legend>strong{color:#0f172a;font-size:11px}.admin-content:has(.admin-dashboard-page) .admin-report-chart-legend svg{font-size:11px}.admin-content:has(.admin-dashboard-page) .admin-activity-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;padding-right:3px;overflow-y:auto}.admin-content:has(.admin-dashboard-page) .admin-activity-item{color:inherit;border-radius:8px;padding:5px 6px;text-decoration:none;transition:background .16s,transform .16s}.admin-content:has(.admin-dashboard-page) .admin-activity-item>span{width:30px;height:30px;font-size:11px}.admin-content:has(.admin-dashboard-page) .admin-activity-item strong{font-size:12px}.admin-content:has(.admin-dashboard-page) .admin-activity-item p{margin-top:2px;font-size:10px}.admin-content:has(.admin-dashboard-page) button.admin-dashboard-link{cursor:pointer;font-family:inherit}.admin-activity-modal{border:1px solid #dbe5f2;max-width:620px}.admin-activity-modal .admin-modal-head{padding:16px 18px}.admin-activity-modal .admin-modal-head p{color:#2563eb;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:800}.admin-activity-modal .admin-modal-head h3{color:#0f172a;letter-spacing:0;font-size:20px;font-weight:800;line-height:1.2}.admin-activity-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;gap:2px;max-height:min(520px,68vh);padding:8px 12px 14px;display:flex;overflow-y:auto}.admin-activity-modal-body .admin-activity-item{border:1px solid #0000;border-bottom-color:#edf2f7;border-radius:10px;min-height:64px;padding:9px 10px}.admin-activity-modal-body .admin-activity-item:last-child{border-bottom-color:#0000}.admin-activity-modal-body .admin-activity-item:hover{background:#f8fbff;border-color:#dbeafe}.admin-activity-modal-body .admin-activity-item>span{width:36px;height:36px}.admin-activity-modal-body .admin-activity-item strong{color:#172033;letter-spacing:0;font-size:13.5px;font-weight:750;line-height:1.35}.admin-activity-modal-body .admin-activity-item p{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;font-size:11px;line-height:1.3;display:flex}.admin-activity-modal-body .admin-activity-item p span{color:#64748b;font-weight:700}.admin-activity-modal-body .admin-activity-item p time{color:#94a3b8}.admin-activity-modal-body .admin-activity-item p time:before{content:"•";color:#cbd5e1;margin-right:5px}.admin-content:has(.admin-dashboard-page) .admin-activity-item:hover{background:#f8fafc;text-decoration:none;transform:translate(2px)}.admin-activity-item>span.edit{color:#ea580c;background:#fff7ed}.admin-content:has(.admin-dashboard-page) .admin-dashboard-page>.admin-report-ranking-panel{flex-direction:column;align-self:stretch;height:100%;min-height:300px;padding:14px 16px;display:flex;max-height:none!important}.admin-content:has(.admin-dashboard-page) .admin-report-ranking-panel .admin-table-wrap{flex:1;min-height:0;overflow:auto}.admin-content:has(.admin-dashboard-page) .admin-report-ranking-table tbody td{height:48px;padding-top:6px;padding-bottom:6px}.admin-content:has(.admin-dashboard-page) .admin-report-ranking-table tbody tr{transition:transform .18s,filter .18s;position:relative}.admin-content:has(.admin-dashboard-page) .admin-report-ranking-table tbody tr:hover{z-index:2;filter:drop-shadow(0 7px 8px #2563eb1f);transform:translateY(-3px)}.admin-content:has(.admin-dashboard-page) .admin-report-ranking-table tbody tr:hover td{background:#f8fbff}.admin-content:has(.admin-dashboard-page) .admin-ranking-pagination{flex:none}@media (max-width:1180px){body:has(.admin-dashboard-page){height:auto;overflow:auto}.admin-shell:has(.admin-dashboard-page){height:auto;overflow:auto}.admin-main:has(.admin-dashboard-page){height:auto;overflow:auto}.admin-content:has(.admin-dashboard-page){height:auto;overflow:auto}.admin-content:has(.admin-dashboard-page) .admin-page{height:auto;display:flex;overflow:visible}.admin-content:has(.admin-dashboard-page) .admin-dashboard-grid{grid-template-columns:1fr}.admin-content:has(.admin-dashboard-page) .admin-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.admin-dashboard-page .admin-hero,.admin-dashboard-page .admin-hero-actions{flex-direction:column;align-items:stretch}.admin-dashboard-period-filter,.admin-dashboard-period-filter select{width:100%}.admin-dashboard-custom-dates{flex-direction:column;align-items:stretch;width:min(100%,340px)}.admin-dashboard-custom-dates input{width:100%}.admin-content:has(.admin-dashboard-page) .admin-dashboard-stats{grid-template-columns:1fr}}.admin-top-stories-table .admin-story-chip,.admin-top-stories-table .admin-top-story-metric,.admin-top-stories-table .admin-status-pill{transition:transform .16s,border-color .16s,box-shadow .16s}.admin-chapter-empty{background:#f8fbff;border:1px dashed #cbdaf0;border-radius:8px;align-content:center;place-items:center;gap:4px;min-height:124px;display:grid}.admin-chapter-empty>span{color:#2563eb;background:#eaf2ff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:2px;display:inline-flex}.admin-chapter-empty h3,.admin-chapter-empty p{margin:0}.admin-chapter-empty a{color:#2563eb;align-items:center;gap:5px;margin-top:5px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.admin-content:has(.admin-chapter-create) .admin-chapter-list-panel:has(.admin-chapter-empty){max-height:none;padding:12px 16px;overflow:visible}.admin-chapter-list-panel:has(.admin-chapter-empty) .admin-panel-head{margin-bottom:7px}.admin-chapter-list-panel:has(.admin-chapter-empty) .admin-chapter-empty{box-sizing:border-box;gap:2px;min-height:76px;padding:8px 16px}.admin-chapter-list-panel:has(.admin-chapter-empty) .admin-chapter-empty>span{width:28px;height:28px;margin-bottom:1px;font-size:12px}.admin-chapter-list-panel:has(.admin-chapter-empty) .admin-chapter-empty h3{font-size:13px}:is(.admin-chapter-list-panel:has(.admin-chapter-empty) .admin-chapter-empty p,.admin-chapter-list-panel:has(.admin-chapter-empty) .admin-chapter-empty a){font-size:10px}.admin-chapter-form-panel{background:#fff}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-create-row{grid-template-columns:minmax(140px,.35fr) minmax(0,1.65fr)}.admin-chapter-fields-row{grid-template-columns:minmax(140px,.32fr) minmax(0,1.48fr) minmax(270px,.7fr);align-items:stretch;gap:12px;display:grid}.admin-chapter-fields-row>label,.admin-chapter-publish-field{flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.admin-chapter-fields-row>label>span,.admin-chapter-publish-field>span{color:#374151;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:14px}.admin-chapter-publish-toggle{box-sizing:border-box;background:#f5f9ff;border:1px solid #bfdbfe;border-radius:8px;height:40px;min-height:40px;padding:0 14px!important}.admin-content:has(.admin-chapter-create) .admin-chapter-publish-toggle input[type=checkbox]{width:18px;min-width:18px;height:18px;box-shadow:none;accent-color:#2563eb;border:0;border-radius:4px;padding:0}.admin-chapter-publish-toggle strong{color:#1e3a8a;font-size:12px}.admin-chapter-publish-toggle small{color:#64748b;line-height:1.4}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-editor{border-color:#dce5f1;border-radius:8px}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-editor-toolbar{background:#f8fafc;border-bottom-color:#e5eaf2}.admin-content:has(.admin-chapter-create) .admin-chapter-create .admin-form-actions button{min-width:150px;box-shadow:0 6px 14px #2563eb29}@media (max-width:900px){body:has(.admin-chapter-create){overflow:auto}:is(.admin-shell:has(.admin-chapter-create),.admin-main:has(.admin-chapter-create)){height:auto;overflow:auto}.admin-content:has(.admin-chapter-create){flex:1;height:auto;overflow:auto}.admin-content:has(.admin-chapter-create) .admin-page{height:auto;display:flex}.admin-chapter-editor{min-height:360px}.admin-chapter-fields-row{grid-template-columns:1fr}}body:has(.admin-users-table){overflow:hidden}:is(.admin-shell:has(.admin-users-table),.admin-main:has(.admin-users-table)){height:100vh;min-height:0;overflow:hidden}.admin-content:has(.admin-users-table){box-sizing:border-box;flex:none;height:calc(100vh - 62px);min-height:0;padding:16px 22px;overflow:hidden}.admin-content:has(.admin-users-table) .admin-page{grid-template-rows:auto auto minmax(0,1fr);gap:12px;height:100%;min-height:0;display:grid;overflow:hidden}.admin-content:has(.admin-users-table) .admin-page-head h2{margin-bottom:2px;font-size:22px}.admin-content:has(.admin-users-table) .admin-page-head p{font-size:12px}.admin-content:has(.admin-users-table) .admin-stat-grid{gap:10px}.admin-content:has(.admin-users-table) .admin-stat-card{min-height:unset;border-radius:10px;padding:10px 14px}.admin-content:has(.admin-users-table) .admin-stat-card:after{border-radius:10px 10px 0 0}.admin-content:has(.admin-users-table) .admin-stat-card strong{font-size:20px}.admin-content:has(.admin-users-table) .admin-stat-card>span{margin-bottom:3px;font-size:10px}.admin-content:has(.admin-users-table) .admin-panel{flex-direction:column;min-height:0;padding:14px 16px;display:flex;overflow:hidden}.admin-content:has(.admin-users-table) .admin-panel-head{flex-shrink:0;margin-bottom:8px}.admin-content:has(.admin-users-table) .admin-table-wrap{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex:1;min-height:0;overflow-y:auto}.admin-content:has(.admin-users-table) .admin-table-wrap::-webkit-scrollbar{width:4px}.admin-content:has(.admin-users-table) .admin-table-wrap::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}:is(.admin-content:has(.admin-users-table) .admin-table th,.admin-content:has(.admin-users-table) .admin-table td){padding:10px 14px}.admin-content:has(.admin-users-table) .admin-table td:first-child{align-items:center;gap:10px;display:flex}.admin-content:has(.admin-users-table) .admin-users-table tbody tr td:first-child:before{content:attr(data-initial);color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:inline-flex}@media (max-width:900px){body:has(.admin-users-table){overflow:auto}:is(.admin-shell:has(.admin-users-table),.admin-main:has(.admin-users-table)){height:auto;overflow:auto}.admin-content:has(.admin-users-table){flex:1;height:auto;overflow:auto}.admin-content:has(.admin-users-table) .admin-page{height:auto;display:flex}}.admin-users-page .admin-page-head>div>span{color:#64748b;margin-top:2px;font-size:11px;display:block}.admin-content:has(.admin-users-page) .admin-users-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-content:has(.admin-users-page) .admin-users-stats .admin-stat-card{align-items:center;gap:11px;min-height:74px;padding:10px 14px;display:flex}.admin-content:has(.admin-users-page) .admin-users-stats .admin-stat-icon{flex:none;width:38px;height:38px;margin:0;font-size:15px;display:inline-flex}.admin-users-stats .admin-stat-card>div:last-child{min-width:0}.admin-users-stats .admin-stat-card>div:last-child>span,.admin-users-stats .admin-stat-card>div:last-child>strong,.admin-users-stats .admin-stat-card>div:last-child>small{display:block}.admin-users-stats .admin-stat-card>div:last-child>span{color:#64748b;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.admin-users-stats .admin-stat-card>div:last-child>strong{color:#0f172a;margin:2px 0;font-size:21px;line-height:1.1}.admin-users-stats .admin-stat-card>div:last-child>small{color:#94a3b8;font-size:9px}.admin-content:has(.admin-users-page) .admin-users-panel{border-color:#dbe5f2;padding:0;box-shadow:0 10px 28px #0f172a0a}.admin-users-panel-head{border-bottom:1px solid #edf2f7;min-height:72px;padding:12px 16px;margin:0!important}.admin-users-panel-head p{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:9px;font-weight:800}.admin-users-panel-head h2{font-size:17px}.admin-users-panel-head small{color:#94a3b8;margin-top:3px;font-size:10px;display:block}.admin-users-toolbar{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.admin-users-search{color:#94a3b8;background:#f8fafc;border:1px solid #dbe5f2;border-radius:9px;align-items:center;gap:8px;width:min(360px,45%);height:36px;padding:0 11px;display:flex}.admin-users-search:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.admin-users-search input{color:#334155;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.admin-users-role-filter{background:#f8fafc;border:1px solid #dbe5f2;border-radius:9px;padding:3px;display:inline-flex}.admin-users-role-filter button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:28px;padding:0 10px;font-size:10px;font-weight:750;transition:background .16s,color .16s,box-shadow .16s}.admin-users-role-filter button.active{color:#fff;background:#2563eb;box-shadow:0 3px 8px #2563eb33}.admin-content:has(.admin-users-page) .admin-users-panel .admin-table-wrap{overflow:auto}.admin-users-table{min-width:1040px}.admin-users-table th{color:#8a99ae;letter-spacing:.06em;background:#f8fafc;height:40px;font-size:9px}.admin-content:has(.admin-users-page) .admin-users-table td{height:66px;padding:8px 14px}.admin-users-table tbody tr{transition:transform .16s,filter .16s}.admin-users-table tbody tr:hover{z-index:1;filter:drop-shadow(0 6px 8px #2563eb1a);position:relative;transform:translateY(-2px)}.admin-users-table tbody tr:hover td{background:#f8fbff}.admin-content:has(.admin-users-page) .admin-users-table tbody tr td:first-child:before{display:none}.admin-content:has(.admin-users-page) .admin-users-table td:first-child{display:table-cell}.admin-user-identity{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.admin-users-table .admin-user-avatar{box-sizing:border-box;color:#1d4ed8;text-align:center;background:linear-gradient(145deg,#f8fbff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:13px;font-weight:900;line-height:1;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:0 5px 12px #2563eb21,inset 0 1px #ffffffe6}.admin-users-table .admin-user-avatar:after{content:"";background:#22c55e;border:2px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px;right:4px;box-shadow:0 1px 3px #22c55e40}.admin-users-table .admin-user-avatar.locked:after{background:#ef4444;box-shadow:0 1px 3px #ef444440}.admin-users-table tbody tr:hover .admin-user-avatar{transform:translateY(-2px)scale(1.04);box-shadow:0 8px 16px #2563eb2e,inset 0 1px #ffffffe6}.admin-user-identity>div{min-width:0}.admin-user-identity strong,.admin-user-identity>div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-identity strong{color:#0f172a;font-size:12px}.admin-user-identity>div>span{color:#94a3b8;margin-top:3px;font-size:10px}.admin-user-provider-badge{border-radius:999px;align-items:center;gap:6px;width:fit-content;min-height:26px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.admin-user-provider-badge.google{color:#dc2626;background:#fef2f2}.admin-user-provider-badge.facebook{color:#1d4ed8;background:#eff6ff}.admin-user-provider-badge.email{color:#475569;background:#f1f5f9}.admin-users-table .admin-role-pill{box-sizing:border-box;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:auto;min-height:28px;padding:5px 10px;font-size:10px;font-weight:800;line-height:1;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;box-shadow:0 3px 8px #0f172a0f}.admin-users-table .admin-role-pill svg{flex:none;font-size:10px}.admin-users-table .admin-role-pill.admin{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.admin-users-table .admin-role-pill.user{color:#475569;background:linear-gradient(135deg,#f8fafc,#eef2f7);border-color:#dce5ef}.admin-users-table tbody tr:hover .admin-role-pill{transform:translateY(-1px);box-shadow:0 6px 12px #2563eb1f}.admin-user-activity{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.admin-user-activity small{color:#94a3b8;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:inline-flex}.admin-user-activity small svg{color:#64748b}.admin-users-table time{color:#475569;white-space:nowrap;font-size:11px;font-weight:650}.admin-users-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:190px;display:flex}.admin-users-empty>svg{color:#bfdbfe;font-size:26px}.admin-users-empty strong{color:#475569;font-size:13px}.admin-users-empty span{font-size:10px}@media (max-width:900px){.admin-content:has(.admin-users-page) .admin-users-stats{grid-template-columns:1fr}.admin-users-toolbar{flex-direction:column;align-items:stretch}.admin-users-search{width:100%}.admin-users-role-filter{width:fit-content}}.admin-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a2e}.admin-modal-head{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.admin-modal-head h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.admin-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.admin-modal-close:hover{color:#dc2626;background:#fee2e2}.admin-modal-body{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.admin-modal-row{flex-direction:column;gap:6px;display:flex}.admin-modal-row.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-modal-row label,.admin-modal-row>span,.admin-modal-cover-row>span{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.admin-modal-row label{flex-direction:column;gap:6px;display:flex}.admin-modal-row input,.admin-modal-row select{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.admin-modal-row input:focus,.admin-modal-row select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.admin-modal-cover-row{flex-direction:column;gap:8px;display:flex}.admin-modal-cover-body{align-items:center;gap:12px;display:flex}.admin-modal-cover-preview{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:72px;height:96px}.admin-modal-upload-btn{color:#374151;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.admin-modal-upload-btn:hover{color:#2563eb;background:#eff6ff;border-color:#3b82f6}.admin-modal-desc-editor{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-height:100px;max-height:180px;padding:10px 12px;font-size:14px;line-height:1.7;transition:border-color .15s,box-shadow .15s;overflow-y:auto}.admin-modal-desc-editor:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.admin-modal-desc-editor:empty:before{content:attr(data-placeholder);color:#94a3b8}.admin-modal-footer{flex-shrink:0;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.admin-modal-cancel{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s}.admin-modal-cancel:hover{background:#f1f5f9}.admin-modal-save{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 18px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.admin-modal-save:hover:not(:disabled){background:#1d4ed8}.admin-modal-save:disabled,.admin-modal-cancel:disabled{opacity:.55;cursor:not-allowed}.admin-story-edit-modal{border:1px solid #dfe7f2;border-radius:12px;max-width:640px;box-shadow:0 24px 70px #0f172a38}.admin-story-edit-modal .admin-modal-head{background:#f8fbff;border-bottom-color:#e5ebf3;min-height:76px;padding:14px 18px}.admin-story-edit-heading{align-items:center;gap:11px;min-width:0;display:flex}.admin-story-edit-heading>span{color:#2563eb;background:#eaf2ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.admin-story-edit-heading h3{color:#0f172a;margin:0;font-size:17px}.admin-story-edit-heading p{color:#64748b;margin:3px 0 0;font-size:11px}.admin-story-edit-modal .admin-modal-close{background:#fff;border:1px solid #dfe7f2;width:34px;height:34px}.admin-story-edit-modal .admin-modal-body{gap:16px;padding:18px 20px 20px}.admin-story-edit-modal .admin-modal-row label>span:first-child,.admin-story-edit-modal .admin-modal-row>span,.admin-story-edit-modal .admin-modal-cover-row>span{color:#475569;letter-spacing:.06em;font-size:10px;font-weight:800}.admin-story-edit-modal .admin-modal-row input,.admin-story-edit-modal .admin-modal-row select{background:#f8fafc;border-width:1px;border-color:#d8e2ef;height:44px;font-size:13px}.admin-story-edit-modal .admin-modal-row select{cursor:pointer}.admin-story-edit-modal .admin-edit-visibility-toggle{cursor:pointer;background:#f5f9ff;border:1px solid #bfdbfe;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:66px;padding:10px 13px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.admin-story-edit-modal .admin-edit-visibility-toggle:hover{background:#eff6ff;border-color:#60a5fa;box-shadow:0 4px 12px #2563eb14}.admin-story-edit-modal .admin-edit-visibility-toggle>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.admin-edit-switch{box-sizing:border-box;background:#cbd5e1;border-radius:999px;align-items:center;width:42px;height:24px;padding:3px;transition:background .18s;display:inline-flex}.admin-edit-switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;transform:translate(0);box-shadow:0 1px 4px #0f172a3d}.admin-edit-visibility-toggle>input:checked+.admin-edit-switch{background:#2563eb}.admin-edit-visibility-toggle>input:checked+.admin-edit-switch i{transform:translate(18px)}.admin-edit-visibility-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-edit-visibility-copy strong{color:#1e3a8a;align-items:center;gap:6px;font-size:12px;display:inline-flex}.admin-edit-visibility-copy small{color:#64748b;font-size:10px;line-height:1.4}.admin-story-edit-modal .admin-modal-cover-body{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:106px;padding:10px}.admin-story-edit-modal .admin-modal-cover-preview{border-radius:7px;width:64px;height:86px;box-shadow:0 3px 10px #0f172a1f}.admin-story-edit-modal .admin-modal-upload-btn{background:#fff;height:38px;font-size:12px}.admin-story-edit-modal .admin-modal-desc-editor{background:#f8fafc;border-width:1px;border-color:#d8e2ef;min-height:118px;padding:11px 13px;font-size:13px;line-height:1.65}.admin-story-edit-modal .admin-modal-footer{border-top:1px solid #e8edf5;margin:2px -20px -20px;padding:14px 20px}.admin-story-edit-modal .admin-modal-cancel,.admin-story-edit-modal .admin-modal-save{height:40px}.admin-story-edit-modal .admin-modal-save{justify-content:center;min-width:142px;box-shadow:0 6px 14px #2563eb2e}@media (max-width:640px){.admin-story-edit-modal .admin-modal-row.two-col{grid-template-columns:1fr}.admin-story-edit-modal .admin-modal-body{padding:16px}.admin-story-edit-modal .admin-modal-footer{margin:2px -16px -16px;padding:12px 16px}}.admin-story-action.edit{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.admin-story-action.edit:hover{color:#fff;background:#16a34a;border-color:#16a34a}.admin-modal.admin-modal-wide{max-width:720px}.admin-modal-chapter-editor{min-height:260px;max-height:380px}.admin-chapter-actions{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.admin-chapter-action{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:11px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.admin-chapter-action.edit{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.admin-chapter-action.edit:hover{color:#fff;background:#16a34a;border-color:#16a34a}.admin-chapter-action.read{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.admin-chapter-action.read:hover{color:#fff;background:#2563eb;border-color:#2563eb}.admin-chapter-action.delete{color:#dc2626;background:#fff5f5;border-color:#fecaca}.admin-chapter-action.delete:hover{color:#fff;background:#dc2626;border-color:#dc2626}.admin-chapter-action:disabled{opacity:.55;cursor:not-allowed}.admin-chapter-list-panel .admin-table-wrap{background:#fff;border:1px solid #e7edf5;border-radius:8px}.admin-chapter-list-panel .admin-table thead th{color:#8796aa;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid #e7edf5;height:38px;padding:0 13px;font-size:10px}.admin-chapter-list-panel .admin-table tbody td{color:#334155;background:#fff;border-bottom:1px solid #edf1f6;height:68px;padding:8px 13px;transition:background .16s}.admin-chapter-list-panel .admin-table tbody tr:last-child td{border-bottom:0}.admin-chapter-list-panel .admin-table tbody tr:hover td{background:#f8fbff}.admin-chapter-list-panel .admin-table td .admin-chapter-number{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin:0;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #2563eb14}.admin-content:has(.admin-chapter-create) .admin-chapter-list-panel .admin-table td .admin-chapter-number{background:#eaf2ff;border-color:#93c5fd;box-shadow:0 3px 8px #2563eb1f;color:#1d4ed8!important;margin:0!important;font-size:12px!important}.admin-chapter-list-panel .admin-table td:nth-child(2) strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;display:block;overflow:hidden}.admin-chapter-list-panel .admin-table td:nth-child(2)>span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;display:block;overflow:hidden}.admin-content:has(.admin-chapter-create) .admin-chapter-list-panel .admin-table td:nth-child(2)>strong{color:#111827;letter-spacing:.01em;font-size:12px}.admin-content:has(.admin-chapter-create) .admin-chapter-list-panel .admin-table td:nth-child(2)>span{font-weight:500;color:#64748b!important;margin-top:4px!important;font-size:10px!important}.admin-chapter-list-panel .admin-table td .admin-status-pill{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;justify-content:center;align-items:center;gap:6px;min-width:74px;height:auto;min-height:26px;margin:0;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.admin-content:has(.admin-chapter-create) .admin-chapter-list-panel .admin-table td .admin-status-pill{background:#eafbf0;border-color:#86efac;box-shadow:0 2px 6px #10b98117;color:#047857!important;margin:0!important;font-size:10px!important}.admin-chapter-list-panel .admin-table td .admin-status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #10b9811f}.admin-chapter-list-panel .admin-table td .admin-status-pill.draft{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.admin-content:has(.admin-chapter-create) .admin-chapter-list-panel .admin-table td .admin-status-pill.draft{background:#fff7ed;border-color:#fdba74;color:#c2410c!important}.admin-chapter-list-panel .admin-table td .admin-status-pill.draft:before{box-shadow:0 0 0 3px #ea580c1f}.admin-chapter-date{flex-direction:column;gap:3px;display:flex}.admin-chapter-list-panel .admin-table .admin-chapter-date strong{color:#334155;font-size:11px;font-weight:700}.admin-chapter-list-panel .admin-table .admin-chapter-date span{color:#94a3b8;margin:0;font-size:9px}.admin-chapter-list-panel .admin-chapter-actions{justify-content:flex-end;gap:5px}.admin-chapter-list-panel .admin-chapter-action{border-radius:7px;height:30px;padding:0 9px;font-size:10px}body:has(.admin-reports-page){overflow:auto}:is(.admin-shell:has(.admin-reports-page),.admin-main:has(.admin-reports-page)){height:auto;min-height:100vh;overflow:visible}.admin-content:has(.admin-reports-page){box-sizing:border-box;flex:1;height:auto;min-height:calc(100vh - 62px);padding:16px 22px;overflow:visible}.admin-content:has(.admin-reports-page) .admin-reports-page{flex-direction:column;gap:12px;height:auto;min-height:0;display:flex;overflow:visible}.admin-report-hero{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.admin-report-hero h2{line-height:1.15;font-size:19px!important}.admin-report-hero>div>p:last-child{font-size:10px!important}.admin-report-eyebrow{letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#2563eb!important;margin-bottom:3px!important;font-size:10px!important}.admin-report-date{color:#64748b;background:#fff;border:1px solid #dbe5f2;border-radius:8px;flex-shrink:0;padding:6px 9px;font-size:9px;font-weight:600}.admin-report-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.admin-report-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:58px;padding:8px 10px;display:grid;position:relative;overflow:hidden}.admin-report-kpi:before{background:var(--report-tone);content:"";height:2px;position:absolute;top:0;left:0;right:0}.admin-report-kpi-icon{background:color-mix(in srgb, var(--report-tone) 11%, white);width:30px;height:30px;color:var(--report-tone);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.admin-report-kpi-icon svg{font-size:11px}.admin-report-kpi>div{min-width:0}.admin-report-kpi small{color:#64748b;letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:800;display:block;overflow:hidden}.admin-report-kpi strong{color:#0f172a;margin-top:2px;font-size:17px;line-height:1;display:block}.admin-report-kpi-note,.admin-report-trend{color:#94a3b8;font-size:8px;font-weight:700;position:absolute;bottom:7px;right:10px}.admin-report-trend{border-radius:999px;padding:2px 5px}.admin-report-trend.up{color:#059669;background:#ecfdf5}.admin-report-trend.down{color:#dc2626;background:#fef2f2}.admin-report-trend.neutral{color:#64748b;background:#f1f5f9}.admin-report-kpi.tone-blue{--report-tone:#2563eb}.admin-report-kpi.tone-green{--report-tone:#10b981}.admin-report-kpi.tone-violet{--report-tone:#7c3aed}.admin-report-kpi.tone-cyan{--report-tone:#0891b2}.admin-report-kpi.tone-orange{--report-tone:#f59e0b}.admin-report-kpi.tone-slate{--report-tone:#475569}.admin-content:has(.admin-reports-page) .admin-hero h2{margin-bottom:2px;font-size:22px}.admin-content:has(.admin-reports-page) .admin-hero p{font-size:12px}.admin-content:has(.admin-reports-page) .admin-stat-grid{gap:10px}.admin-content:has(.admin-reports-page) .admin-stat-card{min-height:unset;border-radius:10px;padding:10px 14px}.admin-content:has(.admin-reports-page) .admin-stat-card:after{border-radius:10px 10px 0 0}.admin-content:has(.admin-reports-page) .admin-stat-card strong{font-size:18px}.admin-content:has(.admin-reports-page) .admin-stat-card>span{margin-bottom:3px;font-size:10px}.admin-report-chart-panel{background:linear-gradient(#fff 0%,#fbfdff 100%);border-color:#dbe5f2;padding:10px 14px;overflow:hidden;box-shadow:0 8px 24px #2563eb0d}.admin-report-chart-head{margin-bottom:0}.admin-report-chart-head h2{font-size:15px}.admin-report-chart-head p{margin-bottom:2px;font-size:9px}.admin-report-chart-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-chart-summary{color:#64748b;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.admin-chart-summary svg{color:#2563eb}.admin-report-range{background:#f8fafc;border:1px solid #dbe5f2;border-radius:8px;gap:2px;padding:3px;display:inline-flex}.admin-report-range button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;min-height:26px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.admin-report-range button:hover{color:#2563eb}.admin-report-range button.active{color:#fff;background:#2563eb;box-shadow:0 3px 8px #2563eb33}.admin-report-chart-legend{color:#64748b;align-items:center;gap:10px;font-size:9px;font-weight:700;display:inline-flex}.admin-report-chart-legend>span,.admin-report-chart-legend>strong{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.admin-report-chart-legend>strong{color:#334155}.admin-report-chart-legend i{border-radius:999px;width:15px;height:2px}.admin-report-chart-legend i.current{background:#2563eb}.admin-report-chart-legend i.previous{border-top:2px dashed #94a3b8}.admin-report-chart-legend svg{color:#2563eb}.admin-report-chart-legend .admin-chart-live{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;gap:5px;padding:3px 7px;font-weight:800}.admin-report-chart-legend .admin-chart-live>i{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite admin-live-pulse;box-shadow:0 0 #10b98159}.admin-report-chart-legend .admin-chart-live small{color:#059669;font-size:8px;font-weight:700}@keyframes admin-live-pulse{0%{box-shadow:0 0 #10b98159}70%,to{box-shadow:0 0 0 6px #10b98100}}@media (prefers-reduced-motion:reduce){.admin-report-chart-legend .admin-chart-live>i{animation:none}}.admin-report-compare{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe5f2;border-radius:7px;min-height:32px;padding:0 10px;font-size:10px;font-weight:700}.admin-report-compare:hover{color:#2563eb;border-color:#93c5fd}.admin-report-compare.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.admin-report-custom-range{justify-content:flex-end;gap:8px;margin-top:7px;display:flex}.admin-report-custom-range label{color:#64748b;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.admin-report-custom-range input{color:#334155;height:30px;font:inherit;background:#fff;border:1px solid #dbe5f2;border-radius:7px;padding:0 8px}.admin-report-line-chart{min-height:116px;margin-top:2px;position:relative}.admin-report-line-chart svg{width:100%;height:116px;display:block;overflow:visible}.admin-report-grid-line{stroke:#dfe7f1;stroke-width:1px;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.admin-report-axis-value,.admin-report-axis-date{paint-order:stroke;stroke:#fff;stroke-width:1.5px;stroke-linejoin:round}.admin-report-axis-value{fill:#334155;font-size:11px;font-weight:800}.admin-report-axis-date{fill:#64748b;font-size:10px;font-weight:700}.admin-report-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;vector-effect:non-scaling-stroke}.admin-report-line.current{stroke:#1d4ed8;stroke-width:3px;filter:drop-shadow(0 2px 2px #2563eb24)}.admin-report-line.previous{stroke:#94a3b8;stroke-dasharray:6 5;stroke-width:1.7px}.admin-report-point{fill:#fff;stroke:#1d4ed8;stroke-width:2.4px;vector-effect:non-scaling-stroke;transition:r .15s}.admin-report-tooltip{z-index:3;color:#fff;pointer-events:none;background:#0f172a;border:1px solid #dbe5f2;border-radius:7px;min-width:130px;padding:7px 9px;position:absolute;transform:translate(9px,calc(-100% - 9px));box-shadow:0 8px 20px #0f172a29}.admin-report-tooltip.align-right{transform:translate(calc(-100% - 9px),calc(-100% - 9px))}.admin-report-tooltip strong{white-space:nowrap;font-size:10px;display:block}.admin-report-tooltip span{color:#cbd5e1;margin-top:3px;font-size:9px;display:block}.admin-report-chart-empty{color:#94a3b8;justify-content:center;align-items:center;min-height:116px;font-size:11px;display:flex}.admin-report-bar-chart{align-items:flex-end;gap:3px;height:92px;margin-top:5px;display:flex}.admin-report-bar-item{flex-direction:column;flex:1;align-items:center;gap:3px;height:100%;display:flex}.admin-report-bar-value{color:#64748b;min-height:10px;font-size:8px;font-weight:700}.admin-report-bar-chart.range-30 .admin-report-bar-value{visibility:hidden}.admin-report-bar-chart.range-7{gap:10px;padding:0 8%}.admin-report-bar-track{background:#f1f5f9;border-radius:3px 3px 0 0;flex:1;align-items:flex-end;width:100%;display:flex}.admin-report-bar-track span{background:linear-gradient(#93c5fd,#3b82f6);border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .3s}.admin-report-bar-item small{color:#94a3b8;white-space:nowrap;min-height:12px;font-size:9px}.admin-content:has(.admin-reports-page) .admin-reports-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;height:auto;min-height:0;display:grid}.admin-content:has(.admin-reports-page) .admin-reports-grid .admin-panel{flex-direction:column;min-height:0;padding:14px 16px;display:flex;overflow:hidden}.admin-content:has(.admin-reports-page) .admin-reports-grid .admin-table-wrap{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex:none;min-height:0;overflow-y:auto}:is(.admin-content:has(.admin-reports-page) .admin-reports-grid .admin-table th,.admin-content:has(.admin-reports-page) .admin-reports-grid .admin-table td){padding:8px 10px;font-size:12px}.admin-report-ranking-panel{border-color:#dbe5f2;box-shadow:0 10px 30px #0f172a0d}.admin-report-ranking-panel .admin-panel-head{border-bottom:1px solid #edf2f7;margin-bottom:0;padding-bottom:12px}.admin-report-ranking-total{color:#2563eb;background:#f8fbff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 11px;display:inline-flex}.admin-report-ranking-total svg{font-size:12px}.admin-report-ranking-total span{font-size:13px;font-weight:800}.admin-report-ranking-total small{color:#64748b;font-size:10px;font-weight:600}.admin-report-ranking-table{table-layout:fixed}.admin-report-ranking-table th:first-child,.admin-report-ranking-table td:first-child{text-align:center;width:56px}.admin-report-ranking-table th:nth-child(4){width:100px}.admin-report-ranking-table th:nth-child(5){width:112px}.admin-ranking-head{margin-bottom:0}.admin-ranking-toolbar{border-bottom:1px solid #edf2f7;justify-content:flex-end;gap:8px;padding:8px 0;display:flex}.admin-ranking-toolbar label{color:#64748b;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.admin-ranking-toolbar select{color:#334155;background:#fff;border:1px solid #dbe5f2;border-radius:7px;height:29px;padding:0 26px 0 8px;font-size:10px;font-weight:600}.admin-report-ranking-table{min-width:850px}.admin-report-ranking-table th:nth-child(2){width:31%}.admin-report-ranking-table th:nth-child(6){width:92px}.admin-report-ranking-table th:nth-child(7){width:42px}.admin-report-ranking-table time{color:#64748b;white-space:nowrap;font-size:10px;font-weight:600}.admin-ranking-detail{color:#2563eb;background:#f8fbff;border:1px solid #dbeafe;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,background .15s;display:inline-flex}.admin-ranking-detail:hover{background:#eff6ff;text-decoration:none;transform:translateY(-1px)}.admin-ranking-empty{color:#94a3b8;justify-content:center;align-items:center;min-height:110px;font-size:11px;display:flex}.admin-ranking-pagination{color:#94a3b8;justify-content:space-between;align-items:center;padding-top:8px;font-size:9px;display:flex}.admin-ranking-pagination>div{align-items:center;gap:6px;display:flex}.admin-ranking-pagination button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbe5f2;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.admin-ranking-pagination button:disabled{color:#cbd5e1;cursor:not-allowed}.admin-ranking-pagination strong{color:#475569;font-size:10px}.admin-content:has(.admin-reports-page) .admin-report-ranking-table th{color:#7c8ba1;background:#f8fafc;height:38px;padding-top:0;padding-bottom:0}.admin-content:has(.admin-reports-page) .admin-report-ranking-table td{border-bottom-color:#eaf0f6;height:54px}.admin-report-ranking-table tbody tr{transition:background-color .18s}.admin-report-ranking-table tbody tr:hover td{background:#f6f9ff}.admin-report-story-cell>strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.admin-report-story-cell .admin-status-pill{width:fit-content;margin-top:5px!important;display:inline-flex!important}.admin-report-category-pill,.admin-report-metric{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;font-weight:700;line-height:1;margin:0!important;display:inline-flex!important}.admin-report-category-pill{background:#eff6ff;padding:6px 9px;color:#2563eb!important;font-size:10px!important}.admin-report-metric{border:1px solid #0000;gap:5px;padding:6px 9px;font-size:11px!important}.admin-report-metric svg{font-size:10px}.admin-report-metric.chapter{background:#f8fbff;border-color:#dbeafe;color:#2563eb!important}.admin-report-metric.views{background:#f0fdf4;border-color:#bbf7d0;color:#059669!important}.admin-report-ranking-table tbody tr:first-child .admin-report-story-cell>strong{color:#9a6700}.admin-rank-badge{box-sizing:border-box;color:#64748b;text-align:center;text-indent:0;background:linear-gradient(145deg,#fff,#eef3f8);border:1px solid #dbe5f2;border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;line-height:28px;transition:transform .18s,box-shadow .18s;display:inline-grid;box-shadow:0 3px 8px #0f172a14;padding:0!important}.admin-rank-badge.top1{color:#a16207;background:linear-gradient(145deg,#fffbea,#fde68a);border-color:#facc15;box-shadow:0 4px 10px #eab30833}.admin-rank-badge.top2{color:#475569;background:linear-gradient(145deg,#fff,#dfe7f0);border-color:#cbd5e1}.admin-rank-badge.top3{color:#c2410c;background:linear-gradient(145deg,#fffaf5,#fed7aa);border-color:#fdba74;box-shadow:0 4px 10px #ea580c21}.admin-report-ranking-table tbody tr:hover .admin-rank-badge{transform:translateY(-1px)scale(1.06);box-shadow:0 6px 14px #2563eb29}.admin-ranking-row{cursor:pointer;outline:none}.admin-ranking-row:focus-visible td{background:#eff6ff;box-shadow:inset 0 2px #2563eb,inset 0 -2px #2563eb}button.admin-ranking-detail{cursor:pointer;padding:0;font-family:inherit}.admin-report-ranking-table th:first-child,.admin-report-ranking-table td:first-child{text-align:center;vertical-align:middle;width:58px;min-width:58px;padding-left:0!important;padding-right:0!important}.admin-report-ranking-table td:first-child .admin-rank-badge{margin-left:auto;margin-right:auto}.admin-ranking-modal{border:1px solid #dbe5f2;max-width:560px}.admin-ranking-modal .admin-modal-head{align-items:flex-start}.admin-ranking-modal .admin-modal-head p{color:#2563eb;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:800}.admin-ranking-modal .admin-modal-head h3{max-width:440px;font-size:19px;line-height:1.3}.admin-ranking-modal-body{flex-direction:column;gap:16px;padding:18px 20px;display:flex}.admin-ranking-modal-rank{background:linear-gradient(135deg,#f8fbff,#eff6ff);border:1px solid #dbeafe;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-ranking-modal-rank .admin-rank-badge{width:38px;height:38px;font-size:15px;line-height:38px}.admin-ranking-modal-rank small,.admin-ranking-modal-rank strong{display:block}.admin-ranking-modal-rank small{color:#64748b;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700}.admin-ranking-modal-rank strong{color:#0f172a;font-size:15px}.admin-ranking-modal-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.admin-ranking-modal-stats>div{background:#fff;border:1px solid #e7edf5;border-radius:10px;padding:11px 12px}.admin-ranking-modal-stats>div.wide{grid-column:1/-1}.admin-ranking-modal-stats dt{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800}.admin-ranking-modal-stats dd{color:#1e293b;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:750;display:flex}.admin-ranking-modal-stats dd svg{color:#2563eb}.admin-ranking-modal-footer{border-top:1px solid #edf2f7;justify-content:flex-end;gap:9px;padding:13px 20px;display:flex}.admin-ranking-modal-footer>a{color:#fff;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:12px;font-weight:800;text-decoration:none;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex}.admin-ranking-modal-footer>a:hover{color:#fff;background:#1d4ed8;text-decoration:none;transform:translateY(-1px);box-shadow:0 7px 16px #2563eb38}@media (max-width:560px){.admin-ranking-modal-stats{grid-template-columns:1fr}.admin-ranking-modal-stats>div.wide{grid-column:auto}}.admin-reports-right{flex-direction:column;gap:12px;min-height:0;display:flex;overflow:hidden}.admin-category-bars{flex-direction:column;gap:8px;margin-top:4px;display:flex}.admin-category-bar-row{grid-template-columns:84px 1fr 54px;align-items:center;gap:8px;display:grid}.admin-category-bar-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.admin-category-bar-track{background:#f1f5f9;border-radius:999px;height:8px;overflow:hidden}.admin-category-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;min-width:4px;height:100%}.admin-category-bar-count{color:#64748b;text-align:right;font-size:11px;font-weight:700}.admin-report-side-panel .admin-panel-head{margin-bottom:8px}.admin-report-side-panel .admin-panel-head>svg{color:#94a3b8;font-size:13px}.admin-recent-users{flex-direction:column;flex:1;gap:7px;margin-top:2px;display:flex;overflow-y:auto}.admin-recent-user-row{grid-template-columns:30px 1fr auto;align-items:center;gap:8px;display:grid}.admin-recent-user-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:inline-flex}.admin-recent-user-row>div{min-width:0}.admin-recent-user-row>div strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.admin-recent-user-row>div span{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.admin-recent-user-row>div small{color:#94a3b8;margin-top:1px;font-size:9px;display:block}.admin-recent-user-flags{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.admin-user-state,.admin-user-provider{white-space:nowrap;border-radius:999px;width:fit-content;padding:3px 6px;font-size:8px;font-weight:800;display:inline-flex}.admin-user-state.active{color:#059669;background:#ecfdf5}.admin-user-state.disabled{color:#dc2626;background:#fef2f2}.admin-user-state.online{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;box-shadow:0 0 0 3px #10b98112}.admin-user-state.offline{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.admin-user-provider{color:#2563eb;background:#eff6ff}.admin-reader-insights-panel{padding:14px 16px}.admin-reader-insights-panel .admin-panel-head{margin-bottom:10px}.admin-reader-insights-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.admin-reader-insights-grid article{background:#fbfdff;border:1px solid #e7edf5;border-radius:9px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.admin-reader-insights-grid article>svg{box-sizing:content-box;color:#2563eb;background:#eff6ff;border-radius:7px;padding:8px}.admin-reader-insights-grid article div{min-width:0}.admin-reader-insights-grid small,.admin-reader-insights-grid span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;display:block;overflow:hidden}.admin-reader-insights-grid strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-size:12px;display:block;overflow:hidden}.admin-report-affiliate-panel{grid-template-columns:minmax(140px,.8fr) 1fr;align-items:center;gap:12px;flex:none!important;display:grid!important}.admin-report-affiliate-title{align-items:center;gap:9px;display:flex}.admin-report-affiliate-title>span{color:#4f46e5;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.admin-report-affiliate-title small{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.admin-report-affiliate-title strong{color:#0f172a;font-size:12px;display:block}.admin-report-affiliate-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px;display:grid}.admin-report-affiliate-stats>div{border-left:1px solid #e2e8f0;padding:0 9px}.admin-report-affiliate-stats strong{color:#0f172a;font-size:13px;display:block}.admin-report-affiliate-stats span{color:#94a3b8;text-transform:uppercase;font-size:8px;font-weight:700;display:block}.admin-report-affiliate-stats .is-active{color:#059669;font-size:10px}.admin-report-affiliate-stats .is-off{color:#dc2626;font-size:10px}.admin-report-clickable{cursor:pointer;outline:none;transition:transform .18s,border-color .18s,box-shadow .18s}.admin-report-clickable:hover,.admin-report-clickable:focus-visible{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 10px 24px #2563eb1f}.admin-report-clickable .admin-panel-head>svg{transition:color .18s,transform .18s}.admin-report-clickable:hover .admin-panel-head>svg{color:#2563eb;transform:scale(1.08)}.admin-report-detail-modal{border:1px solid #dbe5f2;max-width:680px}.admin-report-detail-modal .admin-modal-head{align-items:flex-start}.admin-report-detail-modal .admin-modal-head p{color:#2563eb;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:800}.admin-report-detail-modal .admin-modal-head h3{font-size:20px;line-height:1.25}.admin-report-detail-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;max-height:min(560px,68vh);padding:16px 18px;overflow-y:auto}.admin-report-category-details,.admin-report-user-details{flex-direction:column;gap:8px;display:flex}.admin-report-category-details article{border:1px solid #e7edf5;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:11px 12px;display:grid}.admin-report-category-details article>div:first-child strong,.admin-report-category-details article>div:first-child span{display:block}.admin-report-category-details article>div:first-child strong{color:#0f172a;font-size:13px}.admin-report-category-details article>div:first-child span{color:#64748b;margin-top:2px;font-size:10px}.admin-report-category-details article>b{color:#2563eb;font-size:14px}.admin-report-category-details article>.admin-category-bar-track{grid-column:1/-1;width:100%}.admin-report-user-details article{border:1px solid #e7edf5;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.admin-report-user-details article>div{min-width:0}.admin-report-user-details article strong,.admin-report-user-details article a,.admin-report-user-details article p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-report-user-details article strong{color:#0f172a;font-size:13px}.admin-report-user-details article a{color:#2563eb;margin-top:2px;font-size:11px;text-decoration:none}.admin-report-user-details article p{color:#94a3b8;margin:3px 0 0;font-size:10px}.admin-report-user-details article aside{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.admin-report-user-details article aside small{color:#94a3b8;font-size:9px}.admin-report-affiliate-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-report-affiliate-details article{background:#fbfdff;border:1px solid #e7edf5;border-radius:11px;flex-direction:column;justify-content:center;min-height:78px;padding:12px 14px;display:flex}.admin-report-affiliate-details article.wide{grid-column:1/-1}.admin-report-affiliate-details article span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:700}.admin-report-affiliate-details article strong{color:#0f172a;margin-top:5px;font-size:18px}.admin-report-affiliate-details article strong.is-active{color:#059669}.admin-report-affiliate-details article strong.is-off{color:#dc2626}@media (max-width:600px){.admin-report-user-details article{grid-template-columns:36px minmax(0,1fr)}.admin-report-user-details article aside{flex-direction:row;grid-column:2;align-items:flex-start}.admin-report-affiliate-details{grid-template-columns:1fr}.admin-report-affiliate-details article.wide{grid-column:auto}}@media (min-width:1301px) and (min-height:800px){body:has(.admin-reports-page){overflow:hidden}:is(.admin-shell:has(.admin-reports-page),.admin-main:has(.admin-reports-page)){height:100vh;min-height:0;overflow:hidden}.admin-content:has(.admin-reports-page){flex:none;height:calc(100vh - 62px);min-height:0;overflow:hidden}.admin-content:has(.admin-reports-page) .admin-reports-page{grid-template-rows:auto auto auto auto minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.admin-content:has(.admin-reports-page) .admin-reports-grid{height:100%;min-height:0;overflow:hidden}.admin-content:has(.admin-reports-page) .admin-report-ranking-panel{min-height:0;overflow:hidden}.admin-content:has(.admin-reports-page) .admin-report-ranking-panel .admin-table-wrap{flex:1;min-height:0;overflow:auto}.admin-content:has(.admin-reports-page) .admin-reports-right{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr);gap:10px;min-height:0;display:grid;overflow:hidden}.admin-content:has(.admin-reports-page) .admin-report-side-panel{min-width:0;min-height:0;overflow:hidden}:is(.admin-content:has(.admin-reports-page) .admin-report-side-panel .admin-category-bars,.admin-content:has(.admin-reports-page) .admin-report-side-panel .admin-recent-users){scrollbar-width:thin;scrollbar-color:#dbe5f2 transparent;min-height:0;overflow-y:auto}.admin-content:has(.admin-reports-page) .admin-report-affiliate-panel{grid-column:1/-1;grid-template-columns:150px minmax(0,1fr);min-height:88px}.admin-content:has(.admin-reports-page) .admin-report-affiliate-stats{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:9px}.admin-content:has(.admin-reports-page) .admin-report-affiliate-stats>div:nth-child(5){border-left:1px solid #e2e8f0}.admin-content:has(.admin-reports-page) .admin-reader-insights-panel{padding-top:11px;padding-bottom:11px}.admin-content:has(.admin-reports-page) .admin-reader-insights-grid article{padding-top:7px;padding-bottom:7px}}@media (max-width:1300px){body:has(.admin-reports-page){overflow:auto}:is(.admin-shell:has(.admin-reports-page),.admin-main:has(.admin-reports-page)){height:auto;min-height:100vh;overflow:visible}.admin-content:has(.admin-reports-page){flex:1;height:auto;overflow:visible}.admin-content:has(.admin-reports-page) .admin-reports-page{flex-direction:column;height:auto;display:flex;overflow:visible}.admin-report-kpi-grid,.admin-reader-insights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1050px){.admin-content:has(.admin-reports-page) .admin-reports-grid{grid-template-columns:1fr}.admin-reports-right{overflow:visible}}@media (max-width:900px){body:has(.admin-reports-page){overflow:auto}:is(.admin-shell:has(.admin-reports-page),.admin-main:has(.admin-reports-page)){height:auto;overflow:auto}.admin-content:has(.admin-reports-page){flex:1;height:auto;overflow:auto}.admin-content:has(.admin-reports-page) .admin-reports-page{flex-direction:column;height:auto;display:flex}.admin-content:has(.admin-reports-page) .admin-reports-grid{grid-template-columns:1fr}.admin-report-chart-actions{flex-direction:column;align-items:flex-end;gap:5px}}@media (max-width:640px){.admin-content:has(.admin-reports-page){padding:12px}.admin-report-hero{flex-direction:column;align-items:flex-start;gap:8px}.admin-report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-report-chart-head{align-items:flex-start}.admin-chart-summary{display:none}.admin-report-bar-chart.range-7{padding:0}.admin-report-ranking-table{min-width:680px}.admin-report-affiliate-panel{grid-template-columns:1fr}.admin-report-affiliate-stats>div:first-child{border-left:0}.admin-reader-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-nav-group{flex-direction:column;gap:2px;display:flex}.admin-nav-group+.admin-nav-group{margin-top:10px}.admin-nav-group-label{color:#475569;letter-spacing:.08em;text-transform:uppercase;padding:0 12px 4px;font-size:9px;font-weight:800}.admin-sidebar-footer .admin-logout{color:#fca5a5;background:#dc262614;border:1px solid #f871712e;justify-content:center}.admin-sidebar-footer .admin-logout:hover{color:#fecaca;background:#dc262626;border-color:#f871714d}.admin-topbar-icon{color:#475569;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.admin-topbar-icon:hover{color:#2563eb;background:#f8fafc;text-decoration:none}.admin-topbar-actions .notification-bell{display:flex}.admin-global-search-page{flex-direction:column;gap:18px;display:flex}.admin-global-search-form{background:#fff;border:1px solid #dbe5f2;border-radius:11px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px 9px 14px;display:grid}.admin-global-search-form svg{color:#94a3b8}.admin-global-search-form input{border:0;outline:0;min-width:0;font-size:14px}.admin-global-search-form button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;height:36px;padding:0 16px;font-weight:700}.admin-search-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-search-results .admin-panel{min-width:0;padding:18px}.admin-search-results .admin-panel-head{margin-bottom:10px}.admin-search-results .admin-panel-head>svg{color:#94a3b8}.admin-search-results .admin-panel>a{color:#0f172a;border-bottom:1px solid #eef2f7;min-width:0;padding:10px 0;display:block}.admin-search-results .admin-panel>a:hover{color:#2563eb;text-decoration:none}.admin-search-results a strong,.admin-search-results a span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-search-results a strong{font-size:12px}.admin-search-results a span{color:#94a3b8;margin-top:3px;font-size:10px}.admin-search-empty{color:#94a3b8;background:#fff;border:1px dashed #dbe5f2;border-radius:12px;justify-content:center;align-items:center;min-height:240px;display:flex}@media (max-width:1050px){.admin-search-results{grid-template-columns:1fr}}body:has(.admin-settings-page){overflow:hidden}:is(.admin-shell:has(.admin-settings-page),.admin-main:has(.admin-settings-page)){height:100vh;min-height:0;overflow:hidden}.admin-content:has(.admin-settings-page){box-sizing:border-box;flex:none;height:calc(100vh - 62px);min-height:0;padding:16px 22px;overflow:hidden}.admin-content:has(.admin-settings-page) .admin-settings-page{grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;min-height:0;display:grid;overflow:hidden}.admin-content:has(.admin-settings-page) .admin-hero h2{margin-bottom:2px;font-size:22px}.admin-content:has(.admin-settings-page) .admin-hero p{font-size:12px}.admin-content:has(.admin-settings-page) .admin-panel{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.admin-settings-form{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex-direction:column;flex:1;gap:24px;min-height:0;padding:20px;display:flex;overflow-y:auto}.admin-settings-section h3{color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;margin:0 0 14px;padding-bottom:8px;font-size:13px;font-weight:800}.admin-settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-settings-grid label{flex-direction:column;gap:6px;display:flex}.admin-settings-grid label.admin-settings-full{grid-column:1/-1}.admin-settings-grid label>span,.admin-settings-logo-row>span{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.admin-settings-grid input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;height:40px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.admin-settings-grid input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.admin-settings-logo-row{flex-direction:column;gap:8px;display:flex}.admin-settings-logo-body{align-items:center;gap:12px;display:flex}.admin-settings-logo-preview{object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-width:120px;height:40px;padding:4px}.admin-settings-logo-empty{color:#94a3b8;border:1.5px dashed #e2e8f0;border-radius:8px;align-items:center;height:40px;padding:0 14px;font-size:12px;display:flex}.admin-settings-color-row{align-items:center;gap:10px;display:flex}.admin-settings-color-input{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;width:40px;height:40px;padding:4px}.admin-settings-color-hint{color:#64748b;font-size:12px}.admin-settings-footer{justify-content:flex-end;padding-top:4px;display:flex}@media (max-width:900px){body:has(.admin-settings-page){overflow:auto}:is(.admin-shell:has(.admin-settings-page),.admin-main:has(.admin-settings-page)){height:auto;overflow:auto}.admin-content:has(.admin-settings-page){flex:1;height:auto;overflow:auto}.admin-content:has(.admin-settings-page) .admin-settings-page{height:auto;display:flex}.admin-settings-grid{grid-template-columns:1fr}}.favorite-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d7dfec}.favorite-button:hover,.favorite-button.active{color:#dc2626;background:#fff1f2;border-color:#ef4444}.favorite-button:disabled{cursor:wait;opacity:.7}.reading-history-empty{text-align:center;color:#64748b;padding:32px 20px}.reading-history-empty h3{color:#0f172a;margin:0 0 8px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body{color:#e2e8f0;background:#12151e}[data-theme=dark] .site-header{background:#12151ef7;border-bottom-color:#1e2235}[data-theme=dark] .main-nav a,[data-theme=dark] .main-nav .nav-dropdown-trigger{color:#cbd5e1}[data-theme=dark] .category-dropdown{background:#1c2033;border-color:#2a2f45;box-shadow:0 18px 40px #00000073}[data-theme=dark] .category-dropdown a{color:#cbd5e1;background:#242840}[data-theme=dark] .search-box{color:#94a3b8;background:#1e2235;border-color:#2a2f45}[data-theme=dark] .search-box:focus-within{border-color:var(--site-primary);background:#242840}[data-theme=dark] .search-box input{color:#e2e8f0}[data-theme=dark] .search-box input::placeholder{color:#4b5675}[data-theme=dark] .header-icon,[data-theme=dark] .header-icon-link,[data-theme=dark] .notification-trigger{color:#94a3b8}[data-theme=dark] .notification-trigger:hover{background:#1e2235}[data-theme=dark] .notification-dropdown{background:#1c2033;border-color:#2a2f45}[data-theme=dark] .notification-head{border-bottom-color:#2a2f45}[data-theme=dark] .notification-head strong{color:#e2e8f0}[data-theme=dark] .notification-item{border-bottom-color:#1e2235}[data-theme=dark] .notification-item:hover{background:#1e2235}[data-theme=dark] .notification-item.unread{background:#1a2340}[data-theme=dark] .notification-badge{border-color:#12151e}[data-theme=dark] .recommend-card:hover{background:#242840;border-color:#3b5bdb}[data-theme=dark] .section-heading,[data-theme=dark] .home-main-section .section-heading{border-bottom-color:#1e2235}[data-theme=dark] .story-card{color:#e2e8f0}[data-theme=dark] .story-card:hover{color:#93c5fd}[data-theme=dark] .story-cover-wrap{background:#1e2235;border-color:#2a2f45}[data-theme=dark] .story-card:hover .story-cover-wrap{border-color:#3b5bdb}[data-theme=dark] .ranking-box,[data-theme=dark] .category-box,[data-theme=dark] .completed-box{background:#1c2033;border-color:#2a2f45}[data-theme=dark] .ranking-item{border-bottom-color:#2a2f45}[data-theme=dark] .category-box a{color:#cbd5e1;background:#242840}[data-theme=dark] .completed-item{border-color:#2a2f45}[data-theme=dark] .completed-item:hover{background:#1e2235;border-color:#3b5bdb}[data-theme=dark] .completed-item h4,[data-theme=dark] .reading-history-empty h3{color:#e2e8f0}[data-theme=dark] .story-detail-frame{background:#12151e;border-color:#ffffff0f}[data-theme=dark] .story-main-info,[data-theme=dark] .chapter-panel,[data-theme=dark] .related-box{background:#1c2033;border-color:#2a2f45}[data-theme=dark] .story-summary{border-color:#2a2f45}[data-theme=dark] .story-summary p{color:#cbd5e1}[data-theme=dark] .chapter-list{border-top-color:#2a2f45}[data-theme=dark] .chapter-row:hover{color:#93c5fd}[data-theme=dark] .chapter-row small{color:#64748b}[data-theme=dark] .related-item{color:#e2e8f0;border-bottom-color:#2a2f45}[data-theme=dark] .related-item p,[data-theme=dark] .story-breadcrumb{color:#94a3b8}[data-theme=dark] .reader-container{color:#d1d5db;background:#1c2033}[data-theme=dark] .reader-content,[data-theme=dark] .reader-content p{color:#d1d5db}[data-theme=dark] .reader-head{border-bottom-color:#2a2f45}[data-theme=dark] .reader-head p,[data-theme=dark] .reader-head span{color:#94a3b8}[data-theme=dark] .reader-nav a{color:#cbd5e1;background:#242840;border-color:#2a2f45}[data-theme=dark] .reader-nav a:hover{color:#93c5fd;background:#2a2f45}[data-theme=dark] .reader-toolbar{background:#12151ef7;border-bottom-color:#1e2235}[data-theme=dark] .auth-page,[data-theme=dark] .secure-auth-page{background:#0d0f16}[data-theme=dark] .auth-card,[data-theme=dark] .secure-card{background:#1c2033;border-color:#2a2f45}[data-theme=dark] .auth-card h1{color:#93c5fd}[data-theme=dark] .auth-card label,[data-theme=dark] .secure-field label{color:#cbd5e1}[data-theme=dark] .auth-card .form-control{color:#e2e8f0;background:#242840;border-color:#2a2f45}[data-theme=dark] .auth-card .form-control:focus{border-color:var(--site-primary);background:#2a2f45}[data-theme=dark] .auth-divider-simple span{background:#2a2f45}[data-theme=dark] .auth-social-buttons button{color:#e2e8f0;background:#242840;border-color:#2a2f45}[data-theme=dark] .auth-card .auth-switch{color:#94a3b8}[data-theme=dark] .profile-page{background:#12151e}[data-theme=dark] .profile-card,[data-theme=dark] .profile-section{background:#1c2033;border-color:#2a2f45}[data-theme=dark] .profile-section-head{border-bottom-color:#2a2f45}[data-theme=dark] .profile-section-head h2{color:#e2e8f0}[data-theme=dark] .updates-page,[data-theme=dark] .catalog-page,[data-theme=dark] .search-page{background:#12151e}[data-theme=dark] .update-item{background:#1c2033;border-color:#2a2f45}[data-theme=dark] .update-item:hover{border-color:#3b5bdb}[data-theme=dark] .update-info p{color:#94a3b8}[data-theme=dark] .site-footer{background:#0a0c14}.theme-toggle-btn{font-size:15px}[data-theme=dark] .theme-toggle-btn{color:#fbbf24}[data-theme=dark] .theme-toggle-btn:hover{color:#fde68a}@media (max-width:991px){.hero-section .row{flex-direction:column}.hero-section .col-lg-8,.hero-section .col-lg-4{flex:none;width:100%;max-width:100%}.hero-slider{min-height:300px}.hero-slider-content{padding:120px 20px 28px}.hero-slider-content h1{font-size:20px}.side-title{margin-top:20px;font-size:14px}.recommend-card img{width:48px;height:64px}.home-main-section .story-cover-wrap{height:240px}.section-heading h2{font-size:20px}.story-detail-page .story-hero{grid-template-columns:140px 1fr;gap:16px;padding:16px}.story-cover img{height:200px}.story-detail-page .story-main-info h1{font-size:14px}.story-detail-page .story-actions{flex-wrap:wrap}.story-detail-page .story-content-grid{grid-template-columns:1fr}.reader-container{padding:20px 18px 32px}.reader-head h1{font-size:15px}.reader-nav{gap:6px}.reader-nav a{min-height:32px;padding:0 10px;font-size:11px}.reader-floating-tools{bottom:16px;right:12px}.profile-shell{flex-direction:column!important}.catalog-story-grid,.updates-grid{grid-template-columns:repeat(3,1fr)!important}.chapter-select-wrap{width:100%}}@media (max-width:575px){.search-box,.header-actions{display:none}.hero-slider{border-radius:10px;min-height:240px}.hero-slider-content{padding:100px 16px 22px}.hero-slider-content h1{font-size:17px}.hero-slider-content p{display:none}.hero-actions .btn{padding:7px 12px;font-size:12px}.hero-dots{bottom:12px;left:16px}.recommend-card{gap:8px;padding:8px}.recommend-card h4{font-size:12px}.latest-grid{row-gap:12px}.home-main-section .story-cover-wrap{height:180px}.story-card h3{margin:8px 0 2px;font-size:12px}.story-card p,.story-card strong{font-size:10px}.completed-box.completed-wide-box{padding:16px}.aff-product-card{gap:8px;padding:8px}.story-detail-page{padding:16px 0 40px}.story-detail-page .story-hero{grid-template-columns:1fr;padding:14px}.story-cover{max-width:140px;margin:0 auto}.story-cover img{height:180px}.story-detail-page .story-main-info h1{font-size:15px}.story-tags span{padding:2px 8px;font-size:10px}.story-meta{gap:8px;font-size:11px}.story-detail-page .story-actions .btn{padding:6px 10px;font-size:11px}.chapter-panel{padding:14px}.story-detail-page .chapter-panel-header h2{font-size:13px}.story-detail-page .chapter-row{padding:8px 6px;font-size:12px}.reader-page{padding:16px 8px 60px}.reader-container{border-radius:12px;padding:16px 14px 28px}.reader-breadcrumb{gap:4px;font-size:11px}.reader-head{margin-bottom:14px;padding-bottom:14px}.reader-head p{font-size:10px}.reader-head h1{font-size:14px}.reader-content{line-height:1.85;font-size:16px!important}.reader-nav a{min-height:30px;padding:0 8px;font-size:11px}.chapter-select-wrap{width:100%}.chapter-select-trigger{padding:8px 12px;font-size:12px}.chapter-select-option{padding:7px 8px;font-size:12px}.reader-floating-tools{gap:4px;padding:4px 8px}.reader-floating-tools button{width:28px;height:28px;font-size:11px}.reader-floating-tools span{min-width:30px;font-size:11px}.profile-user-card{padding:20px 16px}.profile-stats{grid-template-columns:1fr;gap:8px}.profile-menu{gap:6px}.search-page-container{padding:0 12px}.catalog-story-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.catalog-story-card img{height:160px}.updates-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.update-cover{aspect-ratio:3/4}.section-heading h2{font-size:18px}.section-heading>a{padding:4px 10px;font-size:11px}.footer-main{grid-template-columns:1fr;gap:24px}.footer-bottom{text-align:center;flex-direction:column;gap:8px;font-size:11px}.aff-card{width:min(340px,100vw - 24px)}.aff-locked-screen-box{padding:28px 20px}.aff-locked-screen-box h2{font-size:17px}.aff-locked-screen-box p{font-size:13px}.reading-modal{border-radius:12px 12px 0 0;align-self:flex-end;width:100%}.reading-modal-backdrop{align-items:flex-end;padding:0}}@media (max-width:400px){.hero-slider-content h1{font-size:15px}.brand{font-size:18px}.story-cover-wrap,.home-main-section .story-cover-wrap{height:160px}.reader-content{font-size:15px!important}}.reader-blurred{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .3s}.aff-locked-screen{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ab3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.aff-locked-screen-box{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:40px 36px;box-shadow:0 32px 80px #00000040}.aff-locked-screen-icon{color:#f59e0b;margin-bottom:16px;font-size:40px}.aff-locked-screen-box h2{color:#0f172a;margin-bottom:12px;font-size:20px;font-weight:800}.aff-locked-screen-box p{color:#64748b;margin-bottom:24px;font-size:14px;line-height:1.7}.aff-locked-screen-btn{background:var(--site-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px 28px;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex}.aff-locked-screen-btn:hover{opacity:.88;transform:translateY(-2px)}[data-theme=dark] .aff-locked-screen-box{background:#1c2033}[data-theme=dark] .aff-locked-screen-box h2{color:#e2e8f0}.reader-shell{--reader-font-size:18px}.reader-page{min-height:calc(100vh - 68px);padding:32px 16px 80px}.reader-container{background:#fffffff2;border:1px solid #e5d6c8;border-radius:16px;width:min(100%,740px);margin:0 auto;padding:32px 40px 40px;box-shadow:0 8px 32px #0f172a14}.reader-dark .reader-container{background:#111827f5;border-color:#94a3b833}.reader-breadcrumb{color:#94a3b8;gap:6px;margin-bottom:20px;font-size:12px}.reader-breadcrumb a{color:var(--site-primary)}.reader-head{text-align:center;border-bottom:1px solid #f1f0ec;margin-bottom:20px;padding-bottom:20px}.reader-head p{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:8px;font-size:11px;font-weight:600}.reader-head h1{color:#0f172a;margin-bottom:6px;font-size:18px;font-weight:800;line-height:1.4}.reader-dark .reader-head h1{color:#f1f5f9}.reader-head span{color:#94a3b8;font-size:12px}.reader-nav{gap:10px;margin:16px 0}.reader-nav a,.reader-nav span{min-height:36px}.reader-nav a{color:var(--site-primary);border:1px solid #e2e8f0;border-radius:8px;padding:0 14px;font-size:12px;font-weight:700;transition:background .18s,color .18s,border-color .18s,transform .18s}.reader-nav a:hover{background:var(--site-primary);color:#fff;border-color:var(--site-primary);transform:translateY(-2px)}.reader-content{font-size:var(--reader-font-size);color:#1e293b;padding:8px 0 24px;line-height:1.95}.reader-dark .reader-content{color:#e2e8f0}.reader-content p{text-indent:1.5em;margin-bottom:18px}.reader-floating-tools{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:40px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:fixed;bottom:32px;right:24px;box-shadow:0 8px 24px #0f172a1f}.reader-dark~.reader-floating-tools,.reader-shell.reader-dark .reader-floating-tools{background:#1e293b;border-color:#334155}.reader-floating-tools button{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:background .15s,color .15s;display:flex}.reader-floating-tools button:hover{color:var(--site-primary);background:#f1f5f9}.reader-floating-tools span{color:#475569;text-align:center;min-width:36px;font-size:12px;font-weight:700}[data-theme=dark] .reader-page{background:#0d1117}[data-theme=dark] .reader-container{background:#0f1624fa;border-color:#1e2a3a}[data-theme=dark] .reader-head h1{color:#f1f5f9}[data-theme=dark] .reader-content{color:#d1d5db}[data-theme=dark] .reader-floating-tools{background:#1e293b;border-color:#334155}[data-theme=dark] .reader-floating-tools button{color:#94a3b8}[data-theme=dark] .reader-floating-tools button:hover{color:#93c5fd;background:#334155}[data-theme=dark] .reader-floating-tools span{color:#94a3b8}@media (max-width:768px){.reader-container{padding:20px 20px 32px}.reader-head h1{font-size:16px}.reader-floating-tools{bottom:16px;right:12px}}.story-detail-page{background:#f4f6fb;padding:24px 0 80px}.detail-container{max-width:1140px;margin:0 auto;padding:0 16px}.story-breadcrumb{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;font-size:12px;display:flex}.story-breadcrumb a{color:var(--site-primary)}.story-breadcrumb strong{color:#0f172a;font-weight:600}.story-hero{background:#fff;border:1px solid #e8eef6;border-radius:16px;grid-template-columns:180px 1fr;align-items:start;gap:24px;margin-bottom:20px;padding:24px;display:grid;box-shadow:0 2px 10px #0f172a0f}.story-cover img{object-fit:cover;border-radius:10px;width:100%;height:250px;box-shadow:0 8px 24px #0f172a2e}.story-main-info{background:0 0;border:none;padding:0}.story-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.story-tags span{color:var(--site-primary);background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.story-tags span:first-child{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.story-detail-page .story-main-info h1{color:#0f172a;margin-bottom:8px;font-size:19px;font-weight:800;line-height:1.35}.story-meta{color:#64748b;flex-wrap:wrap;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.story-meta span{align-items:center;gap:4px;display:flex}.story-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.story-detail-page .story-actions .btn{border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.story-summary{background:#f8fafc;border:1px solid #e8eef6;border-radius:10px;padding:12px 14px}.story-detail-page .story-summary h2{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px;font-weight:700}.story-detail-page .story-summary p,.story-detail-page .story-summary-content{color:#475569;margin:0;font-size:13px;line-height:1.65}.story-content-grid{grid-template-columns:1fr 280px;align-items:start;gap:20px;display:grid}.chapter-panel{background:#fff;border:1px solid #e8eef6;border-radius:16px;padding:20px;box-shadow:0 2px 10px #0f172a0f}.chapter-panel-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;display:flex}.story-detail-page .chapter-panel-header h2{color:#0f172a;margin:0;font-size:15px;font-weight:800}.chapter-panel-header span{color:#94a3b8;font-size:11px;font-weight:500}.chapter-list{border-top:none}.story-detail-page .chapter-row{color:#334155;border-bottom:1px solid #f1f5f9;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 8px;font-size:14px;transition:background .15s,color .15s,transform .2s;display:flex}.chapter-row:hover{color:var(--site-primary);background:#f8fafc;transform:translate(4px)}.story-detail-page .chapter-row small{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:12px}.chapter-index{display:none}.chapter-title{min-width:0}.chapter-title strong{font-weight:inherit}.story-sidebar{flex-direction:column;gap:16px;display:flex}.related-box{background:#fff;border:1px solid #e8eef6;border-radius:16px;padding:18px;box-shadow:0 2px 10px #0f172a0f}.story-detail-page .related-box h2{color:#0f172a;border-bottom:1px solid #f1f5f9;margin-bottom:14px;padding-bottom:10px;font-size:14px;font-weight:800}.related-item{color:#0f172a;border-bottom:1px solid #f8fafc;gap:12px;padding:10px 0;transition:opacity .2s;display:flex}.related-item:last-child{border-bottom:none}.related-item:hover{opacity:.8}.related-item img{object-fit:cover;border-radius:6px;flex-shrink:0;width:56px;height:74px}.related-item h3{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12.5px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.related-item p{color:#94a3b8;margin:0 0 3px;font-size:11px}.related-item span{color:#f59e0b;font-size:11px;font-weight:600}[data-theme=dark] .story-detail-page{background:#0d0f18}[data-theme=dark] .story-hero,[data-theme=dark] .chapter-panel,[data-theme=dark] .related-box{background:#1a1d2e;border-color:#252a3d}[data-theme=dark] .story-main-info h1,[data-theme=dark] .story-breadcrumb strong{color:#e2e8f0}[data-theme=dark] .story-summary{background:#161929;border-color:#252a3d}[data-theme=dark] .story-summary-content{color:#cbd5e1}[data-theme=dark] .chapter-panel-header h2{color:#e2e8f0}[data-theme=dark] .chapter-panel-header{border-bottom-color:#252a3d}[data-theme=dark] .chapter-row{color:#cbd5e1;border-bottom-color:#1e2235}[data-theme=dark] .chapter-row:hover{color:#93c5fd;background:#1e2235}[data-theme=dark] .related-box h2{color:#e2e8f0;border-bottom-color:#252a3d}[data-theme=dark] .related-item{border-bottom-color:#1e2235}[data-theme=dark] .related-item h3{color:#e2e8f0}@media (max-width:991px){.story-hero{grid-template-columns:150px 1fr}.story-content-grid{grid-template-columns:1fr}}@media (max-width:575px){.story-hero{grid-template-columns:1fr}.story-cover img{height:200px}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton-page{background:#f4f6fb;min-height:100vh}[data-theme=dark] .skeleton-page{background:#0d0f18}.skeleton-header,.skeleton-hero,.skeleton-card,.skeleton-cover,.skeleton-recommend,.skeleton-profile-card,.skeleton-menu,.skeleton-stats,.skeleton-section,.skeleton-line{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .skeleton-header,[data-theme=dark] .skeleton-hero,[data-theme=dark] .skeleton-card,[data-theme=dark] .skeleton-cover,[data-theme=dark] .skeleton-recommend,[data-theme=dark] .skeleton-profile-card,[data-theme=dark] .skeleton-menu,[data-theme=dark] .skeleton-stats,[data-theme=dark] .skeleton-section,[data-theme=dark] .skeleton-line{background:linear-gradient(90deg,#1e2235 25%,#252a3d 50%,#1e2235 75%) 0 0/200% 100%}.skeleton-header{border-radius:0;height:68px;margin-bottom:0}.skeleton-hero{border-radius:16px;height:420px}.skeleton-card{border-radius:14px;height:320px}.skeleton-cover{border-radius:10px;height:340px}.skeleton-recommend{border-radius:12px;height:76px;margin-bottom:10px}.skeleton-profile-card{border-radius:12px;height:220px;margin-bottom:12px}.skeleton-menu{border-radius:12px;height:120px}.skeleton-stats{border-radius:12px;height:100px;margin-bottom:20px}.skeleton-section{border-radius:12px;height:300px}.skeleton-line{border-radius:6px;height:20px}.skeleton-line.w30{width:30%}.skeleton-line.w40{width:40%}.skeleton-line.w50{width:50%}.skeleton-line.w60{width:60%}.skeleton-line.w70{width:70%}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mt24{margin-top:24px}.mt32{margin-top:32px}.avatar-edit-btn{background:var(--site-primary);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:background .2s,transform .2s;display:flex;position:absolute;bottom:4px;right:4px}.avatar-edit-btn:hover:not(:disabled){background:#1d4ed8;transform:scale(1.1)}.avatar-edit-btn.uploading{cursor:wait;background:#64748b}.spinning{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-error{white-space:nowrap;color:#dc2626;background:#fff;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;bottom:-28px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000001a}.search-page{background:#f4f6fb;min-height:100vh;padding:28px 0 80px}.search-page-container{width:min(100% - 40px,1140px);margin:0 auto}.search-bar-wrap{margin-bottom:28px}.search-page-form{background:#fff;border:2px solid #e2e8f0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:100%;min-height:52px;margin-bottom:10px;padding:0 8px 0 18px;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:0 2px 8px #0f172a0f}.search-page-form:focus-within{border-color:var(--site-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--site-primary) 10%, transparent)}.search-page-form svg{color:#94a3b8;font-size:15px}.search-page-form input{color:#0f172a;background:0 0;border:0;outline:0;min-width:0;font-size:15px}.search-page-form input::placeholder{color:#94a3b8}.search-page-form button{background:var(--site-primary);color:#fff;cursor:pointer;border:0;border-radius:10px;height:38px;padding:0 20px;font-size:13px;font-weight:700;transition:opacity .2s,transform .2s}.search-page-form button:hover{opacity:.88;transform:translateY(-1px)}.search-result-count{color:#64748b;margin:0;font-size:13px}.search-empty-hint{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.search-empty-hint svg{opacity:.3;font-size:40px}.search-empty-hint p{margin:0;font-size:15px}.search-empty-hint a{color:var(--site-primary);font-weight:600}.catalog-story-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.catalog-story-card{color:#0f172a;grid-template-columns:unset;gap:unset;min-height:unset;background:#fff;border:1px solid #e8eef6;border-radius:14px;flex-direction:column;padding:0;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.catalog-story-card:hover{color:#0f172a;border-color:#93c5fd;transform:translateY(-6px);box-shadow:0 18px 36px #0f172a21}.catalog-story-card img{object-fit:cover;border-radius:14px 14px 0 0;width:100%;height:220px;transition:transform .35s;display:block}.catalog-story-card:hover img{transform:scale(1.05)}.catalog-story-card>div{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.catalog-story-card span{color:var(--site-primary);background:#eff6ff;border-radius:20px;width:fit-content;margin-bottom:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.catalog-story-card h2{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.catalog-story-card:hover h2{color:var(--site-primary)}.catalog-story-card p{color:#94a3b8;margin:0;font-size:11px}.catalog-story-card small{color:#64748b;font-size:11px;font-weight:600}[data-theme=dark] .search-page{background:#0d0f18}[data-theme=dark] .search-result-count{color:#94a3b8}[data-theme=dark] .search-page-form{background:#1a1d2e;border-color:#252a3d}[data-theme=dark] .search-page-form input{color:#e2e8f0}[data-theme=dark] .catalog-story-card{color:#e2e8f0;background:#1a1d2e;border-color:#252a3d}[data-theme=dark] .catalog-story-card:hover{border-color:#4f6ef7}[data-theme=dark] .catalog-story-card h2{color:#e2e8f0}[data-theme=dark] .catalog-story-card:hover h2{color:#93c5fd}[data-theme=dark] .catalog-story-card span{color:#93c5fd;background:#1e2a4a}@media (max-width:1199px){.catalog-story-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:991px){.catalog-story-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:575px){.catalog-story-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.updates-page{background:#f4f6fb;padding:36px 0 72px}.updates-toolbar{margin-bottom:28px}.updates-toolbar h1{color:#0f172a;border-left:4px solid var(--site-primary);margin:0;padding-left:16px;font-size:24px;font-weight:800;line-height:1}.updates-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.update-card{color:#0f172a;background:#fff;border:1px solid #e8eef6;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.update-card:hover{color:#0f172a;border-color:#93c5fd;text-decoration:none;transform:translateY(-6px);box-shadow:0 18px 36px #0f172a21}.update-cover{aspect-ratio:3/4;background:#1e293b;border-radius:14px 14px 0 0;position:relative;overflow:hidden}.update-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.update-card:hover .update-cover img{transform:scale(1.06)}.update-cover:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 50%,#00000080 100%);position:absolute;inset:0}.update-cover span{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.3px;background:#00000080;border:1px solid #fff3;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700;transition:background .2s;position:absolute;top:10px;left:10px}.update-card:hover .update-cover span{background:var(--site-primary);border-color:#0000}.update-info{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.update-info h2{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0;font-size:14px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.update-card:hover .update-info h2{color:var(--site-primary)}.update-info>div{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.update-info p{color:var(--site-primary);margin:0;font-size:11px;font-weight:600}.update-info small{color:#94a3b8;white-space:nowrap;font-size:10px}[data-theme=dark] .updates-page{background:#0d0f18}[data-theme=dark] .updates-toolbar h1{color:#e2e8f0}[data-theme=dark] .update-card{color:#e2e8f0;background:#1a1d2e;border-color:#252a3d;box-shadow:0 2px 8px #0003}[data-theme=dark] .update-card:hover{color:#e2e8f0;border-color:#4f6ef7;box-shadow:0 18px 36px #0006}[data-theme=dark] .update-info h2{color:#e2e8f0}[data-theme=dark] .update-card:hover .update-info h2{color:#93c5fd}[data-theme=dark] .update-info small{color:#4b5675}@media (max-width:1199px){.updates-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:991px){.updates-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:575px){.updates-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.completed-box.completed-wide-box{background:#fff;border:1px solid #e8eef6;border-radius:16px;margin-top:32px;padding:20px 24px;box-shadow:0 2px 10px #0f172a0f}.completed-box.completed-wide-box>h2{margin-bottom:16px}.completed-box.completed-wide-box h2{color:#0f172a;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:800;display:flex}.completed-box.completed-wide-box h2:before{content:"✓";color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:inline-flex}.completed-box.completed-wide-box>p{display:none}.completed-item{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;min-height:auto;padding:12px 14px;text-decoration:none;transition:background .22s,border-color .22s,transform .22s;display:flex}.completed-item:hover{background:#ffffff1c;border-color:#22c55e66;transform:translateY(-3px);box-shadow:0 10px 24px #0000004d}.completed-item-cover{display:none}.completed-item-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.completed-item h4{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.completed-item p{color:#64748b;margin:0;font-size:11px}.completed-item small{color:#475569;font-size:11px}.completed-item>span{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:20px;flex-shrink:0;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:800;box-shadow:0 2px 8px #22c55e59}[data-theme=dark] .completed-box.completed-wide-box{box-shadow:none;background:#1c2033;border-color:#2a2f45}[data-theme=dark] .completed-box.completed-wide-box h2{color:#e2e8f0}[data-theme=dark] .completed-item{color:#e2e8f0;background:#242840;border-color:#2a2f45}[data-theme=dark] .completed-item h4{color:#e2e8f0}.story-card{color:#0f172a;background:#fff;border:1px solid #e8eef6;border-radius:14px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;overflow:hidden;box-shadow:0 2px 10px #0f172a12}.story-card:hover{color:#0f172a;border-color:#93c5fd;text-decoration:none;transform:translateY(-7px);box-shadow:0 20px 40px #0f172a26}.story-cover-wrap{height:260px;box-shadow:none;background:#1e293b;border:none;border-radius:0;position:relative;overflow:hidden}.story-cover-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.story-card:hover .story-cover-wrap img{filter:none;transform:scale(1.07)}.story-cover-wrap:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 50%,#0009 100%);position:absolute;inset:0}.story-cover-wrap span{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.3px;background:#0000008c;border:1px solid #fff3;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700;transition:background .2s;position:absolute;top:10px;right:10px}.story-card:hover .story-cover-wrap span{background:var(--site-primary);border-color:#0000}.story-card h3{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:12px 12px 3px;font-size:13.5px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.story-card p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0 12px 8px;font-size:11px;overflow:hidden}.story-card strong{color:var(--site-primary);align-items:center;gap:4px;margin:0 12px 12px;font-size:11px;font-weight:700;display:inline-flex}.story-card strong:before{content:"";background:var(--site-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.story-card:hover strong{color:#f97316}.story-card:hover strong:before{background:#f97316}[data-theme=dark] .story-card{color:#e2e8f0;background:#1a1d2e;border-color:#252a3d;box-shadow:0 2px 10px #00000040}[data-theme=dark] .story-card:hover{color:#e2e8f0;border-color:#4f6ef7;box-shadow:0 20px 40px #0006}[data-theme=dark] .story-card h3{color:#e2e8f0}[data-theme=dark] .story-card p{color:#4b5675}[data-theme=dark] .story-card strong{color:#7aa2f7}[data-theme=dark] .story-card strong:before{background:#7aa2f7}[data-theme=dark] .story-card:hover strong{color:#fb923c}[data-theme=dark] .story-card:hover strong:before{background:#fb923c}.section-heading h2{color:var(--site-primary);font-size:24px;font-weight:800}.section-heading p{color:#94a3b8;margin-top:2px;font-size:13px}.section-heading>a{color:#64748b;white-space:nowrap;border:1px solid #e2e8f0;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s,background .2s}.section-heading>a:hover{border-color:var(--site-primary);color:var(--site-primary);background:#eff6ff}[data-theme=dark] .section-heading>a{color:#64748b;border-color:#252a3d}[data-theme=dark] .section-heading>a:hover{color:#7aa2f7;background:#1a1d2e;border-color:#4f6ef7}.hero-slider{border-radius:16px;min-height:420px;box-shadow:0 20px 50px #00000038}.hero-slider:before{background:linear-gradient(160deg,#0000000d 0%,#00000073 50%,#000000e0 100%)}.hero-slider-content{padding:160px 28px 36px}.hero-slider-content h1{text-shadow:0 2px 8px #0006;margin-top:10px;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.3}.hero-slider-content p{opacity:.88;-webkit-line-clamp:2;font-size:13px;line-height:1.6}.hot-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#ff7a00,#ff4500);border-radius:20px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-block;box-shadow:0 4px 12px #ff7a0066}.hero-section .row{align-items:stretch}.hero-section .col-lg-8{flex-direction:column;display:flex}.hero-section .col-lg-8 .hero-slider{flex:1;min-height:380px}.hero-section .col-lg-4{flex-direction:column;display:flex}.hero-section .col-lg-4 .recommend-card{flex:1;align-items:center}.side-title{color:#0f172a;letter-spacing:.2px;align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:800;display:flex}.side-title svg{color:#f59e0b;font-size:14px}[data-theme=dark] .side-title{color:#e2e8f0}.recommend-card{cursor:pointer;color:inherit;background:#fff;border:1px solid #e8eef6;border-radius:12px;gap:12px;margin-bottom:10px;padding:10px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.recommend-card:hover{background:#fff;border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 10px 24px #0f172a1f}.recommend-card img{object-fit:cover;border-radius:8px;flex-shrink:0;width:56px;height:76px;transition:transform .2s;box-shadow:0 4px 10px #00000026}.recommend-card:hover img{transform:scale(1.04)}.recommend-card>div{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.recommend-card h4{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;line-height:1.4;overflow:hidden}.recommend-card p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.recommend-card span{color:#94a3b8;align-items:center;gap:4px;font-size:11px;display:flex}[data-theme=dark] .recommend-card{background:#1c2033;border-color:#2a2f45}[data-theme=dark] .recommend-card:hover{background:#242840;border-color:#3b5bdb;box-shadow:0 10px 24px #0000004d}[data-theme=dark] .recommend-card h4{color:#e2e8f0}[data-theme=dark] .recommend-card p{color:#94a3b8}[data-theme=dark] .recommend-card span{color:#64748b}.small-link{color:var(--site-primary);text-align:center;letter-spacing:.5px;border:1px dashed #bfdbfe;border-radius:8px;margin-top:4px;padding:8px;font-size:12px;font-weight:700;transition:background .2s,color .2s;display:block}.small-link:hover{color:var(--site-primary);letter-spacing:normal;background:#eff6ff}[data-theme=dark] .small-link{color:#93c5fd;border-color:#2a2f45}[data-theme=dark] .small-link:hover{background:#1e2235}@media (max-width:767.98px){body{overflow-x:hidden}.site-header{padding:8px 0}.site-header .header-inner{min-height:44px;padding-left:14px;padding-right:14px}.site-header .brand{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 128px);font-size:17px;line-height:1;overflow:hidden}.site-brand-logo{width:28px;height:28px}.mobile-header-bell,.mobile-menu-toggle{flex:0 0 34px;width:34px;height:34px}.mobile-header-bell{margin-left:auto;margin-right:4px}.mobile-menu-toggle{margin-left:0}.mobile-header-bell .header-icon,.mobile-header-bell .notification-trigger{width:34px;height:34px}.mobile-header-bell .notification-dropdown,.notification-dropdown{border-radius:14px;width:auto;max-height:min(420px,100vh - 78px);position:fixed;top:58px;left:12px;right:12px}.mobile-header-bell .notification-list,.notification-list{max-height:min(320px,100vh - 158px)}.home-page{padding-top:14px}.home-page .container,.hero-section.container,.home-main-section.container{width:min(100% - 24px,520px);max-width:520px;padding-left:0;padding-right:0}.hero-section .row{grid-template-columns:1fr;gap:16px;display:grid}.hero-section .col-lg-8,.hero-section .col-lg-4{width:100%;max-width:100%;padding-left:0;padding-right:0;display:block}.hero-section .col-lg-8 .hero-slider,.hero-slider{border-radius:14px;width:100%;min-height:340px;box-shadow:0 14px 34px #0f172a38}.hero-slider-image{object-fit:cover;object-position:center center}.hero-slider:before{background:linear-gradient(#0f172a0f 0%,#0f172a6b 45%,#0f172ae6 100%)}.hero-slider-content{padding:138px 18px 42px}.hero-slider-content h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:92%;margin:10px 0 8px;font-size:21px;line-height:1.18;display:-webkit-box;overflow:hidden}.hero-slider-content p{-webkit-line-clamp:3;max-width:94%;font-size:12.5px;line-height:1.55}.hero-actions{gap:8px;margin-top:14px}.hero-actions .btn{border-radius:8px;min-height:36px;padding:0 12px;font-size:12px}.hot-badge{padding:4px 10px;font-size:10px}.hero-arrow{background:#ffffff3d;width:30px;height:30px}.hero-arrow-left{left:10px}.hero-arrow-right{right:10px}.hero-dots{bottom:14px;left:18px}.side-title{margin:2px 0 10px;font-size:16px}.recommend-card,.hero-section .col-lg-4 .recommend-card{border-radius:12px;align-items:center;min-height:82px;margin-bottom:8px;padding:9px}.recommend-card img{width:52px;height:68px}.recommend-card h4{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.recommend-card p,.recommend-card span{font-size:11px}.small-link{margin-top:8px;padding:9px;font-size:11px}.home-main-section{margin-top:28px!important}.home-main-section .section-heading{align-items:flex-start;gap:12px;margin-bottom:16px}.home-main-section .section-heading h2{font-size:22px;line-height:1.15}.home-main-section .section-heading p{display:none}.home-main-section .latest-section-heading{align-items:center;min-height:50px;margin-bottom:14px;padding-bottom:12px}.home-main-section .latest-section-heading>a{min-width:62px;min-height:34px;padding:5px 12px}.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.latest-grid>[class*=col-]{width:100%;max-width:100%;padding:0;margin-bottom:0!important}.home-main-section .story-cover-wrap{border-radius:12px;height:210px}.story-card h3{font-size:13px;line-height:1.35}.completed-wide-box{margin-top:24px}}@media (max-width:420px){.home-page .container,.hero-section.container,.home-main-section.container{width:min(100% - 20px,390px)}.hero-section .col-lg-8 .hero-slider,.hero-slider{min-height:318px}.hero-slider-content{padding:126px 16px 38px}.hero-slider-content h1{font-size:19px}.hero-slider-content p{-webkit-line-clamp:2}.home-main-section .story-cover-wrap{height:178px}}@media (max-width:340px){.latest-grid{grid-template-columns:1fr}.home-main-section .story-cover-wrap{height:220px}}:root{--font-sans:var(--font-open-sans), "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--type-caption:clamp(11px, .72vw, 12px);--type-small:clamp(12px, .78vw, 13px);--type-body:clamp(13px, .86vw, 15px);--type-body-lg:clamp(14px, .95vw, 16px);--type-title-sm:clamp(17px, 1.18vw, 20px);--type-title:clamp(20px, 1.55vw, 28px);--type-hero:clamp(26px, 2.45vw, 42px)}html,body,button,input,textarea,select{font-family:var(--font-sans)!important}body{font-size:var(--type-body);line-height:1.6}:where(.home-page,.story-detail-page,.reader-page,.profile-page,.auth-page,.admin-shell,.admin-page,.admin-content,.site-header,.notification-dropdown){font-size:var(--type-body);font-family:var(--font-sans)!important}:where(.home-page,.story-detail-page,.reader-page,.profile-page,.auth-page,.admin-shell,.admin-page,.admin-content,.site-header,.notification-dropdown) :where(p,a,li,span,label,input,textarea,select,button),:where(h1,h2,h3,h4,h5,h6,.brand,.admin-brand-title){letter-spacing:0;font-family:var(--font-sans)!important}:where(h1,.story-detail-page h1,.reader-page h1,.profile-page h1,.admin-content h1){font-size:var(--type-hero);line-height:1.14}:where(h2,.section-heading h2,.admin-content h2,.auth-card h1){font-size:var(--type-title);line-height:1.18}:where(h3,.admin-content h3,.story-card h3,.recommend-card h4){font-size:var(--type-title-sm);line-height:1.28}:where(.main-nav a,.site-header input,.header-action,.profile-menu a,.admin-nav a,.admin-sidebar a,.admin-stat-label,.admin-table th,.admin-table td,.badge,.pill,.btn,.form-control,.form-select){font-size:var(--type-small)!important}:where(.eyebrow,.meta,.story-meta,.card-meta,.admin-kicker,.admin-muted,.notification-time,.small-link){font-size:var(--type-caption)!important}:where(.story-summary,.story-description,.profile-page .info-value,.auth-card,.admin-card,.admin-form,.admin-modal,.notification-dropdown){font-size:var(--type-body)!important}.reader-content,.chapter-content{line-height:1.85;font-family:var(--font-sans)!important}@media (max-width:991.98px){:root{--type-caption:11px;--type-small:12px;--type-body:13px;--type-body-lg:14px;--type-title-sm:clamp(16px, 2.4vw, 18px);--type-title:clamp(19px, 3.1vw, 24px);--type-hero:clamp(23px, 4.6vw, 32px)}}@media (max-width:575.98px){:root{--type-caption:10.5px;--type-small:11.5px;--type-body:12.5px;--type-body-lg:13.5px;--type-title-sm:clamp(15px, 4vw, 17px);--type-title:clamp(18px, 5vw, 22px);--type-hero:clamp(21px, 6.2vw, 27px)}body{line-height:1.55}:where(.brand,.site-header .brand){font-size:18px!important}:where(.main-nav a,.mobile-menu a,.site-header input,.header-action,.notification-dropdown){font-size:var(--type-small)!important}:where(.hero-slider-content h1,.story-detail-page h1,.reader-page h1,.profile-page h1,.admin-content h1){font-size:var(--type-hero)!important}:where(.hero-slider-content p,.story-summary,.story-description,.chapter-content p,.reader-content p){font-size:var(--type-body-lg)!important}.home-page .hero-slider-content h1{max-width:88%;margin:6px 0;line-height:1.2;font-size:15px!important}.home-page .hero-slider-content p{line-height:1.4;font-size:10.5px!important}.home-page .hero-slider-content .hot-badge{font-size:9px}.home-page .hero-actions .btn{min-height:28px;padding:5px 9px;font-size:10px}.home-main-section .latest-section-heading h2{line-height:1.2;font-size:16px!important}.home-main-section .latest-section-heading>a{min-width:54px;min-height:30px;padding:4px 10px;font-size:10.5px!important}.home-page .hero-section .col-lg-4{border-top:1px solid #e2e8f0;margin-top:14px;padding-top:12px}.home-page .side-title{gap:6px;margin:0 0 9px;line-height:1.25;font-size:13px!important}.home-page .side-title svg{width:12px;height:12px;font-size:12px}.home-page .recommend-card,.home-page .hero-section .col-lg-4 .recommend-card{border-color:#e5eaf2;border-radius:8px;grid-template-columns:44px minmax(0,1fr);gap:8px;min-height:66px;margin-bottom:6px;padding:6px;display:grid;box-shadow:0 2px 8px #0f172a0a}.home-page .recommend-card img{width:44px;height:58px;box-shadow:none;border-radius:6px}.home-page .recommend-card>div{gap:2px}.home-page .recommend-card h4{-webkit-line-clamp:2;line-height:1.25;font-size:11px!important}.home-page .recommend-card p,.home-page .recommend-card span{line-height:1.3;font-size:9.5px!important}.home-page .small-link{border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:38px;margin-top:9px;padding:9px 12px;line-height:1.2;display:flex;font-size:11.5px!important}}@media (max-width:420px){.home-page .hero-slider-content h1{font-size:14px!important}.home-main-section .latest-section-heading h2{font-size:15px!important}.home-page .recommend-card,.home-page .hero-section .col-lg-4 .recommend-card{grid-template-columns:40px minmax(0,1fr);min-height:60px}.home-page .recommend-card img{width:40px;height:54px}.home-page .recommend-card h4{font-size:10.5px!important}}.completed-carousel{width:100%;overflow:hidden}.completed-carousel-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.completed-carousel-slide{min-width:0}.completed-carousel-copy{display:none}@media (max-width:991.98px) and (min-width:576px){.completed-carousel-track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575.98px){.completed-box.completed-wide-box{padding:13px;overflow:hidden}.completed-box.completed-wide-box h2{margin-bottom:11px;font-size:14px!important}.completed-carousel{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;overflow:auto hidden}.completed-carousel::-webkit-scrollbar{display:none}.completed-carousel-track{gap:9px;width:max-content;display:flex}.completed-carousel-slide{flex:0 0 min(76vw,270px)}.completed-carousel-copy{display:block}.completed-carousel-slide .completed-item{border-radius:9px;height:100%;min-height:68px;padding:9px 10px}.completed-carousel-slide .completed-item h4{font-size:10.5px!important}.completed-carousel-slide .completed-item p,.completed-carousel-slide .completed-item small{font-size:9px!important}.completed-carousel-slide .completed-item>span{padding:3px 7px;font-size:8.5px}.profile-page{padding:14px 0 40px}.profile-page .profile-shell{gap:12px;width:min(100% - 20px,540px)}.profile-page .profile-sidebar{gap:0}.profile-page .profile-user-card{padding:16px 14px 14px}.profile-page .profile-avatar{width:64px;height:64px;margin-bottom:9px}.profile-page .profile-avatar button{width:22px;height:22px;font-size:9px}.profile-page .profile-user-card h1{margin-bottom:2px;line-height:1.25;font-size:15px!important}.profile-page .profile-user-card p{font-size:9px!important}.profile-page .profile-menu a,.profile-page .profile-menu-button{gap:8px;min-height:38px;padding:0 13px;font-size:10.5px!important}.profile-page .profile-menu a svg,.profile-page .profile-menu-button svg{width:13px;min-width:13px;height:13px}.profile-page .profile-content{gap:12px}.profile-page .profile-stats{grid-template-columns:1fr;gap:7px}.profile-page .profile-stat-card{grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr);column-gap:9px;min-height:58px;padding:9px 11px;display:grid}.profile-page .profile-stat-card div{float:none;grid-row:1/3;align-self:center;width:34px;height:34px;margin:0;font-size:13px}.profile-page .profile-stat-card p{align-self:end;margin:0;line-height:1.2;font-size:9px!important}.profile-page .profile-stat-card strong{align-self:start;line-height:1.2;font-size:14px!important}.profile-page .profile-stat-card:nth-child(3) strong{line-height:1.25;font-size:11px!important}.profile-page .profile-info-card,.profile-page .profile-library{padding:13px}.profile-page .profile-section-head{gap:10px;margin-bottom:12px}.profile-page .profile-section-head h2{font-size:14px!important}.profile-page .profile-section-head button,.profile-page .profile-section-head a{gap:4px;font-size:9.5px!important}.profile-page .profile-info-grid{gap:10px}.profile-page .profile-info-grid span{margin-bottom:5px;font-size:9px!important}.profile-page .profile-info-grid input{height:36px;padding:0 10px;font-size:10.5px!important}.profile-page .profile-story-grid{grid-template-columns:1fr;gap:8px;display:grid}.profile-page .profile-story-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:10px;min-height:76px;padding:7px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.profile-page .profile-story-card:active{transform:scale(.985)}.profile-page .profile-story-card img{border-radius:6px;grid-row:1/3;width:56px;height:70px;margin:0}.profile-page .profile-story-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:end;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden;font-size:11px!important}.profile-page .profile-story-card p{align-self:start;margin-top:3px;line-height:1.25;font-size:9.5px!important}}@media (max-width:360px){.profile-page .profile-shell{width:min(100% - 14px,346px)}.profile-page .profile-user-card h1{font-size:14px!important}.profile-page .profile-stat-card:nth-child(3) strong{font-size:10.5px!important}.profile-page .profile-story-card{grid-template-columns:50px minmax(0,1fr);min-height:68px}.profile-page .profile-story-card img{width:50px;height:62px}}.profile-favorites-carousel{width:100%;overflow:hidden}.profile-favorites-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.profile-favorite-slide{min-width:0}.profile-favorite-copy{display:none}.profile-favorite-slide .profile-story-card{display:block}@media (max-width:991.98px) and (min-width:576px){.profile-favorites-track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575.98px){.profile-favorites-carousel{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;overflow:auto hidden}.profile-favorites-carousel::-webkit-scrollbar{display:none}.profile-favorites-track{gap:8px;width:max-content;display:flex}.profile-favorite-slide{flex:0 0 min(82vw,290px)}.profile-favorite-copy{display:block}.profile-favorite-slide .profile-story-card{height:100%;display:grid}.story-detail-page{padding-top:12px}.story-detail-page .story-hero{border-radius:10px;gap:12px;padding:13px}.story-detail-page .story-tags{gap:5px;margin-bottom:6px}.story-detail-page .story-tags span{padding:2px 7px;font-size:8.5px!important}.story-detail-page .story-main-info h1{margin-bottom:6px;line-height:1.25;font-size:14px!important}.story-detail-page .story-meta{gap:8px;margin-bottom:11px;line-height:1.3;font-size:9px!important}.story-detail-page .story-meta span{gap:3px}.story-detail-page .story-meta svg{width:10px;height:10px}.story-detail-page .story-actions .btn,.story-detail-page .favorite-button{padding:5px 9px;font-size:9.5px!important}.story-detail-page .story-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.story-detail-page .story-actions>:first-child{grid-column:1/-1}.story-detail-page .story-actions .btn,.story-detail-page .story-actions .favorite-button{white-space:nowrap;text-overflow:ellipsis;justify-content:center;width:100%;min-width:0;min-height:30px;overflow:hidden}.story-detail-page .story-summary{border-radius:8px;padding:9px 10px}.story-detail-page .story-summary h2{letter-spacing:0;margin-bottom:5px;font-size:9px!important}.story-detail-page .story-summary p,.story-detail-page .story-summary-content{line-height:1.55;font-size:10.5px!important}.story-detail-page .story-summary-content p{margin-bottom:7px}}@media (max-width:360px){.story-detail-page .story-main-info h1{font-size:13px!important}.story-detail-page .story-meta{font-size:8.5px!important}.story-detail-page .story-actions .btn,.story-detail-page .story-actions .favorite-button{padding-inline:6px;font-size:8.5px!important}.story-detail-page .story-summary p,.story-detail-page .story-summary-content{font-size:10px!important}}@media (max-width:575.98px){.story-detail-page .chapter-panel{border-radius:10px;padding:11px}.story-detail-page .chapter-panel-header{gap:8px;margin-bottom:7px;padding:0 1px 9px}.story-detail-page .chapter-panel-header h2{font-size:12px!important}.story-detail-page .chapter-panel-header span{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:999px;padding:3px 7px;font-weight:700;font-size:8.5px!important}.story-detail-page .chapter-list{gap:5px;display:grid}.story-detail-page .chapter-row{color:#334155;text-align:left;background:#fff;border:1px solid #edf1f7;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr);gap:2px 8px;min-height:48px;padding:6px 8px;display:grid;transform:none;font-size:10.5px!important}.story-detail-page .chapter-row:nth-child(2n){background:#f8fafc}.story-detail-page .chapter-row:active{background:#eff6ff;border-color:#bfdbfe;transform:scale(.99)}.story-detail-page .chapter-index{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;grid-row:1/3;justify-content:center;align-self:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:inline-flex}.story-detail-page .chapter-title{white-space:nowrap;text-overflow:ellipsis;align-self:end;line-height:1.25;overflow:hidden}.story-detail-page .chapter-label{display:none}.story-detail-page .chapter-title strong{font-size:10.5px;font-weight:700}.story-detail-page .chapter-row .chapter-date{align-self:start;line-height:1.2;font-size:8.5px!important}}@media (max-width:360px){.story-detail-page .chapter-panel{padding:8px}.story-detail-page .chapter-row{grid-template-columns:25px minmax(0,1fr);min-height:44px;padding:5px 6px}.story-detail-page .chapter-index{width:25px;height:25px;font-size:9px}.story-detail-page .chapter-title strong{font-size:10px}}.chapter-mobile-disclosure{display:none}.chapter-disclosure>summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.chapter-disclosure>summary::-webkit-details-marker{display:none}.chapter-disclosure .chapter-panel-header{border-bottom:0;margin-bottom:0;padding-bottom:0;transition:margin .2s,padding .2s}.chapter-disclosure[open] .chapter-panel-header{border-bottom:1px solid #f1f5f9;margin-bottom:14px;padding-bottom:14px}.chapter-summary-action{align-items:center;gap:7px;display:inline-flex}.chapter-summary-action svg{width:11px;height:11px;transition:transform .2s}.chapter-disclosure[open] .chapter-summary-action svg{transform:rotate(180deg)}@media (max-width:575.98px){.chapter-desktop-list{display:none!important}.chapter-mobile-disclosure{display:block!important}.chapter-disclosure .chapter-panel-header{min-height:32px}.chapter-disclosure[open] .chapter-panel-header{margin-bottom:7px;padding-bottom:9px}.chapter-summary-action svg{width:9px;height:9px}}@media (min-width:576px){.chapter-desktop-list{display:block!important}.chapter-mobile-disclosure,.chapter-desktop-list .chapter-index{display:none!important}.chapter-desktop-list .chapter-title strong{font-weight:inherit}}.story-detail-page+.site-footer{margin-top:0}@media (max-width:575.98px){.story-detail-page{min-height:0;padding-bottom:18px}.story-detail-page .story-content-grid{gap:12px}.story-detail-page .story-sidebar{gap:0}.story-detail-page .related-box{border-radius:10px;padding:11px}.story-detail-page .related-box h2{margin-bottom:7px;padding-bottom:8px;font-size:12px!important}.story-detail-page .related-item{background:#fff;border:1px solid #edf1f7;border-radius:8px;gap:8px;min-height:64px;padding:6px}.story-detail-page .related-item+.related-item{margin-top:6px}.story-detail-page .related-item img{border-radius:6px;width:42px;height:56px}.story-detail-page .related-item h3{margin-bottom:2px;line-height:1.3;font-size:10.5px!important}.story-detail-page .related-item p,.story-detail-page .related-item span{margin-bottom:1px;line-height:1.25;font-size:9px!important}.story-detail-page+.site-footer{padding:24px 0 16px}.story-detail-page+.site-footer .footer-main{gap:18px}.story-detail-page+.site-footer .footer-logo{margin-bottom:8px;font-size:16px!important}.story-detail-page+.site-footer .footer-brand p{margin-bottom:10px;line-height:1.5;font-size:9.5px!important}.story-detail-page+.site-footer .footer-socials a{width:28px;height:28px;font-size:10px}.story-detail-page+.site-footer .footer-column h4{margin-bottom:8px;font-size:11px!important}.story-detail-page+.site-footer .footer-column a{margin-bottom:7px;font-size:9.5px!important}.story-detail-page+.site-footer .footer-custom-text{margin-top:16px;padding-top:12px;font-size:9px!important}}.related-carousel{width:100%;overflow:hidden}.related-carousel-track{display:block}.related-carousel-slide{border-bottom:1px solid #f1f5f9;min-width:0}.related-carousel-slide:last-child,.related-carousel-slide .related-item{border-bottom:0}.related-carousel-copy{display:none}@media (max-width:575.98px){.related-carousel{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;overflow:auto hidden}.related-carousel::-webkit-scrollbar{display:none}.related-carousel-track{gap:8px;width:max-content;display:flex}.related-carousel-slide{border-bottom:0;flex:0 0 min(82vw,280px)}.related-carousel-copy{display:block}.related-carousel-slide .related-item{height:100%;margin:0}}
