:root{--color-bg:#fffbfb;--color-bg-card:#fff;--color-bg-hover:#f8f1ef;--color-primary:var(--theme-primary,#f28b82);--color-primary-hover:var(--theme-hover,#e67065);--color-primary-light:var(--theme-light,#fff3f1);--color-secondary:#a5c4d4;--color-text:#2f2a2a;--color-text-muted:#746d6d;--color-border:#f0e5e5;--color-success:#82b995;--color-error:#d96f6f;--color-accent:#7c6ff7;--color-surface:#1e1e2e;--shadow-sm:0 8px 24px #1f16160d;--shadow-md:0 18px 40px #1f161614;--shadow-lg:0 24px 60px var(--theme-shadow,#f28b822e);--theme-primary:#f28b82;--theme-hover:#e67065;--theme-light:#fff3f1;--theme-shadow:#f28b8247;--theme-title-text:#3c2e2e;--reading-bg:#fdf8f0;--reading-text:#4a3b2c;--reading-border:#efe7d8;--reading-nav-bg:#fdf8f0f2;--reader-panel-bg:#fffffff5;--reader-panel-text:#2f2a2a;--reader-panel-border:#eadfd6;--reader-panel-hover:#2f2a2a0f;--reader-panel-muted:#2f2a2aad}[data-theme=gray]{--reader-panel-bg:#3b444ef5;--reader-panel-text:#f9fafb;--reader-panel-border:#4b5563;--reader-panel-hover:#ffffff14;--reader-panel-muted:#f9fafbb8}[data-theme=black]{--reader-panel-bg:#1c1c1efa;--reader-panel-text:#f9fafb;--reader-panel-border:#3f3f46;--reader-panel-hover:#ffffff1a;--reader-panel-muted:#e5e7ebbd}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}html.dark{--color-bg:#121215;--color-bg-card:#1c1c21;--color-bg-hover:#25252b;--color-text:#f7f1f1;--color-text-muted:#a19d9d;--color-border:#2a2a30;--theme-light:#2a2221}html.dark body{background:var(--color-bg);color:var(--color-text)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-family:Lora,Georgia,serif;background:0 0!important;border:none!important;border-radius:0!important}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.story-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.story-card{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.story-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.story-cover-wrapper{aspect-ratio:4/5;background:linear-gradient(135deg, var(--theme-light) 0%, #fefbfb 100%);flex-shrink:0;width:100%;position:relative}.story-cover{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.story-cover-placeholder{color:var(--color-primary);justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex;position:absolute;inset:0}.story-content{flex-direction:column;flex-grow:1;padding:12px;display:flex}.story-content--equal{flex-direction:column;flex-grow:1;display:flex}.story-card__badge{z-index:2;pointer-events:none;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:600;line-height:1.4;position:absolute;top:8px}.story-card__badge--time{color:#fff;background:#00000080;font-style:italic;left:8px}.story-card__badge--status{background:var(--color-primary);color:#fff;font-style:italic;right:8px}.story-meta-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:.8rem;display:flex}.story-status{background:var(--color-primary-light);color:var(--color-primary-hover);border-radius:999px;padding:4px 10px;font-weight:600}.story-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;min-height:2.8em;font-size:1.1rem;line-height:1.4;display:-webkit-box;overflow:hidden}.story-summary{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-shrink:0;min-height:4.2em;margin-bottom:auto;font-size:.95rem;line-height:1.4;display:-webkit-box;overflow:hidden}.story-tags{flex-wrap:wrap;flex-shrink:0;gap:6px;max-height:3.4em;margin-top:12px;display:flex;overflow:hidden}.story-tag{background:var(--color-bg-hover);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:.8rem}.app-chip{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;padding:8px 14px;font-size:.88rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.app-chip.is-active{color:var(--theme-primary);background:var(--theme-light);border-color:color-mix(in srgb, var(--theme-primary) 32%, white)}.user-avatar{background:linear-gradient(135deg, var(--theme-light) 0%, var(--color-bg-card) 100%);color:var(--theme-primary);box-shadow:var(--shadow-sm);border:1px solid color-mix(in srgb, var(--theme-primary) 18%, var(--color-border));border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.user-avatar--xs{width:32px;height:32px}.user-avatar--sm{width:46px;height:46px}.user-avatar--md{width:56px;height:56px}.user-avatar--lg{width:112px;height:112px}.user-avatar__image,.user-avatar__fallback{border:2px solid color-mix(in srgb, var(--color-bg-card) 85%, transparent);border-radius:999px;width:100%;height:100%}.user-avatar__image{object-fit:cover;width:100%;height:100%;display:block}.user-avatar__fallback{justify-content:center;align-items:center;font-weight:900;line-height:1;display:inline-flex}.user-avatar--xs .user-avatar__fallback{font-size:.75rem}.user-avatar--sm .user-avatar__fallback{font-size:1.1rem}.user-avatar__fallback{font-size:1.2rem}.user-avatar--md .user-avatar__fallback{font-size:1.35rem}.user-avatar--lg .user-avatar__fallback{font-size:2.5rem}.user-avatar__frame{object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 8px 16px #0000002e);width:144%;height:144%;position:absolute;inset:-22%}.user-avatar--xs .user-avatar__frame{width:160%;height:160%;inset:-30%}.user-avatar--sm .user-avatar__frame{width:148%;height:148%;inset:-24%}.user-avatar--lg .user-avatar__frame{width:136%;height:136%;inset:-18%}.story-state-card{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:18px;padding:28px}.story-state-card h2{margin-bottom:8px}.story-card--interactive,.recent-updates__item--interactive{cursor:pointer}#scroll-to-top{background:var(--theme-primary);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;z-index:40;border:none;border-radius:999px;justify-content:center;align-items:center;transition:opacity .25s,transform .25s,visibility .25s,background-color .25s;display:inline-flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}#scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}#scroll-to-top:hover{background:var(--theme-hover)}#scroll-to-top svg{width:20px;height:20px}@media (width<=640px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-summary,.story-tags{display:none}.story-title{min-height:0}.story-content{padding:10px}}.line-clamp-2{line-clamp:2;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{line-clamp:3;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pre-wrap{white-space:pre-wrap}@media (width<=1024px){.story-grid--recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.story-grid--recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-navbar__search-scrim{display:none}.app-navbar{z-index:20;backdrop-filter:blur(14px);background:color-mix(in srgb, var(--color-bg) 82%, transparent);border-bottom:1px solid var(--color-border);transition:transform .3s ease-in-out,opacity .3s ease-in-out,background-color .3s,border-color .3s;position:sticky;top:0}.app-navbar--hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.app-navbar__inner{align-items:center;gap:12px;min-width:0;max-width:1280px;margin:0 auto;padding:10px 24px;display:flex}.app-navbar__toprow{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.app-brand{min-width:0;color:inherit;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.app-brand__icon{flex-shrink:0;width:42px;height:42px}.app-brand__name{font-size:1.2rem;font-weight:800;line-height:1.2}.app-brand__sub{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.app-brand--button{text-align:left;background:0 0;border:none}.app-navbar__search{flex:auto;align-items:center;width:min(560px,100%);min-width:0;max-width:560px;display:flex;position:relative}.app-navbar__search--mobile-row{width:100%;min-width:0;max-width:100%;display:none}.app-navbar__search-row{width:100%;display:none}.app-navbar__search-trigger{border:1px solid var(--color-border);background:var(--color-bg-card);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:none}.app-navbar__search-trigger svg{width:18px;height:18px}.app-navbar__search-icon,.app-navbar__search-input,.app-navbar__search-clear{display:inline-flex}.app-navbar__search-input.auth-input{width:100%;min-height:44px;padding:11px 42px;font-size:.95rem;display:block}.app-navbar__search-icon{left:14px}.app-navbar__search-clear{width:28px;height:28px;right:8px}.app-navbar__search-input::placeholder{color:color-mix(in srgb, var(--color-text-muted) 92%, transparent);opacity:1;transition:color .2s}.app-navbar__search-input:hover::placeholder{color:var(--color-text)}.app-navbar__search-input:focus::placeholder{color:color-mix(in srgb, var(--color-text-muted) 70%, transparent)}.app-navbar__search-input:focus,.app-navbar__search.auth-input:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--theme-primary) 22%, transparent);border-color:var(--theme-primary)}html.dark .app-navbar__search-input.auth-input,html.dark .app-navbar__search.auth-input{background:color-mix(in srgb, var(--color-bg-card) 88%, transparent);border-color:color-mix(in srgb, var(--color-border) 100%, transparent);backdrop-filter:blur(8px)}html.dark .app-navbar__search-input.auth-input:hover{background:color-mix(in srgb, var(--color-bg-card) 96%, transparent);border-color:color-mix(in srgb, var(--theme-primary) 35%, var(--color-border))}.app-navbar__search-input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg-card) inset;caret-color:var(--color-text);transition:background-color 5000s ease-in-out}.app-navbar__search-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg-card) inset;caret-color:var(--color-text);transition:background-color 5000s ease-in-out}.app-navbar__search-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg-card) inset;caret-color:var(--color-text);transition:background-color 5000s ease-in-out}html.dark .app-navbar__search-input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px color-mix(in srgb, var(--color-bg-card) 92%, transparent) inset}html.dark .app-navbar__search-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px color-mix(in srgb, var(--color-bg-card) 92%, transparent) inset}html.dark .app-navbar__search-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px color-mix(in srgb, var(--color-bg-card) 92%, transparent) inset}.app-navbar__search-input,.app-navbar__search-clear{color-scheme:light dark}.app-navbar__top-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.app-navbar__daily-checkin{align-items:center;display:inline-flex}.app-navbar__daily-checkin .app-chip{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.78rem;line-height:1.2}.app-navbar__top-user{align-items:center;gap:6px;display:inline-flex}.app-navbar__avatar-main{align-items:center;gap:8px;display:inline-flex}.app-navbar__avatar-link{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.app-navbar__avatar-link:hover{opacity:.85}.app-navbar__avatar-link:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px;border-radius:999px}.app-navbar__icon-button{border:1px solid var(--color-border);background:var(--color-bg-card);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.app-navbar__icon-button svg{width:18px;height:18px}.app-navbar__icon-button:hover{background:var(--color-bg-hover);border-color:color-mix(in srgb, var(--theme-primary) 18%, var(--color-border));color:var(--theme-primary)}.app-navbar__menu-button{display:none}.app-navbar__nav{align-items:center;gap:4px;display:flex}.app-navbar__nav--mobile{display:none}.app-navbar__mobile-panel{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-card) 97%, transparent);width:100%;min-width:0;max-width:720px;box-shadow:var(--shadow-sm);border-radius:1.25rem;margin:0 auto;padding:16px;display:none}.app-navbar__mobile-panel.is-open{flex-direction:column;gap:14px;display:flex}.app-navbar__mobile-checkin{justify-content:center;align-items:center;display:flex}.app-navbar__mobile-checkin .app-chip{box-sizing:border-box;text-align:center;justify-content:center;width:100%;min-width:0;max-width:none;min-height:44px;padding:12px 14px;font-size:.9rem}.app-navbar__mobile-stats{width:100%}.app-navbar__mobile-stats .site-stats-bar{border-radius:1rem;margin:0}.app-navbar__mobile-stats .site-stats-bar__inner{justify-content:center}.app-navbar__mobile-panel .app-navbar__nav--mobile{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.app-navbar__mobile-panel .app-navbar__nav--mobile .app-chip{box-sizing:border-box;text-align:center;white-space:normal;overflow-wrap:anywhere;justify-content:center;width:100%;min-width:0;max-width:none;min-height:44px;padding:12px 14px;line-height:1.25}.app-navbar__nav-row{max-width:1280px;margin:0 auto;padding:10px 24px;display:none}.app-navbar__nav-row .app-navbar__nav--desktop{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.app-navbar__nav-row .app-navbar__nav--desktop::-webkit-scrollbar{display:none}@media (width<=640px){.app-navbar__search-scrim{display:none}.app-navbar__inner{flex-direction:column;align-items:stretch;gap:10px;padding:10px 14px}.app-navbar__toprow{gap:8px;width:100%}.app-navbar__search-row{display:block}.app-brand{flex:auto;min-width:0}.app-brand__icon{width:38px;height:38px}.app-brand__name{font-size:1.05rem}.app-brand__sub,.app-navbar__search{display:none}.app-navbar__search--mobile-row{display:flex}.app-navbar__top-actions{flex:none;gap:4px}.app-navbar__icon-button{width:36px;height:36px}.app-navbar__icon-button svg{width:17px;height:17px}.app-navbar__menu-button{display:inline-flex}.app-navbar__nav--mobile{flex-direction:column;display:flex}.app-navbar__daily-checkin{display:none}.app-chip{white-space:nowrap;padding:8px 12px;font-size:.85rem}}@media (width>=641px){.app-navbar__nav--mobile,.app-navbar__mobile-panel,.app-navbar__menu-button{display:none!important}.app-navbar__nav-row{display:block!important}.app-navbar__nav-row .app-navbar__nav--desktop{display:flex!important}.app-navbar__top-user{display:inline-flex!important}.app-navbar__search{display:flex!important}.app-navbar__search--mobile-row,.app-navbar__search-row,.app-navbar__search-trigger{display:none!important}.app-navbar__search-icon,.app-navbar__search-input,.app-navbar__search-clear{display:inline-flex}.app-navbar__search.auth-input{width:100%;min-height:44px;padding:11px 42px;font-size:.95rem;display:block}.app-navbar__search{width:100%;max-width:100%}}.user-avatar-dropdown{display:inline-flex;position:relative}.user-avatar-dropdown__trigger{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.user-avatar-dropdown__badge{color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--color-bg);pointer-events:none;z-index:5;font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:#ef4444;border-radius:999px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:18px;position:absolute;top:-2px;right:-2px}.user-avatar-dropdown__panel{z-index:30;background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#0000001a);border-radius:.75rem;flex-direction:column;min-width:240px;max-width:320px;padding:6px 0;animation:.15s ease-out user-avatar-dropdown-fade-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 32px #0000002e}@keyframes user-avatar-dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-avatar-dropdown__user-info{flex-direction:column;gap:2px;padding:10px 14px 8px;display:flex}.user-avatar-dropdown__name{color:var(--color-text,inherit);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.user-avatar-dropdown__role{color:var(--color-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.user-avatar-dropdown__divider{background:var(--color-border,#00000014);height:1px;margin:4px 0}.user-avatar-dropdown__item{text-align:left;width:100%;color:var(--color-text,inherit);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:background-color .12s;display:flex}.user-avatar-dropdown__item:hover,.user-avatar-dropdown__item:focus-visible{background:color-mix(in srgb, var(--color-text) 6%, transparent);outline:none}.user-avatar-dropdown__item--danger{color:#dc2626}.user-avatar-dropdown__item--danger:hover,.user-avatar-dropdown__item--danger:focus-visible{background:#dc26261f}.user-avatar-dropdown__icon{text-align:center;flex-shrink:0;width:18px;font-size:1rem}.user-avatar-dropdown__item>span:not(.user-avatar-dropdown__icon):not(.user-avatar-dropdown__item-badge){flex:auto}.user-avatar-dropdown__item-badge{color:#fff;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:#ef4444;border-radius:999px;flex-shrink:0;min-width:22px;height:20px;margin-left:auto;padding:0 6px;font-size:.7rem;font-weight:700;line-height:20px}@media (width<=640px){.user-avatar-dropdown__panel{min-width:220px;right:-8px}}.auth-shell{background:var(--color-bg);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}html.dark .auth-shell{background:var(--color-bg)}.auth-panel{min-height:100vh}.auth-panel--visual{background:linear-gradient(145deg, var(--theme-light), var(--color-bg));border-right:1px solid var(--color-border);flex-direction:column;justify-content:space-between;padding:48px;display:flex}.auth-visual-badge{background:color-mix(in srgb, var(--color-bg-card) 72%, transparent);width:fit-content;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:12px;padding:12px 18px;font-weight:700;display:inline-flex}.auth-logo-icon{background:var(--color-bg-card);border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.auth-visual-copy{max-width:540px}.auth-kicker{color:var(--theme-primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px;font-size:.85rem;font-weight:800}.auth-visual-copy h1{margin-bottom:18px;font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.05}.auth-visual-copy p{color:var(--color-text-muted);max-width:460px;font-size:1.08rem}.auth-community-card{background:color-mix(in srgb, var(--color-bg-card) 74%, transparent);width:fit-content;box-shadow:var(--shadow-md);color:var(--color-text-muted);border-radius:2rem;flex-direction:column;gap:6px;padding:20px 24px;display:inline-flex}.auth-community-number{color:var(--theme-primary);font-size:2rem;font-weight:800;line-height:1}.auth-panel--form{justify-content:center;align-items:center;padding:32px;display:flex}.auth-form-card{background:var(--color-bg-card);border:1px solid var(--color-border);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:2rem;padding:36px}.auth-step-title{margin-bottom:12px;font-size:2.1rem;line-height:1.15}.auth-step-subtitle{color:var(--color-text-muted);margin-bottom:28px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form-group{flex-direction:column;gap:10px;display:flex}.auth-form-label{color:var(--color-text);font-size:.92rem;font-weight:700}.auth-input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:1rem;outline:none;padding:15px 18px;font-size:1rem;transition:border-color .25s,box-shadow .25s,transform .25s}.auth-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--theme-primary) 18%, white)}.auth-input--otp{text-align:center;letter-spacing:.7em;font-size:1.3rem;font-weight:700}.auth-button{text-align:center;white-space:normal;overflow-wrap:anywhere;border:none;border-radius:1rem;min-width:0;max-width:100%;padding:15px 20px;font-size:1rem;font-weight:800;line-height:1.35;transition:transform .2s,box-shadow .2s,background-color .2s}.auth-button:disabled{opacity:.65;cursor:not-allowed}.auth-button--primary{background:var(--theme-primary);color:#fff;box-shadow:0 16px 32px -18px var(--theme-shadow)}.auth-button--secondary{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-card) 94%, transparent);width:100%;color:var(--color-text)}.auth-step button[type=button]{pointer-events:auto;z-index:1;position:relative}.auth-button--secondary:hover:not(:disabled){border-color:color-mix(in srgb, var(--theme-primary) 36%, var(--color-border));background:var(--theme-light);color:var(--theme-primary);transform:translateY(-1px)}.auth-button--primary:hover:not(:disabled){background:var(--theme-hover);transform:translateY(-1px)}.follow-button--following{background:color-mix(in srgb, #22c55e 8%, var(--color-bg-card));color:#16a34a;border:1px solid #22c55e}.follow-button--unfollow-hover{background:color-mix(in srgb, #ef4444 8%, var(--color-bg-card));color:#dc2626;border:1px solid #ef4444}.auth-back-link,.auth-resend-section{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.auth-back-button,.auth-resend-button,.auth-alert-close{color:var(--theme-primary);background:0 0;border:none}.auth-back-button:hover,.auth-resend-button:hover{text-decoration:underline}.auth-alert{border-radius:1rem;margin-bottom:20px;padding:14px 16px}@media (width<=640px){.auth-shell{grid-template-columns:1fr}.auth-panel--visual{display:none}.auth-form-card{border-radius:1.25rem;padding:20px}.auth-step-title{font-size:1.6rem}}.auth-alert--error{background:color-mix(in srgb, var(--color-error) 8%, var(--color-bg));border-color:color-mix(in srgb, var(--color-error) 32%, var(--color-border));color:color-mix(in srgb, var(--color-error) 70%, var(--color-text))}.auth-terms{color:var(--color-text-muted);margin-top:24px;font-size:.92rem}.auth-resend-text,.auth-terms{color:var(--color-text-muted);font-size:.92rem}.auth-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.auth-avatar-image{aspect-ratio:1;object-fit:cover;border-radius:1rem;width:100%;display:block}.auth-avatar-option{background:var(--color-bg-card);border:2px solid #0000;border-radius:1.2rem;padding:6px;transition:transform .2s,border-color .2s,box-shadow .2s}.auth-avatar-option:hover{transform:translateY(-2px)}.auth-loading-state{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-loading-card{background:var(--color-bg-card);min-width:320px;box-shadow:var(--shadow-md);text-align:center;border-radius:1.75rem;padding:32px}.auth-spinner{border:3px solid color-mix(in srgb, var(--theme-primary) 18%, white);border-top-color:var(--theme-primary);border-radius:999px;width:42px;height:42px;margin:0 auto 16px;animation:.9s linear infinite spin}.home-hero{background:linear-gradient(135deg, var(--color-bg-card) 0%, var(--theme-light) 100%);box-shadow:var(--shadow-md);border-radius:3rem;grid-template-columns:minmax(0,1.2fr) minmax(240px,360px);align-items:center;gap:32px;margin-bottom:28px;padding:40px;display:grid;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000000f 0%,#00000005 100%);border-radius:3rem;position:absolute;inset:0}html.dark .home-hero:before{background:linear-gradient(135deg,#0006 0%,#00000040 100%)}.home-hero__badge{background:color-mix(in srgb, var(--color-bg-card) 90%, transparent);-webkit-backdrop-filter:blur(8px);width:fit-content;color:var(--theme-primary);border:1px solid var(--color-border);border-radius:999px;margin-bottom:18px;padding:10px 16px;font-size:.82rem;font-weight:800;display:inline-flex}.home-hero__content,.home-hero__visual{z-index:1;position:relative}.home-hero__content{flex-direction:column;align-items:flex-start;display:flex}.home-hero__title{flex-wrap:wrap;gap:.35em;margin-bottom:18px;font-size:clamp(2rem,4.4vw,4rem);line-height:1.05;display:flex}.home-hero__title-link{color:inherit;flex-wrap:wrap;gap:.35em;text-decoration:none;display:inline-flex}.home-hero__title--highlight{background:linear-gradient(135deg, var(--theme-primary), var(--theme-hover));-webkit-text-fill-color:transparent;background-clip:text}.home-hero__subtitle{max-width:650px;color:var(--color-text-muted);margin-bottom:26px;font-size:1.05rem}.home-hero__title,.home-hero__subtitle{text-shadow:0 2px 16px #00000014}html.dark .home-hero__title,html.dark .home-hero__subtitle{text-shadow:0 4px 24px #00000059}.home-hero__cta{background:var(--theme-primary);color:#fff;box-shadow:var(--shadow-lg);z-index:1;cursor:pointer;border:none;border-radius:1rem;padding:15px 22px;font-size:1rem;font-weight:800;transition:transform .2s,background-color .2s;position:relative}.home-hero__cta:hover{background:var(--theme-hover);transform:translateY(-1px)}html.dark .home-hero__cta{box-shadow:0 18px 40px #0000004d}.home-hero__visual{justify-content:center;display:flex}.home-hero__card{aspect-ratio:2/3;background:color-mix(in srgb, var(--color-bg-card) 95%, transparent);width:min(100%,290px);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);border-radius:2.4rem;padding:16px;transform:rotate(4deg)}.home-hero__card--larger{width:min(100%,320px)}.home-hero__card-inner{background:linear-gradient(160deg, var(--theme-primary), var(--theme-hover));color:#fff;border-radius:1.8rem;justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;display:flex}.home-tags{flex-wrap:wrap;justify-content:center;gap:12px;min-width:0;margin-bottom:44px;display:flex}.home-tag{background:var(--color-bg-hover);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;padding:9px 14px;font-size:.88rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.home-tag:hover,.home-tag.is-active{background:var(--theme-light);color:var(--theme-primary);border-color:color-mix(in srgb, var(--theme-primary) 18%, var(--color-border))}.home-section,.recent-updates{margin-top:46px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.section-heading h2{font-size:2rem}.section-link{text-align:center;white-space:normal;overflow-wrap:anywhere;background:var(--color-bg-card);min-width:0;max-width:100%;color:var(--theme-primary);border:1px solid color-mix(in srgb, var(--theme-primary) 18%, var(--color-border));cursor:pointer;border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:700;line-height:1.3;transition:background .2s,border-color .2s}.section-link:hover{background:var(--theme-light)}.chapter-page-label{background:var(--theme-light);width:fit-content;max-width:100%;color:var(--theme-primary);overflow-wrap:anywhere;border-radius:999px;align-items:center;padding:8px 12px;font-size:.9rem;font-weight:700;line-height:1.35;display:inline-flex}.section-heading--chapters{align-items:flex-start}.chapter-list-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:12px;min-width:0;display:flex}.chapter-pagination-tabs{flex-wrap:nowrap;align-items:center;gap:8px;max-width:min(100%,520px);padding-bottom:4px;display:flex;overflow-x:auto}.chapter-pagination-tabs .app-chip{flex:none}.chapter-pagination-tabs .app-chip.is-active{color:#fff;background:var(--theme-primary);border-color:var(--theme-primary)}.recent-updates__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.recent-updates__item{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:1.75rem;grid-template-columns:68px 1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.recent-updates__cover{background:var(--theme-light);width:60px;height:60px;color:var(--theme-primary);border-radius:.8rem;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.recent-updates__cover img{object-fit:cover;width:100%;height:100%}.recent-updates__body h3{margin-bottom:6px;font-size:1.05rem}.recent-updates__body p{color:var(--color-text-muted);font-size:.92rem}.recent-updates__badge{background:var(--theme-light);color:var(--theme-primary);border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:800}.home-main{max-width:1200px;margin:0 auto;padding:24px 20px 60px}.story-grid--recommendations{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1024px){.home-hero{grid-template-columns:1fr}.recent-updates__list{display:grid}.profile-grid,.detail-hero-card,.detail-meta-grid{grid-template-columns:1fr}.story-grid--recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.home-hero{border-radius:1.5rem;gap:24px;padding:24px 16px}.home-hero__title{gap:.25em;font-size:1.8rem;line-height:1.15}.home-hero__subtitle{margin-bottom:18px;font-size:.95rem}.home-hero__cta{padding:12px 18px;font-size:.95rem}.home-hero__card{border-radius:1.8rem;width:min(100%,220px);padding:12px}.home-hero__card--larger{width:min(100%,240px)}.home-hero__card-inner{border-radius:1.4rem;font-size:3rem}.home-main{max-width:1200px;margin:0 auto;padding:20px 14px 50px}.home-tags{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:10px;margin-bottom:32px;padding-bottom:8px;overflow-x:auto}.section-heading{gap:10px;margin-bottom:18px}.section-heading h2{font-size:1.55rem;line-height:1.25}.story-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.recent-updates__list{grid-template-columns:1fr;gap:12px}.recent-updates__item{border-radius:1.25rem;gap:12px;padding:12px}.recent-updates__cover{border-radius:.7rem;width:48px;height:48px;font-size:1.1rem}.recent-updates__body h3{margin-bottom:4px;font-size:.98rem}.recent-updates__body p{font-size:.88rem}.recent-updates__badge{border-radius:.8rem;padding:6px 10px;font-size:.75rem}}.home-page{background:var(--color-bg);background:var(--color-bg);min-width:0;max-width:100%;min-height:100vh;overflow-x:hidden}.announcement-marquee-root{color:#fff;background:linear-gradient(90deg,#f28b82,#f9a87c,#f28b82);width:100%;padding:8px 0;overflow:hidden}.announcement-marquee-inner{align-items:center;gap:12px;min-height:28px;padding:0 16px;display:flex}.announcement-marquee-label{letter-spacing:.08em;white-space:nowrap;background:#ffffff40;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.72rem;font-weight:700}.announcement-marquee-track{flex:1;position:relative;overflow:hidden}.announcement-marquee-track:before,.announcement-marquee-track:after{content:"";z-index:1;pointer-events:none;width:32px;position:absolute;top:0;bottom:0}.announcement-marquee-track:before{background:linear-gradient(90deg,#f28b82,#0000);left:0}.announcement-marquee-track:after{background:linear-gradient(-90deg,#f28b82,#0000);right:0}.announcement-marquee-content{white-space:nowrap;color:#fff;align-items:center;font-size:.85rem;font-weight:500;animation:40s linear infinite marquee-scroll;display:inline-flex}.announcement-marquee-sep{opacity:.6;padding:0 16px;display:inline-block}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.announcement-marquee-content{animation:none}}.detail-title{margin-bottom:4px;font-size:1.72rem;line-height:1.18}.detail-author-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}@media (width<=1024px){.detail-hero-card{grid-template-columns:1fr}}@media (width<=640px){.detail-hero-card{border-radius:1.25rem;grid-template-columns:1fr;padding:18px}.detail-cover-column{justify-content:center;display:flex}.detail-cover-frame{width:min(100%,200px);margin:0 auto}.detail-title{font-size:1.45rem;line-height:1.2}.detail-meta-grid{grid-template-columns:1fr 1fr;gap:8px}.detail-stat-card{padding:6px 10px}.detail-stat-card span{font-size:.68rem}.detail-stat-card strong{font-size:.82rem}.detail-stat-card--author{grid-column:1/-1}}.chapter-list{flex-direction:column;gap:14px;margin-top:18px;display:flex}.chapter-list-item{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:1.4rem;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.chapter-list-item--link{color:inherit;cursor:pointer;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s,background-color .2s}.chapter-list-item--link:hover,.chapter-list-item--link:focus-visible{border-color:color-mix(in srgb, var(--theme-primary) 32%, var(--color-border));background:color-mix(in srgb, var(--theme-light) 36%, var(--color-bg-card));box-shadow:var(--shadow-sm);outline:none;transform:translateY(-1px)}.chapter-list-item__stat{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.chapter-list-item__stat svg{flex-shrink:0;width:15px;height:15px}.chapter-list-item__stats{color:var(--color-text-muted);flex-shrink:0;align-items:center;gap:10px;font-size:.86rem;display:inline-flex}.chapter-list-load-more{justify-content:center;margin-top:16px;padding-bottom:8px;display:flex}.chapter-list-item__stat img{object-fit:contain;width:18px;height:18px}.detail-collaborators-row{background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;display:flex}.ban-xuong-icon{object-fit:contain;width:18px;height:18px}.profile-shell,.detail-shell{flex-direction:column;gap:28px;display:flex}.profile-hero-card,.detail-hero-card,.profile-card,.detail-section-card,.reader-settings-card{box-shadow:var(--shadow-md);background:#ffffffeb;border:1px solid #fffc;border-radius:2rem}html.dark .profile-hero-card,html.dark .detail-hero-card,html.dark .profile-card,html.dark .detail-section-card,html.dark .reader-settings-card{background:var(--color-bg-card);border-color:var(--color-border)}.detail-hero-card{grid-template-columns:280px 1fr;align-items:start;gap:28px;padding:28px;display:grid}.detail-cover-column{justify-content:center;display:flex}.detail-cover-frame{background:var(--theme-light);aspect-ratio:2/3;border-radius:1.2rem;justify-content:center;align-items:center;width:min(100%,280px);display:flex;overflow:hidden}.detail-cover-image{object-fit:cover;width:100%;height:100%;display:block}.detail-main-column{flex-direction:column;gap:14px;min-width:0;display:flex}.detail-meta-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.detail-stat-card{background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:.9rem;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.detail-stat-card span{color:var(--color-text-muted);font-size:.72rem;font-weight:600}.detail-stat-card strong{color:var(--color-text);font-size:.88rem}.detail-stat-card--author{grid-column:1/-1}.detail-cta-row{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.detail-subheading{color:var(--color-text);margin-top:16px;margin-bottom:8px;font-size:1.2rem}.detail-summary--expanded,.detail-summary--collapsed{overflow-wrap:anywhere;word-break:break-word;font-size:1rem;line-height:1.75}.detail-summary--collapsed{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.detail-summary-block{gap:10px;display:grid}.detail-summary-toggle{border:1px solid color-mix(in srgb, var(--theme-primary) 24%, var(--color-border));background:var(--color-bg-card);width:fit-content;color:var(--theme-primary);cursor:pointer;border-radius:999px;padding:10px 14px;font-weight:800;transition:background .2s}.detail-summary-toggle:hover{background:var(--theme-light)}.detail-uploader-card{background:linear-gradient(135deg, var(--color-bg-card) 0%, var(--theme-light) 100%);border:1px solid var(--color-border);color:inherit;border-radius:1.5rem;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:flex}.profile-hero-card{grid-template-columns:280px 1fr;align-items:start;gap:28px;padding:28px;display:grid}.profile-summary-card{background:linear-gradient(135deg, var(--color-bg-card) 0%, var(--theme-light) 100%);border:1px solid var(--color-border);border-radius:1.5rem;align-items:center;gap:16px;padding:18px 20px;display:flex}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.profile-card{padding:28px}.profile-request-form{flex-direction:column;gap:16px;margin-top:18px;display:flex}.profile-textarea{resize:vertical;border:1px solid var(--color-border);width:100%;min-height:160px;font:inherit;color:var(--color-text);background:var(--color-bg);border-radius:1.2rem;padding:16px 18px}.profile-request-actions{flex-wrap:wrap;gap:12px;display:flex}.profile-secondary-button{border:1px solid color-mix(in srgb, var(--theme-primary) 24%, var(--color-border));text-align:center;white-space:normal;overflow-wrap:anywhere;background:var(--color-bg-card);min-width:0;max-width:100%;color:var(--theme-primary);cursor:pointer;border-radius:1rem;padding:14px 18px;font-weight:800;line-height:1.35;transition:background .2s,border-color .2s}.profile-secondary-button:hover{background:var(--theme-light)}.profile-alert{border-radius:1rem;margin-bottom:20px;padding:14px 16px}.profile-alert--success{background:color-mix(in srgb, var(--color-success) 10%, var(--color-bg));border:1px solid color-mix(in srgb, var(--color-success) 35%, var(--color-border));color:color-mix(in srgb, var(--color-success) 70%, var(--color-text))}.profile-request-history{flex-direction:column;gap:14px;margin-top:18px;display:flex}@media (width<=1024px){.profile-grid,.detail-hero-card,.detail-meta-grid{grid-template-columns:1fr}}@media (width<=720px){.profile-hero-card,.profile-card,.detail-section-card,.reader-settings-card{border-radius:1.5rem;padding:20px}.profile-summary-card{flex-direction:column;align-items:flex-start}.profile-hero-card,.detail-hero-card{grid-template-columns:1fr;padding:18px}}.section-tab-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;align-items:center;padding:4px 12px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.section-tab-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}@media (width<=640px){.profile-hero-card,.detail-hero-card,.profile-card,.detail-section-card{border-radius:1.25rem;padding:18px}.detail-hero-card{grid-template-columns:1fr}}.role-request-success-overlay{backdrop-filter:blur(6px);z-index:5000;background:#080618b8;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out rrs-fade-in;display:flex;position:fixed;inset:0}@keyframes rrs-fade-in{0%{opacity:0}to{opacity:1}}.role-request-success-dialog{background:var(--theme-card,#1e1b4b);width:100%;max-width:460px;color:var(--theme-text,#fff);border:1px solid color-mix(in srgb, var(--color-accent,#8b5cf6) 30%, transparent);border-radius:18px;padding:32px 28px 24px;animation:.22s ease-out rrs-pop-in;position:relative;box-shadow:0 24px 60px #0000008c}@keyframes rrs-pop-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.role-request-success-close{width:32px;height:32px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;line-height:1;transition:opacity .15s,background .15s;display:flex;position:absolute;top:10px;right:12px}.role-request-success-close:hover{opacity:1;background:#ffffff14}.role-request-success-icon{justify-content:center;margin-bottom:16px;display:flex}.role-request-success-title{text-align:center;color:var(--color-success,#22c55e);margin:0 0 10px;font-size:1.35rem;font-weight:700}.role-request-success-desc{text-align:center;opacity:.92;margin:0 0 18px;font-size:.95rem;line-height:1.55}.role-request-success-desc strong{color:var(--color-accent,#a78bfa)}.role-request-success-steps{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:22px;padding:14px 16px;display:flex}.role-request-success-step{align-items:center;gap:10px;font-size:.88rem;line-height:1.5;display:flex}.role-request-success-step-num{background:var(--color-accent,#8b5cf6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:inline-flex}.role-request-success-cta{background:linear-gradient(135deg,#1877f22e,#0084ff2e);border:1px solid #1877f259;border-radius:12px;margin-bottom:16px;padding:14px 16px}.role-request-success-cta-text{text-align:center;margin:0 0 10px;font-size:.88rem;line-height:1.5}.role-request-success-cta-text strong{color:#fde68a}.role-request-success-cta-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.role-request-success-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .1s,background .15s;display:inline-flex}.role-request-success-btn:active{transform:scale(.97)}.role-request-success-btn--messenger{color:#fff;background:linear-gradient(135deg,#0084ff,#006aff)}.role-request-success-btn--messenger:hover{background:linear-gradient(135deg,#1a93ff,#007aff)}.role-request-success-btn--facebook{color:#fff;background:#1877f2}.role-request-success-btn--facebook:hover{background:#2984f3}.role-request-success-btn--primary{background:var(--color-accent,#8b5cf6);color:#fff;border-radius:10px;width:100%;padding:11px}.role-request-success-btn--primary:hover{background:color-mix(in srgb, var(--color-accent,#8b5cf6) 88%, white)}@media (width<=480px){.role-request-success-dialog{padding:26px 20px 20px}.role-request-success-title{font-size:1.2rem}.role-request-success-cta-buttons{flex-direction:column}.role-request-success-cta-buttons .role-request-success-btn{width:100%}}.reader-page{min-height:100vh}.reader-shell{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.reader-topbar,.reader-bottom-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.reader-topbar__meta h1{margin-bottom:4px;font-size:1.4rem}.reader-settings-card{gap:20px;margin-bottom:26px;padding:24px;display:grid}.reader-setting-options{flex-wrap:wrap;gap:10px;display:flex}.reader-article{background:var(--reading-bg);color:var(--reading-text);border:1px solid var(--reading-border);border-radius:2rem;margin:0 auto;padding:36px;box-shadow:0 20px 40px #00000014}.reader-article--narrow{max-width:720px}.reader-article--normal{max-width:820px}.reader-article--wide{max-width:980px}.reader-article__header{margin-bottom:24px}.reader-article__body{flex-direction:column;gap:1.8em;display:flex}.reader-article__body p.is-speaking{background:color-mix(in srgb, var(--theme-light) 60%, white);border-radius:1rem;padding:10px 14px}@media (width<=960px){.admin-request-item{flex-direction:column}.admin-request-content-grid{grid-template-columns:1fr}.admin-request-actions{flex-direction:row;justify-content:flex-start;width:100%}.admin-request-actions>*{flex:1}}@media (width<=640px){.reader-shell{padding:20px 14px 48px}.reader-topbar,.reader-bottom-nav{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.reader-topbar__meta h1{font-size:1.1rem}.reader-settings-card{border-radius:1.2rem;gap:14px;margin-bottom:18px;padding:16px}.reader-article{border-radius:1.5rem;padding:24px 18px}.reader-tts-actions{flex-direction:column}.reader-tts-actions .auth-button,.reader-tts-actions .profile-secondary-button{width:100%}}.chapter-favorite-section{margin-top:20px}.chapter-favorite-shell{align-items:center;gap:14px;padding:16px 0 0;display:flex}.chapter-favorite-btn{border:1px solid var(--reading-border);width:58px;height:58px;color:inherit;cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,background-color .2s,border-color .2s;display:inline-flex}.chapter-favorite-btn:hover:not(:disabled){background:#00000008;transform:translateY(-1px)scale(1.02)}.chapter-favorite-btn.is-favorited{background:color-mix(in srgb, var(--reading-text) 10%, transparent);border-color:color-mix(in srgb, var(--reading-text) 25%, var(--reading-border))}.chapter-favorite-btn:disabled{opacity:.6;cursor:not-allowed}.favorite-icon{object-fit:contain;width:30px;height:30px}.chapter-favorite-copy{flex-direction:column;gap:4px;display:flex}.favorite-count{color:var(--reading-text);margin:0;font-family:Lora,Noto Serif,Georgia,serif;font-size:1.05rem}.favorite-helper{color:color-mix(in srgb, var(--reading-text) 78%, transparent);margin:0;font-size:.92rem}.reader-bottom-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}@media (width<=640px){.reader-topbar,.reader-bottom-nav{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.reader-topbar__meta h1{font-size:1.1rem}}.comment-frame{background-color:#0000;position:relative}@media (width<=640px){.comment-frame{--frame-top:32px;--frame-bottom:32px;--frame-left:44px;--frame-right:44px}}.reader-demo-root{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto;user-select:none;-webkit-touch-callout:none;height:100dvh;position:fixed;inset:0;overflow-y:auto}.reader-demo-topbar{z-index:30;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;transition:transform .3s,opacity .3s,background-color .3s,border-color .3s;display:flex;position:sticky;top:0}.reader-demo-topbar.is-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.reader-demo-title-center{text-align:center;flex:1;min-width:0;overflow:hidden}.reader-demo-story-name{text-transform:uppercase;letter-spacing:.18em;opacity:.55;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:800;overflow:hidden}.reader-demo-chapter-name{white-space:nowrap;text-overflow:ellipsis;max-width:340px;margin:0 auto;font-family:Lora,Georgia,serif;font-size:.95rem;font-weight:700;overflow:hidden}.reader-demo-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:inline-flex}.reader-demo-icon-btn:hover{background:var(--reader-panel-hover)}.reader-demo-settings-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:1px solid var(--reader-panel-border);background:var(--reader-panel-bg);width:288px;max-height:min(78dvh,100dvh - 92px);color:var(--reader-panel-text);z-index:50;border-radius:1.5rem;flex-direction:column;gap:22px;padding:22px;animation:.2s cubic-bezier(.4,0,.2,1) panelIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 24px 60px #0000002e}@keyframes panelIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.reader-demo-setting-label{text-transform:uppercase;letter-spacing:.12em;color:var(--reader-panel-muted);margin-bottom:12px;font-size:.72rem;font-weight:800}.reader-demo-setting-sublabel{text-align:center;color:var(--reader-panel-muted);margin-top:8px;font-size:.78rem;font-weight:600}.reader-demo-bg-swatches{justify-content:space-between;gap:8px;display:flex}.reader-demo-swatch{cursor:pointer;border:2.5px solid;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:inline-flex}.reader-demo-swatch:hover{transform:scale(1.1)}.reader-demo-fontsize-row{border:1px solid var(--reader-panel-border);border-radius:.9rem;justify-content:space-between;align-items:center;padding:4px;display:flex}.reader-demo-fs-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:40px;height:40px;transition:background .18s;display:inline-flex}.reader-demo-fs-btn:hover{background:var(--reader-panel-hover)}.reader-demo-fs-label{font-family:Lora,Georgia,serif;font-size:1.25rem;font-weight:800}.reader-demo-font-list{gap:8px;display:grid}.reader-demo-font-option{border:1px solid var(--reader-panel-border);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:.95rem;padding:10px 12px;transition:background .18s,border-color .18s,transform .18s}.reader-demo-font-option:hover{background:var(--reader-panel-hover)}.reader-demo-font-option.is-active{background:var(--reader-panel-hover);border-color:currentColor}.reader-demo-voice-select{border:1px solid var(--reader-panel-border);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:.85rem;outline:none;padding:10px 14px;font-size:.88rem;font-weight:600}.reader-demo-range-wrap{flex-direction:column;gap:10px;display:flex}.reader-demo-range-input{width:100%;accent-color:var(--theme-primary);min-height:auto}.reader-demo-range-value{color:var(--reader-panel-muted);font-size:.82rem}.reader-demo-toggles{border-top:1px solid var(--reader-panel-border);flex-direction:column;gap:4px;padding-top:16px;display:flex}.reader-demo-toggle-row{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.85rem;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.95rem;font-weight:600;transition:background .18s;display:flex}.reader-demo-toggle-row:hover{background:var(--reader-panel-hover)}.reader-demo-toggle-label{align-items:center;gap:10px;display:flex}.reader-demo-tts-note{color:var(--reader-panel-muted);margin-top:8px;padding:0 12px;font-size:.78rem;font-style:italic;line-height:1.6}.reader-demo-content{max-width:760px;margin:0 auto;padding:56px 24px 132px;transition:padding .3s,max-width .3s}.reader-demo-content--split-wide{max-width:min(88vw,1440px)}.reader-demo-content--book{max-width:min(92vw,1600px)}.reader-demo-content.content-no-chrome{padding-bottom:88px}.reader-demo-chapter-heading{text-align:center;margin-bottom:56px;font-family:Lora,Georgia,serif;font-size:clamp(2rem,5vw,2.75rem);font-weight:800;line-height:1.2}.reader-demo-chapter-kicker{text-transform:uppercase;letter-spacing:.2em;opacity:.55;margin-bottom:14px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:800;display:block}.reader-demo-body{user-select:none;-webkit-user-drag:none;flex-direction:column;gap:.8em;display:flex}.reader-demo-book{gap:0}.reader-demo-book-spread{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.reader-demo-book-page{border:1px solid var(--reader-panel-border);background:color-mix(in srgb, var(--reader-panel-bg) 88%, transparent);border-radius:1.6rem;flex-direction:column;gap:.8em;min-height:70vh;padding:28px 24px;display:flex;overflow:hidden}.reader-demo-book-page--empty{opacity:0;pointer-events:none}.reader-demo-para{user-select:none;-webkit-user-drag:none;margin:0;transition:background .3s,padding .3s,border-radius .3s}.reader-demo-para.is-speaking{background:#f28b821f;border-radius:.75rem;padding:8px 12px}.reader-font-be-vietnam-pro{font-family:Be Vietnam Pro,Inter,sans-serif}.reader-font-noto-serif-vietnamese{font-family:Noto Serif,Lora,Georgia,serif}.reader-font-lora{font-family:Lora,Georgia,serif}.reader-font-merriweather{font-family:Merriweather,Georgia,serif}.reader-demo-paragraph-comment-button{aspect-ratio:1;box-sizing:border-box;flex:none;width:18px;min-width:18px;height:18px;min-height:18px;padding:0}.reader-demo-floating-nav{z-index:18;pointer-events:none;justify-content:space-between;align-items:center;transition:opacity .22s,transform .22s;display:flex;position:fixed;inset:50% 22px auto;transform:translateY(-50%)}.reader-demo-floating-nav.is-hidden{opacity:0;pointer-events:none;transform:translateY(-50%)translateY(18px)}.reader-demo-floating-nav__button{pointer-events:auto;text-align:center;white-space:normal;overflow-wrap:anywhere;backdrop-filter:blur(14px);background:var(--reader-panel-bg);min-width:0;max-width:min(220px,40vw);color:var(--reader-panel-text);cursor:pointer;border:1.5px solid;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-weight:800;line-height:1.25;transition:transform .2s,opacity .2s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 36px #0000002e}.reader-demo-floating-nav__button svg{flex:none}.reader-demo-floating-nav__button:disabled{opacity:.28;cursor:not-allowed}.reader-demo-floating-nav__button:not(:disabled):hover{transform:translateY(-2px)scale(1.02);box-shadow:0 20px 44px #00000038}.reader-demo-footer-nav{z-index:25;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px);border-top:1px solid;grid-template-columns:56px 1fr 56px;align-items:center;gap:12px;transition:transform .3s,opacity .3s,background-color .3s,border-color .3s;display:grid;position:fixed;bottom:0;left:0;right:0}.reader-demo-footer-nav.is-hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.reader-demo-footer-btn{cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-weight:600;transition:transform .2s,opacity .2s;display:inline-flex}.reader-demo-footer-btn:disabled{opacity:.35;cursor:not-allowed}.reader-demo-footer-btn:not(:disabled):hover{transform:scale(1.06)}.reader-demo-footer-btn--prev,.reader-demo-footer-btn--next{width:56px;height:56px}.reader-demo-footer-btn--prev svg,.reader-demo-footer-btn--next svg{width:22px;height:22px}.reader-demo-footer-btn--chapter{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;padding:10px 14px;font-size:.95rem;overflow:hidden}.reader-demo-chapter-picker-backdrop{z-index:45;background:#0000006b;animation:.2s backdropFadeIn;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.reader-demo-chapter-picker{background:var(--reader-panel-bg);border:1px solid var(--reader-panel-border);z-index:50;border-radius:1.5rem;flex-direction:column;width:min(520px,100vw - 32px);max-height:70dvh;animation:.22s cubic-bezier(.4,0,.2,1) modalSlideIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 72px #00000047}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-42%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.reader-demo-chapter-picker-header{border-bottom:1px solid var(--reader-panel-border);background:var(--reader-panel-hover);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.reader-demo-chapter-picker-header>span{color:var(--reader-panel-text);font-size:1.05rem;font-weight:700}.reader-demo-chapter-picker-close{cursor:pointer;width:36px;height:36px;color:var(--reader-panel-text);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:1.3rem;transition:background .18s;display:inline-flex}.reader-demo-chapter-picker-close:hover{background:var(--reader-panel-hover)}.reader-demo-chapter-picker-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:6px;max-height:calc(70vh - 64px);padding:8px;display:flex;overflow-y:auto}.reader-demo-chapter-picker-item{border:1px solid var(--reader-panel-border);color:var(--reader-panel-text);cursor:pointer;text-align:left;background:0 0;border-radius:1rem;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:transform .18s,background .18s,border-color .18s;display:flex}.reader-demo-chapter-picker-item:hover:not(.is-current){background:var(--reader-panel-hover);transform:translate(4px)}.reader-demo-chapter-picker-item.is-current{border-color:currentColor}.reader-demo-chapter-picker-number{white-space:nowrap;font-weight:700}.reader-demo-chapter-picker-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;overflow:hidden}.reader-demo-paragraph-comments-backdrop{z-index:60;background:#0000007a;justify-content:center;align-items:center;padding:20px;animation:.2s backdropFadeIn;display:flex;position:fixed;inset:0}.reader-demo-paragraph-comments-modal{background:var(--reader-panel-bg);width:min(760px,100%);max-height:min(78dvh,760px);color:var(--reader-panel-text);border:1px solid var(--reader-panel-border);border-radius:1.5rem;flex-direction:column;animation:.22s cubic-bezier(.4,0,.2,1) modalSlideIn;display:flex;overflow:hidden;box-shadow:0 26px 78px #00000052}.reader-demo-paragraph-comments-header{border-bottom:1px solid var(--reader-panel-border);background:var(--reader-panel-hover);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.reader-demo-paragraph-comments-close{width:38px;height:38px;color:var(--reader-panel-text);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:1.6rem;line-height:1;transition:background .18s,transform .18s;display:inline-flex}.reader-demo-paragraph-comments-close:hover{background:var(--reader-panel-hover);transform:scale(1.05)}.reader-demo-paragraph-comments-body{-webkit-overflow-scrolling:touch;gap:16px;padding:20px 22px 24px;display:grid;overflow-y:auto}.reader-decoy-text{clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.reader-demo-bottom-nav{border-top:1px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:80px;padding-top:36px;padding-bottom:48px;display:flex}.reader-demo-nav-btn{text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:0;max-width:100%;padding:14px 24px;font-size:.95rem;font-weight:700;line-height:1.3;transition:transform .22s,box-shadow .22s,opacity .2s;display:inline-flex}.reader-demo-nav-btn--prev{background:0 0;border:1.5px solid}.reader-demo-nav-btn--prev:disabled{opacity:.3;cursor:not-allowed}.reader-demo-nav-btn--next{background:var(--theme-primary);color:#fff;border:none}.reader-demo-nav-btn--next:disabled{opacity:.3;cursor:not-allowed}.reader-demo-nav-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000024}.reader-demo-action-icons{gap:12px;display:flex}.reader-demo-circle-btn{cursor:pointer;opacity:.75;background:0 0;border:1.5px solid;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;transition:opacity .2s,transform .2s;display:inline-flex}.reader-demo-circle-btn:hover{opacity:1;transform:scale(1.08)}.reader-effect-btn{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,background-color .25s!important}.reader-effect-btn:hover:not(:disabled){box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.reader-effect-btn:active:not(:disabled){transform:translateY(0)scale(.98)!important}.reader-effect-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (width<=640px){.reader-demo-topbar{padding:8px 12px}.reader-demo-chapter-name{max-width:160px;font-size:.85rem}.reader-demo-content{padding:32px 16px 120px}.reader-demo-chapter-heading{margin-bottom:36px;font-size:1.7rem}.reader-demo-bottom-nav{flex-direction:column;align-items:center}.reader-demo-nav-btn{justify-content:center;width:100%}.reader-demo-floating-nav{inset:auto 12px 20px;transform:none}.reader-demo-floating-nav.is-hidden{opacity:0;transform:translateY(18px)}.reader-demo-floating-nav__button{max-width:calc(50vw - 18px);padding:12px 14px;font-size:.85rem}.reader-demo-settings-panel{width:calc(100vw - 24px);max-height:70vh;right:12px;overflow-y:auto}.reader-demo-footer-btn--chapter{font-size:.85rem}.reader-demo-chapter-picker{border-radius:1.5rem 1.5rem 0 0;width:calc(100vw - 24px);max-height:75dvh;top:auto;bottom:0;left:50%;transform:translate(-50%)}.reader-demo-chapter-picker-list{max-height:calc(75vh - 64px)}.reader-demo-paragraph-comments-backdrop{align-items:flex-end;padding:0 12px}.reader-demo-paragraph-comments-modal{border-radius:1.5rem 1.5rem 0 0;width:100%;max-height:82dvh}.reader-demo-paragraph-comments-header{padding:16px}.reader-demo-paragraph-comments-body{padding:16px 16px 22px}.reader-demo-paragraph-comment-button{width:22px;min-width:22px;height:22px;min-height:22px}}.reaction-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex;position:relative}.reaction-btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;user-select:none;border-radius:20px;align-items:center;gap:4px;padding:3px 8px 3px 5px;font-family:inherit;font-size:.78rem;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.reaction-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-text)}.reaction-btn:active:not(:disabled){transform:scale(.95)}.reaction-btn--active{background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-color:var(--color-primary);color:var(--color-primary)}.reaction-btn--active:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 18%, transparent)}.reaction-btn--loading{opacity:.6;cursor:wait}.reaction-btn:disabled{cursor:not-allowed;opacity:.5}.reaction-btn__emote{object-fit:contain;pointer-events:none;border-radius:4px;width:20px;height:20px}.reaction-btn__count{min-width:12px;font-size:.78rem;font-weight:600}.reaction-btn--add{color:var(--color-text-muted);border-style:dashed;padding:3px 7px}.reaction-btn--add:hover:not(:disabled){color:var(--color-primary);border-style:solid;border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.reaction-btn--picker{color:var(--color-text-muted);border:1px dashed var(--color-border);background:0 0;padding:3px 8px}.reaction-btn--picker:hover:not(:disabled){border-style:solid;border-color:var(--color-accent);color:var(--color-accent)}.reaction-btn--picker-open{border-style:solid;border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.reaction-picker-popup{z-index:200;max-width:min(340px,100vw - 32px);max-height:min(420px,80vh);position:absolute;bottom:calc(100% + 6px)}.reaction-picker-popup--right{left:0}.reaction-picker-popup--left{right:0}.reader-demo-settings-scroll{overflow-y:auto}.home-search-shell{z-index:50;position:relative}.search-dropdown{border:1px solid var(--color-border);background:var(--color-bg-card);backdrop-filter:blur(20px);z-index:100;border-radius:1.25rem;gap:14px;width:min(480px,100vw - 40px);max-height:420px;padding:14px;display:grid;position:absolute;top:calc(100% + 4px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 32px #00000040,0 2px 8px #00000026}.search-dropdown__controls{flex-wrap:wrap;gap:10px;display:flex}.search-dropdown__results{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;gap:8px;max-height:calc(70vh - 60px);display:grid;overflow-y:auto}.search-dropdown__results::-webkit-scrollbar{width:4px}.search-dropdown__results::-webkit-scrollbar-track{background:0 0}.search-dropdown__results::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.search-dropdown__item{border:1px solid var(--color-border);background:var(--color-bg-card);text-align:left;cursor:pointer;border-radius:1.25rem;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:10px;transition:border-color .2s,transform .2s,background-color .2s,box-shadow .2s;display:grid}.search-dropdown__item:hover,.search-dropdown__item.is-active{border-color:color-mix(in srgb, var(--theme-primary) 40%, var(--color-bg));background:var(--color-bg-hover);transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.search-dropdown__cover-wrapper{border-radius:.8rem;flex-shrink:0;width:60px;height:82px;overflow:hidden}.search-dropdown__cover{object-fit:cover;width:100%;height:100%;display:block}.search-dropdown__cover--placeholder{background:linear-gradient(160deg, var(--theme-primary), var(--theme-hover));color:var(--theme-light);justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.search-dropdown__content{gap:4px;min-width:0;display:grid}.search-dropdown__title{color:var(--color-text);font-size:.95rem;font-weight:800;line-height:1.3}.search-dropdown__author{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.search-dropdown__meta{flex-wrap:wrap;gap:8px;display:flex}.search-dropdown__tag{background:color-mix(in srgb, var(--theme-primary) 14%, var(--color-bg-card));color:var(--theme-primary);border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:700}.search-dropdown__highlight{background:color-mix(in srgb, var(--theme-primary) 25%, transparent);color:inherit;border-radius:.3rem;padding:0 2px}.search-dropdown__empty{color:var(--color-text-muted);gap:6px;padding:8px 4px 4px;display:grid}@media (width<=768px){.search-page{grid-template-columns:1fr}}.notification-bell{display:inline-flex;position:relative}.notification-bell__button{border:1px solid var(--color-border);background:var(--color-bg-card);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s;display:inline-flex;position:relative}.notification-bell__button:hover{background:var(--color-bg-hover);border-color:color-mix(in srgb, var(--theme-primary) 18%, var(--color-border));color:var(--theme-primary)}.notification-bell__badge{color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--color-bg-card);background:#ef4444;border-radius:999px;padding:0 5px;font-size:.68rem;font-weight:900;line-height:18px;position:absolute;top:-5px;right:-5px}.notification-bell__dropdown{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-card) 97%, transparent);width:min(340px,100vw - 28px);max-height:min(460px,100vh - 120px);box-shadow:var(--shadow-md);backdrop-filter:blur(16px);z-index:60;border-radius:1.25rem;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.notification-bell__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.notification-bell__header strong{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.9rem;overflow:hidden}.notification-bell__header button{color:var(--theme-primary);white-space:nowrap;background:0 0;border:none;border-radius:.5rem;padding:4px 8px;font-size:.72rem;font-weight:800;transition:background .2s}.notification-bell__header button:hover:not(:disabled){background:var(--color-bg-hover)}.notification-bell__header button:disabled{color:var(--color-text-muted);cursor:default;opacity:.55}.notification-bell__list{max-height:340px;padding:6px;overflow-y:auto}.notification-bell__footer{border-top:1px solid var(--color-border);text-align:center;padding:10px 12px}.notification-bell__footer .profile-secondary-button{box-sizing:border-box;border-radius:.65rem;width:100%;padding:8px 14px;font-size:.8rem;font-weight:700;display:block}.notification-bell__item{width:100%;color:var(--color-text);text-align:left;background:0 0;border:none;border-radius:1rem;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px;display:flex}.notification-bell__item:hover{background:var(--theme-light)}.notification-bell__item--unread{background:color-mix(in srgb, var(--theme-primary) 9%, transparent)}.notification-bell__content{flex:auto;gap:4px;min-width:0;display:grid}.notification-bell__title{text-overflow:ellipsis;white-space:nowrap;font-weight:900;line-height:1.25;overflow:hidden}.notification-bell__body,.notification-bell__meta{color:var(--color-text-muted);font-size:.82rem;line-height:1.35}.notification-bell__delete{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.notification-bell__delete:hover{color:#ef4444;background:#ef44441f}.notification-bell__delete svg{width:15px;height:15px}.notification-bell__clickable{cursor:pointer;text-align:left;flex:auto;min-width:0}.notification-bell__delete--text{border:1px solid var(--color-border);background:var(--color-bg-card);width:auto;height:auto;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:.75rem;flex-shrink:0;padding:6px 12px;font-family:Be Vietnam Pro,Inter,sans-serif;font-size:.78rem;font-weight:600;transition:all .2s}.notification-bell__delete--text:hover{color:#ef4444;background:color-mix(in srgb, #ef4444 8%, var(--color-bg-card));border-color:#ef4444}.notification-bell__empty{color:var(--color-text-muted);text-align:center;padding:24px 12px;font-weight:700}@media (width<=1024px){.notification-bell__dropdown{width:min(360px,100vw - 28px);max-height:min(460px,100vh - 88px);position:fixed;top:64px;left:auto;right:14px}.notification-bell__footer .profile-secondary-button{padding:10px 14px;font-size:.82rem}}.notif-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.notif-tabs .app-chip{align-items:center;gap:6px;padding:10px 16px;font-size:.92rem;display:inline-flex}.notif-tab-badge{background:var(--theme-primary);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:1px 7px;font-size:.72rem;font-weight:700}.notification-bell__item--grayed{opacity:.55;filter:grayscale(.4);background:0 0}.notification-bell__item--grayed .notification-bell__title{text-decoration:line-through 1px #7f7f7f73}.notif-page .notification-bell__item--grayed .notification-bell__clickable{cursor:default;pointer-events:none}.notification-bell__breakdown{border-bottom:1px solid var(--theme-border,#7f7f7f2e);flex-wrap:wrap;gap:6px;padding:10px 12px 6px;display:flex}.notification-bell__breakdown-item{border:1px solid var(--theme-border,#7f7f7f40);cursor:pointer;min-width:88px;color:inherit;background:0 0;border-radius:999px;flex:1 1 0;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;transition:background .12s,border-color .12s;display:inline-flex}.notification-bell__breakdown-item:hover{background:var(--theme-surface-hover,#7f7f7f14)}.notification-bell__breakdown-label{white-space:nowrap}.notification-bell__breakdown-count{color:inherit;text-align:center;background:#7f7f7f40;border-radius:999px;min-width:20px;padding:1px 7px;font-size:.72rem;font-weight:700}.notification-bell__breakdown-count.has-unread{background:var(--theme-primary);color:#fff}.hero-carousel{background:linear-gradient(135deg, var(--color-bg-card) 0%, var(--theme-light) 100%);box-shadow:var(--shadow-md);border-radius:2.25rem;gap:22px;margin-bottom:28px;padding:32px;display:grid}.hero-carousel__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-carousel__badge{background:color-mix(in srgb, var(--color-bg-card) 90%, transparent);width:fit-content;color:var(--theme-primary);border:1px solid var(--color-border);border-radius:999px;margin-bottom:12px;padding:10px 16px;font-size:.82rem;font-weight:800;display:inline-flex}.hero-carousel__title{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.hero-carousel__actions{align-items:center;gap:10px;display:flex}.hero-carousel__arrow{border:1px solid var(--color-border);background:var(--color-bg-card);width:42px;height:42px;color:var(--theme-primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:1.4rem;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.hero-carousel__arrow:hover{border-color:color-mix(in srgb, var(--theme-primary) 38%, var(--color-border));background:color-mix(in srgb, var(--theme-primary) 14%, var(--color-bg-card));transform:scale(1.06)}.hero-carousel__track{gap:16px;display:grid}.hero-carousel__viewport{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.hero-carousel__viewport::-webkit-scrollbar{display:none}.hero-carousel__track--scroll{gap:16px;display:flex}.hero-carousel__track--scroll>.hero-carousel__card{scroll-snap-align:start;flex:0 0 calc(25% - 12px)}.hero-carousel__track--columns[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-carousel__track--columns[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-carousel__track--columns[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-carousel__card{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-card) 94%, transparent);box-shadow:var(--shadow-sm);border-radius:1.6rem;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.hero-carousel__card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--theme-primary) 26%, white);transform:translateY(-2px)}.hero-carousel__cover-wrapper{aspect-ratio:2/3;background:var(--theme-light);overflow:hidden}.hero-carousel__cover{object-fit:cover;width:100%;height:100%;display:block}.hero-carousel__cover--placeholder{background:linear-gradient(160deg, var(--theme-primary), var(--theme-hover));color:#fff;justify-content:center;align-items:center;font-size:2.4rem;font-weight:800;display:flex}.hero-carousel__content{gap:10px;padding:16px;display:grid}.hero-carousel__stats{color:var(--theme-primary);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:800}.hero-carousel__story-title{margin:0;font-size:.98rem;line-height:1.4}.hero-carousel__story-link{color:inherit;text-decoration:none}.hero-carousel__tags{flex-wrap:wrap;gap:8px;display:flex}.hero-carousel__tag{background:var(--theme-light);color:var(--theme-primary);border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}.hero-carousel__dots{justify-content:center;gap:10px;display:flex}.hero-carousel__dot{background:color-mix(in srgb, var(--color-text-muted) 40%, transparent);cursor:pointer;border:none;border-radius:999px;width:10px;height:10px;transition:background .2s}.hero-carousel__dot.is-active{background:var(--theme-primary);width:28px}.hero-carousel__fallback{background:color-mix(in srgb, var(--color-bg-card) 92%, transparent);color:var(--color-text-muted);border-radius:1.2rem;padding:18px}@media (width<=1024px){.hero-carousel{padding:24px}.hero-carousel__header{flex-direction:column;align-items:flex-start}.hero-carousel__track--scroll>.hero-carousel__card{flex-basis:calc(33.3333% - 10.6667px)}}@media (width<=639px){.hero-carousel__track--scroll>.hero-carousel__card{flex-basis:calc(50% - 8px)}}.weekly-popular-carousel{gap:22px;min-width:0;max-width:100%;margin-top:46px;display:grid;overflow:hidden}.weekly-popular-carousel__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.weekly-popular-carousel__title{margin:0;font-size:2rem}.weekly-popular-carousel__arrow{z-index:2;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-card) 88%, transparent);width:42px;height:42px;color:var(--theme-primary);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:1.4rem;transition:background-color .2s,transform .2s,border-color .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.weekly-popular-carousel__arrow:hover{border-color:color-mix(in srgb, var(--theme-primary) 38%, var(--color-border));background:color-mix(in srgb, var(--theme-primary) 14%, var(--color-bg-card));transform:translateY(-50%)scale(1.06)}.weekly-popular-carousel__arrow--prev{left:12px}.weekly-popular-carousel__arrow--next{right:12px}.weekly-popular-carousel__viewport{align-items:center;min-width:0;max-width:100%;display:flex;position:relative;overflow:hidden}.weekly-popular-carousel__viewport--scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.weekly-popular-carousel__viewport--scroll::-webkit-scrollbar{display:none}.weekly-popular-carousel__track-window{border-radius:1.6rem;width:100%;min-width:0;max-width:100%;overflow:hidden}.weekly-popular-carousel__track{will-change:transform;gap:16px;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex}.weekly-popular-carousel__track--scroll>.weekly-popular-carousel__card{scroll-snap-align:start;flex:0 0 calc(25% - 12px);min-width:0}.weekly-popular-carousel__track[data-columns="4"]>.weekly-popular-carousel__card{flex:0 0 calc(25% - 12px)}.weekly-popular-carousel__track[data-columns="3"]>.weekly-popular-carousel__card{flex:0 0 calc(33.3333% - 10.6667px)}.weekly-popular-carousel__track[data-columns="2"]>.weekly-popular-carousel__card{flex:0 0 calc(50% - 8px)}.weekly-popular-carousel__card{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-card) 94%, transparent);box-shadow:var(--shadow-sm);border-radius:1.6rem;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.weekly-popular-carousel__card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--theme-primary) 26%, white);transform:translateY(-2px)}.weekly-popular-carousel__cover-wrapper{aspect-ratio:2/3;background:var(--theme-light);overflow:hidden}.weekly-popular-carousel__cover{object-fit:cover;width:100%;height:100%;display:block}.weekly-popular-carousel__cover--placeholder{background:linear-gradient(160deg, var(--theme-primary), var(--theme-hover));color:#fff;justify-content:center;align-items:center;font-size:2.4rem;font-weight:800;display:flex}.weekly-popular-carousel__content{gap:10px;padding:16px;display:grid}.weekly-popular-carousel__stats{color:var(--theme-primary);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:800}.weekly-popular-carousel__story-title{margin:0;font-size:1.05rem;line-height:1.4}.weekly-popular-carousel__tags{flex-wrap:wrap;gap:8px;display:flex}.weekly-popular-carousel__tag{background:var(--theme-light);color:var(--theme-primary);border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}.weekly-popular-carousel__dots{flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.weekly-popular-carousel__dot{aspect-ratio:1;background:color-mix(in srgb, var(--color-text-muted) 40%, transparent);cursor:pointer;border:none;border-radius:999px;flex:none;width:10px;min-width:10px;max-width:10px;height:10px;min-height:10px;max-height:10px;padding:0;transition:background-color .2s,transform .2s,opacity .2s}.weekly-popular-carousel__dot.is-active{background:var(--theme-primary);transform:scale(1.15)}.weekly-popular-carousel__fallback{background:color-mix(in srgb, var(--color-bg-card) 92%, transparent);color:var(--color-text-muted);border-radius:1.2rem;padding:18px}@media (width<=1024px){.weekly-popular-carousel__header{flex-direction:column;align-items:flex-start}.weekly-popular-carousel__track--scroll>.weekly-popular-carousel__card{flex-basis:calc(33.3333% - 10.6667px)}.weekly-popular-carousel__arrow{width:38px;height:38px}.weekly-popular-carousel__arrow--prev{left:8px}.weekly-popular-carousel__arrow--next{right:8px}}@media (width<=639px){.weekly-popular-carousel__track--scroll>.weekly-popular-carousel__card{flex-basis:calc(50% - 8px)}.weekly-popular-carousel__cover-wrapper{aspect-ratio:3/2}.weekly-popular-carousel__content{gap:6px;padding:10px 12px}.weekly-popular-carousel__stats{font-size:.72rem}.weekly-popular-carousel__story-title{font-size:.85rem}.weekly-popular-carousel__tags{display:none}.weekly-popular-carousel__arrow{width:34px;height:34px;font-size:1.2rem}.weekly-popular-carousel__arrow--prev{left:6px}.weekly-popular-carousel__arrow--next{right:6px}.weekly-popular-carousel__dot{width:8px;min-width:8px;max-width:8px;height:8px;min-height:8px;max-height:8px}}.recommendations-carousel{gap:16px;display:grid}.recommendations-carousel__header-actions{justify-content:flex-end;gap:10px;display:flex}.recommendations-carousel__header-actions .weekly-popular-carousel__arrow{flex:none;position:static;top:auto;left:auto;right:auto;transform:none}.recommendations-carousel__header-actions .weekly-popular-carousel__arrow:hover{transform:translateY(-1px)}.recommendations-carousel__track{gap:16px;display:grid}.recommendations-carousel__track[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.recommendations-carousel__track[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendations-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.recommendations-scroll::-webkit-scrollbar{display:none}.recommendations-scroll__item{scroll-snap-align:start;flex:none;width:min(240px,85vw)}@media (width<=1024px){.story-grid--recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-grid--recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendations-carousel__track[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}.authors-main{gap:28px;display:grid}.authors-hero-card{border:1px solid color-mix(in srgb, var(--theme-primary) 16%, var(--color-border));background:radial-gradient(circle at top left, color-mix(in srgb, var(--theme-primary) 16%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--color-bg-card) 96%, transparent), var(--theme-light));box-shadow:var(--shadow-md);border-radius:2rem;padding:30px}.authors-hero-card__content{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.authors-hero-card h1{margin:0 0 10px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.authors-hero-card p:not(.auth-kicker){max-width:720px;color:var(--color-text-muted);margin:0;line-height:1.7}.authors-hero-card__stat{background:color-mix(in srgb, var(--color-bg-card) 82%, transparent);border:1px solid var(--color-border);text-align:center;min-width:132px;box-shadow:var(--shadow-sm);border-radius:1.5rem;flex:none;padding:18px}.authors-hero-card__stat strong{color:var(--theme-primary);font-size:2rem;line-height:1;display:block}.authors-hero-card__stat span{color:var(--color-text-muted);font-weight:700}.authors-section__heading p{color:var(--color-text-muted);margin:6px 0 0}.authors-toolbar{background:color-mix(in srgb, var(--color-bg-card) 92%, transparent);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:1.5rem;margin-bottom:20px;padding:18px}.authors-search-field{gap:8px;display:grid}.authors-search-field span{color:var(--color-text-muted);font-size:.9rem;font-weight:800}.authors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.author-card{border:1px solid var(--color-border);background:linear-gradient(160deg, color-mix(in srgb, var(--color-bg-card) 97%, transparent), color-mix(in srgb, var(--theme-light) 42%, var(--color-bg-card))), var(--color-bg-card);box-shadow:var(--shadow-sm);border-radius:1.7rem;padding:20px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.author-card:after{content:"";background:color-mix(in srgb, var(--theme-primary) 11%, transparent);pointer-events:none;border-radius:999px;width:120px;height:120px;position:absolute;inset:auto -30px -50px auto}.author-card:hover{border-color:color-mix(in srgb, var(--theme-primary) 28%, var(--color-border));box-shadow:var(--shadow-lg);transform:translateY(-3px)}.author-card__header{z-index:1;text-align:center;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex;position:relative}.author-card__avatar{color:#fff;background:linear-gradient(135deg, var(--theme-primary), var(--theme-hover));width:58px;height:58px;box-shadow:0 16px 30px -18px var(--theme-shadow);border-radius:1.3rem;flex:none;justify-content:center;align-items:center;font-size:1.5rem;font-weight:900;display:inline-flex}.author-card__eyebrow{color:var(--theme-primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:900}.author-card__name{margin:0;font-size:1.25rem;line-height:1.25}.author-card__chip{background:var(--theme-light);width:fit-content;color:var(--theme-primary);border-radius:999px;margin-top:8px;padding:4px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.author-card__bio{z-index:1;min-height:4.5em;color:var(--color-text-muted);margin:0 0 16px;line-height:1.55;position:relative}.author-card__stats{z-index:1;text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid;position:relative}.author-card__stat{background:color-mix(in srgb, var(--color-bg-card) 72%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);border-radius:1rem;padding:12px}.author-card__stat strong{color:var(--color-text);font-size:.98rem;line-height:1.25;display:block}.author-card__stat span,.authors-empty-state span{color:var(--color-text-muted);font-size:.78rem;font-weight:700}.author-card__contributors{z-index:1;gap:8px;display:grid;position:relative}.author-card__contributors div{flex-wrap:wrap;gap:6px;display:flex}.author-card__contributors small{background:color-mix(in srgb, var(--theme-primary) 10%, var(--color-bg-card));color:var(--theme-primary);border-radius:999px;padding:4px 8px;font-weight:800}.author-card__toggle{z-index:1;border:1px solid color-mix(in srgb, var(--theme-primary) 24%, var(--color-border));background:var(--color-bg-card);width:100%;color:var(--theme-primary);cursor:pointer;border-radius:999px;margin-top:14px;padding:10px 14px;font-weight:900;transition:background .2s;position:relative}.author-card__toggle:hover,.author-card__toggle:focus-visible{background:var(--theme-light);outline:none}.author-card__stories{z-index:1;gap:10px;margin-top:12px;display:grid;position:relative}.author-card__story{border:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);background:color-mix(in srgb, var(--color-bg-card) 78%, transparent);color:inherit;border-radius:1rem;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:9px;text-decoration:none;display:grid}.author-card__story:hover,.author-card__story:focus-visible{border-color:color-mix(in srgb, var(--theme-primary) 30%, var(--color-border));background:var(--theme-light);outline:none}.author-card__story-cover{aspect-ratio:3/4;background:linear-gradient(135deg, var(--theme-light), var(--color-bg-card));width:48px;color:var(--theme-primary);border-radius:.75rem;justify-content:center;align-items:center;font-weight:900;display:flex;overflow:hidden}.author-card__story-cover img{object-fit:cover;width:100%;height:100%}.author-card__story-title{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;display:block;overflow:hidden}.author-card__story small{color:var(--color-text-muted);margin-top:2px;font-size:.76rem;display:block}.authors-empty-state{border:1px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-sm);border-radius:1.5rem;padding:28px}.authors-empty-state h3{margin:0 0 8px}.authors-empty-state p{color:var(--color-text-muted);margin:0}@media (width<=760px){.authors-hero-card,.authors-toolbar,.author-card{border-radius:1.25rem}.authors-hero-card{padding:20px}.authors-hero-card__content{flex-direction:column;align-items:stretch}.authors-hero-card__stat{width:fit-content}.authors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.author-card{padding:12px}.author-card__header{justify-content:center;align-items:center;gap:8px;margin-bottom:12px}.author-card__avatar{border-radius:1rem;width:44px;height:44px;font-size:1.1rem}.author-card__name{font-size:.98rem}.author-card__bio{-webkit-line-clamp:2;line-clamp:2;min-height:auto;font-size:.82rem}.author-card__stats{grid-template-columns:1fr;gap:7px}.author-card__stat{padding:9px}.author-card__story{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:7px}.author-card__story-cover{border-radius:.65rem;width:38px}.author-card__story-title{font-size:.82rem}}.publish-panel{box-shadow:var(--shadow-md);background:#ffffffeb;border:1px solid #fffc;border-radius:2rem;padding:28px}html.dark .publish-panel{background:var(--color-bg-card);border-color:var(--color-border)}.publish-panel input[type=file]{margin-bottom:12px}.publish-error-list{background:color-mix(in srgb, var(--color-error) 8%, var(--color-bg));border:1px solid color-mix(in srgb, var(--color-error) 32%, var(--color-border));color:color-mix(in srgb, var(--color-error) 70%, var(--color-text));border-radius:1rem;padding:16px}.publish-editor{resize:vertical;border:1px solid var(--color-border);width:100%;min-height:160px;font:inherit;color:var(--color-text);background:var(--color-bg);border-radius:1.2rem;padding:16px 18px}.publish-tabs,.publish-toolbar,.publish-template-row{flex-wrap:wrap;gap:12px;display:flex}.publish-chapter-grid{grid-template-columns:1fr;gap:10px;display:grid}.publish-chapter-card{border:1px solid var(--color-border);background:var(--color-bg);border-radius:1rem;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.publish-chapter-card__meta{gap:4px;min-width:0;display:grid}.publish-chapter-card__number{color:var(--color-text);font-size:.86rem;font-weight:800}.publish-chapter-card__title{min-width:0;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.publish-chapter-card__actions{flex-shrink:0;gap:8px;display:flex}.publish-preview-list{flex-direction:column;gap:14px;margin-top:18px;display:flex}.publish-chapter-zero-tooltip{cursor:help}.publish-chapter-zero-tooltip:hover .publish-tooltip-bubble,.publish-chapter-zero-tooltip:focus-within .publish-tooltip-bubble{opacity:1;pointer-events:auto}@media (width>=640px){.publish-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1280px){.publish-chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.publish-chapter-card{align-items:flex-start}}@media (width<=720px){.profile-grid,.story-manager__grid,.story-manager__two-column,.story-manager__meta-grid{grid-template-columns:1fr}.story-manager__card--form,.story-manager__card--sidebar{padding:20px}}.publish-success-overlay{z-index:9999;backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.publish-success-popup{background:var(--color-bg-card);border:1px solid var(--color-border);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:2rem;padding:40px 32px;animation:.3s cubic-bezier(.34,1.56,.64,1) publish-success-popup-in}@keyframes publish-success-popup-in{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.publish-success-popup__icon{margin-bottom:16px;font-size:4rem;line-height:1}.publish-success-popup__title{color:var(--color-text);margin:0 0 12px;font-family:Lora,Noto Serif,Georgia,serif;font-size:1.5rem;font-weight:700}.publish-success-popup__message{color:var(--color-text-muted);margin:0 0 28px;font-size:.95rem;line-height:1.6}.publish-success-popup__actions{flex-direction:column;gap:10px;display:flex}.publish-chapter-toast{z-index:9999;background:var(--color-bg-card);border:1px solid color-mix(in srgb, var(--theme-primary) 30%, var(--color-border));box-shadow:var(--shadow-lg);border-radius:1.2rem;align-items:center;gap:12px;max-width:360px;padding:16px 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) publish-chapter-toast-in;display:flex;position:fixed;bottom:24px;right:24px}@keyframes publish-chapter-toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.publish-chapter-toast__icon{flex-shrink:0;font-size:2rem}.publish-chapter-toast__text{flex:1}.publish-chapter-toast__title{color:var(--color-text);margin:0 0 2px;font-size:.95rem;font-weight:600}.publish-chapter-toast__message{color:var(--color-text-muted);margin:0;font-size:.85rem}.story-manager{min-height:100vh;padding:8px 0 40px}.story-manager__grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:32px;max-width:1280px;margin:0 auto;padding:0 8px;display:grid}.story-manager__sidebar,.story-manager__main{min-width:0}.story-manager__card{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:2rem}.story-manager__card--sidebar{padding:24px}.story-manager__card--form{padding:28px 32px}.story-manager__intro{margin-bottom:20px}.story-manager__sidebar-title{margin-bottom:8px;font-size:2rem;line-height:1.15}.story-manager__sidebar-copy,.story-manager__description,.story-manager__empty,.story-manager__help,.story-manager__uploading,.story-manager__picker-subtitle,.story-manager__hint{color:var(--color-text-muted)}.story-manager__picker{border:1px solid var(--color-border);background:var(--color-bg-card);text-align:left;border-radius:1.35rem;flex-direction:column;gap:14px;width:100%;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s;display:flex}.story-manager__picker:hover{border-color:color-mix(in srgb, var(--theme-primary) 28%, var(--color-border));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.story-manager__picker.is-active{border-color:color-mix(in srgb, var(--theme-primary) 46%, var(--color-border));background:color-mix(in srgb, var(--theme-light) 45%, var(--color-bg-card));box-shadow:0 0 0 4px color-mix(in srgb, var(--theme-primary) 12%, white)}.story-manager__picker--new{border-style:dashed;border-width:2px;flex-direction:row;align-items:center;margin-bottom:16px}.story-manager__picker-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.story-manager__picker-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.story-manager__picker-copy--story{flex:1}.story-manager__picker-title{color:var(--color-text);font-weight:800}.story-manager__picker-title--story{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-manager__picker-icon-shell{background:var(--color-bg-hover);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.story-manager__picker-icon-shell.is-active{background:color-mix(in srgb, var(--theme-primary) 14%, white)}.story-manager__story-list{flex-direction:column;gap:12px;display:flex}.story-manager__chips{flex-wrap:wrap;gap:8px;display:flex}.story-manager__chip,.story-manager__status-chip{border-radius:.8rem;align-items:center;padding:6px 10px;font-size:.75rem;font-weight:700;line-height:1.2;display:inline-flex}.story-manager__chip{background:var(--color-bg-hover);color:var(--color-text-muted)}.story-manager__status-chip--draft{color:#b45309;background:#fdeed3}.story-manager__status-chip--published{color:#047857;background:#d4f2e8}.story-manager__claim-badge{border-radius:.8rem;align-items:center;gap:3px;padding:4px 9px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.story-manager__claim-badge--unclaimed{color:#b45309;background:#fdecce;border:1px dashed #f59e0b}.story-manager__claim-badge--partial{color:#1d4ed8;background:#dce9fd}.story-manager__claim-badge--claimed{color:#047857;background:#d4f2e8}.story-manager__icon--sm{width:12px;height:12px}.story-manager__header{border-bottom:1px solid var(--color-border);margin-bottom:24px;padding-bottom:20px}.story-manager__eyebrow{color:var(--theme-primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:.82rem;font-weight:800;display:inline-flex}.story-manager__title{margin-bottom:10px;font-size:2.2rem;line-height:1.1}.story-manager__cover-actions,.story-manager__footer{flex-wrap:wrap;gap:12px;display:flex}.story-manager__actions-row{margin-bottom:24px}.story-manager__form{flex-direction:column;gap:24px;display:flex}.story-manager__two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.story-manager__two-column--bottom{gap:28px}.story-manager__meta-panel{border:1px solid var(--color-border);background:color-mix(in srgb, var(--theme-light) 45%, var(--color-bg-card));border-radius:1.5rem;padding:20px}.story-manager__meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.story-manager__field{flex-direction:column;gap:10px;min-width:0;display:flex}.story-manager__label{color:var(--color-text);font-size:.95rem;font-weight:800}.story-manager__label-copy{align-items:center;gap:8px;display:inline-flex}.story-manager__label--between{justify-content:space-between;align-items:center;gap:12px;display:flex}.story-manager__required{color:var(--theme-primary)}.story-manager__input,.story-manager__select,.story-manager__textarea{border:1px solid var(--color-border);background:var(--color-bg-card);width:100%;color:var(--color-text);font:inherit;border-radius:1.1rem;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s}.story-manager__input{padding:15px 18px}.story-manager__select{padding:13px 16px}.story-manager__textarea{resize:vertical;min-height:220px;padding:16px 18px;line-height:1.75}.story-manager__input:focus,.story-manager__select:focus,.story-manager__textarea:focus{border-color:var(--theme-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--theme-primary) 16%, white)}.story-manager__help{font-size:.78rem;line-height:1.45}.story-manager__help--body{max-width:520px}.story-manager__divider{border:none;border-top:1px solid var(--color-border)}.story-manager__radio-group{flex-direction:column;gap:14px;padding-top:4px;display:flex}.story-manager__radio-row{cursor:pointer;align-items:center;gap:12px;display:flex}.story-manager__radio-shell{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:relative}.story-manager__radio-input{opacity:0;cursor:pointer;position:absolute;inset:0}.story-manager__radio-visual{background:var(--color-bg-card);border:2px solid #cbd5e1;border-radius:999px;width:20px;height:20px;transition:border-color .2s,background-color .2s}.story-manager__radio-dot{opacity:0;background:#fff;border-radius:999px;width:8px;height:8px;transition:opacity .2s;position:absolute}.story-manager__radio-input:checked+.story-manager__radio-visual{border-color:var(--theme-primary);background:var(--theme-primary)}.story-manager__radio-input:checked+.story-manager__radio-visual+.story-manager__radio-dot{opacity:1}.story-manager__radio-copy{color:var(--color-text);font-weight:700}.story-manager__radio-copy--normal{font-weight:600}.story-manager__cover-stack{flex-direction:column;gap:16px;display:flex}.story-manager__cover-dropzone{background:color-mix(in srgb, var(--theme-light) 30%, var(--color-bg-card));text-align:center;cursor:pointer;border:2px dashed #d7dde5;border-radius:1.5rem;justify-content:center;align-items:center;width:100%;padding:24px;transition:background-color .2s,border-color .2s;display:flex}.story-manager__cover-dropzone:hover{background:color-mix(in srgb, var(--theme-light) 48%, var(--color-bg-card));border-color:color-mix(in srgb, var(--theme-primary) 24%, #d7dde5)}.story-manager__cover-dropzone--preview{cursor:default}.story-manager__cover-placeholder-copy,.story-manager__cover-preview-copy{flex-direction:column;align-items:center;display:flex}.story-manager__cover-image{object-fit:cover;width:180px;height:240px;box-shadow:var(--shadow-sm);border-radius:1.2rem;margin-bottom:14px}.story-manager__cover-title{color:var(--color-text);font-weight:700}.story-manager__cover-subtitle{color:var(--color-text-muted);margin-top:4px;font-size:.82rem}.story-manager__upload-button,.story-manager__reset,.story-manager__submit{text-align:center;border-radius:1rem;min-width:0;max-width:100%;padding:14px 18px;font-weight:800;line-height:1.35}.story-manager__upload-button,.story-manager__reset{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted)}.story-manager__submit{background:var(--theme-primary);color:#fff;box-shadow:0 16px 32px -18px var(--theme-shadow);border:none}.story-manager__submit:hover:not(:disabled){background:var(--theme-hover)}.story-manager__submit:disabled{opacity:.65;cursor:not-allowed}.story-manager__hidden-input{display:none}.story-manager__icon{flex-shrink:0;width:16px;height:16px}.story-manager__icon--lg{width:22px;height:22px}.story-manager__icon--xl{width:34px;height:34px}.story-manager__icon--active,.story-manager__icon--muted{color:var(--color-text-muted)}.story-manager__icon.is-active,.story-manager__icon--active{color:var(--theme-primary)}@media (width<=1100px){.story-manager__grid,.story-manager__meta-grid{grid-template-columns:1fr}}@media (width<=720px){.story-manager{padding-bottom:28px}.story-manager__grid{gap:20px;padding:0}.story-manager__card--sidebar,.story-manager__card--form{border-radius:1.5rem;padding:20px}.story-manager__sidebar-title,.story-manager__title{font-size:1.8rem}.story-manager__two-column,.story-manager__meta-grid{grid-template-columns:1fr;gap:18px}.story-manager__label--between,.story-manager__footer,.story-manager__picker--new,.story-manager__picker-head,.story-manager__cover-actions,.story-manager__actions-row{flex-direction:column;align-items:stretch}.story-manager__cover-image{aspect-ratio:3/4;width:min(100%,180px);height:auto}}.reading-lists-page{max-width:1200px;margin:0 auto;padding:24px}.reading-lists-page__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.reading-lists-page__title{margin:0;font-size:2rem;line-height:1.15}.reading-lists-page__alert{margin-bottom:16px}.reading-lists-create-form{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:20px;display:flex}.reading-lists-layout{grid-template-columns:320px 1fr;gap:24px;display:grid}.reading-lists-panel,.reading-lists-detail{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:16px}.reading-lists-panel{height:fit-content}.reading-lists-panel__title{margin-bottom:16px;font-size:1.1rem}.reading-lists-panel__list{flex-direction:column;gap:8px;display:flex}.reading-list-item{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:16px;padding:14px;transition:border-color .2s,background-color .2s,transform .2s}.reading-list-item:hover{border-color:color-mix(in srgb, var(--theme-primary) 24%, white);transform:translateY(-1px)}.reading-list-item--active{border-color:color-mix(in srgb, var(--theme-primary) 36%, white);background:color-mix(in srgb, var(--theme-light) 78%, white)}.reading-list-item__content{justify-content:space-between;align-items:center;gap:12px;display:flex}.reading-list-item__meta{min-width:0}.reading-list-item__actions{gap:6px;display:flex}.reading-list-item__edit-row{gap:8px;display:flex}.reading-lists-story-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.reading-lists-story-card__actions{gap:8px;margin-top:12px;display:flex}@media (width<=1024px){.reading-lists-page__header{flex-direction:column;align-items:stretch}.reading-lists-page__create-button{width:100%}.reading-lists-create-form{flex-direction:column;align-items:stretch}.reading-lists-layout{grid-template-columns:1fr}.reading-lists-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.reading-list-item__content,.reading-list-item__edit-row,.reading-lists-story-card__actions{flex-direction:column;align-items:stretch}.reading-list-item__actions{justify-content:flex-start;width:100%}.reading-lists-story-grid{grid-template-columns:1fr}.reading-lists-story-card__actions .profile-secondary-button,.reading-lists-story-card__actions .auth-button{width:100%}}.admin-request-list,.admin-request-history{flex-direction:column;gap:14px;margin-top:18px;display:flex}.admin-request-item{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:1.4rem;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.admin-section-title{margin:0;font-size:1.1rem}.admin-empty-message{color:var(--color-text-muted);margin-top:18px}.admin-request-person,.admin-request-actions{align-items:center;gap:14px;display:flex}.admin-request-main{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.admin-request-summary{flex-direction:column;gap:6px;min-width:0;display:flex}.admin-request-summary h3,.admin-request-box p{margin:0}.admin-request-summary small{color:var(--color-text-muted)}.admin-request-content-grid{grid-template-columns:minmax(240px,.95fr) minmax(0,1.6fr);gap:14px;min-width:0;display:grid}.admin-request-box{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-card) 84%, var(--theme-light));border-radius:1rem;flex-direction:column;gap:10px;min-width:0;padding:14px 16px;display:flex}.admin-request-box--detail{justify-content:space-between}.admin-request-box-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:.78rem;font-weight:800}.admin-request-box-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-request-box p{white-space:pre-wrap;overflow-wrap:anywhere}.admin-request-actions{flex-direction:column;justify-content:center;align-items:stretch}.request-status{text-transform:capitalize;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:800}.request-status--pending{background:color-mix(in srgb, #ffb74d 12%, var(--color-bg));color:color-mix(in srgb, #e65100 85%, var(--color-text))}.request-status--approved{background:color-mix(in srgb, var(--color-success) 12%, var(--color-bg));color:color-mix(in srgb, var(--color-success) 70%, var(--color-text))}.request-status--rejected{background:color-mix(in srgb, var(--color-error) 10%, var(--color-bg));color:color-mix(in srgb, var(--color-error) 70%, var(--color-text))}.request-history-item{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:1.4rem;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}@media (width<=960px){.admin-request-item{flex-direction:column}.admin-request-content-grid{grid-template-columns:1fr}.admin-request-actions{flex-direction:row;justify-content:flex-start;width:100%}.admin-request-actions>*{flex:1}}.admin-tabs{border-bottom:2px solid var(--color-border,#e5e5e5);gap:0;margin-bottom:28px;display:flex}.admin-tab{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 20px;font-size:.92rem;font-weight:500;transition:color .2s,border-color .2s}.admin-tab:hover{color:var(--color-text,#222)}@media (width<=640px){.all-stories-section .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.all-stories-section .story-card{border-radius:14px;min-width:0}.all-stories-section .story-content{padding:10px}.all-stories-section .story-title{font-size:.88rem;line-height:1.3}.all-stories-section .story-summary{display:none}.all-stories-section .story-meta-row,.all-stories-section .story-status,.all-stories-section .story-tag{font-size:.7rem}}.qt-shell{max-width:800px;margin:0 auto;padding:24px}.qt-section{margin-bottom:32px}.qt-section h2{margin-bottom:16px;font-size:1.5rem}.qt-card{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:1.5rem;padding:20px;transition:border-color .2s,box-shadow .2s}.qt-card:hover{border-color:color-mix(in srgb, var(--theme-primary) 18%, var(--color-border));box-shadow:var(--shadow-md)}.qt-card h3{margin-bottom:8px;font-size:1.1rem}.qt-card p{color:var(--color-text-muted);margin-bottom:16px;font-size:.9rem}@media (width<=640px){#scroll-to-top{width:44px;height:44px;bottom:16px;right:16px}#scroll-to-top svg{width:18px;height:18px}button,select,input{min-height:44px}select.auth-input{font-size:.9rem}}.honor-banner{background:linear-gradient(135deg, var(--theme-light), var(--color-bg-card));border:1px solid var(--color-border);color:var(--theme-primary);border-radius:1rem;justify-content:center;align-items:center;gap:16px;min-height:80px;padding:16px 24px;font-size:.95rem;font-weight:800;display:flex;position:relative}.home-honor-rail{z-index:100;position:fixed;top:50%;right:16px;transform:translateY(-50%)}@media (width<=1024px){.home-honor-rail{width:100%;margin-top:16px;position:static;transform:none}.honor-banner{position:static}}.honor-banner__icon{flex-shrink:0;width:36px;height:36px}.honor-banner__confetti{pointer-events:none;width:280px;height:280px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.honor-banner__confetti-piece{opacity:0;width:8px;height:8px;animation:3.2s ease-out infinite honor-confetti;animation-delay:calc(var(--i) * .16s);background-color:#ffeb3b;border-radius:2px;position:absolute;top:50%;left:50%}.honor-banner__confetti-piece:nth-child(2n){background-color:#ff4081;width:6px;height:12px}.honor-banner__confetti-piece:nth-child(3n){background-color:#00e5ff;border-radius:50%;width:7px;height:7px}.honor-banner__confetti-piece:nth-child(5n){background-color:gold;width:7px;height:7px}.honor-banner__confetti-piece:nth-child(7n){background-color:#ff69b4;width:5px;height:8px}.honor-banner__content{flex-direction:column;gap:8px;display:flex}.honor-banner__flag{color:#fff;text-align:center;background:linear-gradient(#ff1493,#ff69b4);border-radius:12px 12px 0 0;width:180px;padding:24px 18px;animation:3.5s ease-in-out infinite honor-float;position:relative;box-shadow:0 12px 32px #ff149373,0 0 20px #ff69b44d}.honor-banner__label{opacity:.95;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600;line-height:1.4}.honor-banner__medal{background:radial-gradient(circle,gold 0%,#ffed4e 40%,gold 100%);border-radius:50%;width:48px;height:48px;margin:0 auto 16px;position:relative;box-shadow:0 4px 12px #ffd70099,inset 0 -2px 8px #00000026}.honor-banner__medal:before{content:"";background:radial-gradient(circle,#fff 0%,#ffe57f 100%);border-radius:50%;width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #fffc}.honor-banner__medal:after{content:"★";color:#ff1493;z-index:1;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.honor-banner__name{word-wrap:break-word;text-shadow:0 2px 8px #00000026;font-size:1.15rem;font-weight:800;line-height:1.3}.honor-banner__tail{border-top:24px solid #ff69b4;border-left:90px solid #0000;border-right:90px solid #0000;width:0;height:0;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}@media (width>=1025px){.home-honor-rail,.honor-banner{z-index:100;position:fixed;top:50%;right:16px;transform:translateY(-50%)}}@keyframes honor-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes honor-confetti{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.9}to{opacity:0;transform:translate(calc((var(--i) - 10) * 12px), 260px) rotate(calc((var(--i) - 10) * 36deg))}}.shop-shell{max-width:1120px;margin:0 auto;padding:0 24px 60px}.shop-hero{box-shadow:var(--shadow-md);background:#ffffffeb;border:1px solid #fffc;border-radius:2rem;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;padding:28px 32px;display:flex}html.dark .shop-hero{background:var(--color-bg-card);border-color:var(--color-border)}.shop-hero__icon{color:var(--theme-primary);flex-shrink:0}.shop-hero__text{flex:auto;min-width:0}.shop-hero__text h1{color:var(--color-text);margin:0 0 4px;font-family:Lora,Noto Serif,Georgia,serif;font-size:1.65rem;font-weight:700}.shop-hero__text p{color:var(--color-text-muted);margin:0;font-size:.92rem}.shop-balance-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shop-back-home-btn{background:var(--color-bg-hover);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;align-items:center;gap:4px;padding:8px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.shop-back-home-btn:hover{background:var(--color-bg-card);border-color:var(--theme-primary);color:var(--theme-primary)}.shop-balance-chip{background:var(--color-bg-hover);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.shop-balance-chip__icon{font-size:1.05rem}.shop-balance-chip__value{color:var(--theme-primary);font-weight:700}.shop-tabs{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.shop-frame-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.shop-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.shop-pagination__info{color:var(--color-text);text-align:center;min-width:80px;font-size:.88rem}.shop-frame-card{box-shadow:var(--shadow-md);background:#ffffffeb;border:1px solid #fffc;border-radius:2rem;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}html.dark .shop-frame-card{background:var(--color-bg-card);border-color:var(--color-border)}.shop-frame-card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--theme-primary) 30%, var(--color-border));transform:translateY(-3px)}.shop-frame-card.is-selected{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-primary) 14%, transparent)}.shop-frame-preview{aspect-ratio:2/3;background:linear-gradient(160deg, var(--theme-light) 0%, var(--color-bg-hover) 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.shop-frame-preview img{object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 8px 16px #00000026);max-width:100%;max-height:100%}.shop-frame-badge{letter-spacing:.04em;text-transform:uppercase;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:12px;right:12px}.shop-frame-badge--vip{color:#78350f;background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.shop-frame-badge--owned{background:color-mix(in srgb, var(--color-success) 14%, var(--color-bg-card));border-color:color-mix(in srgb, var(--color-success) 45%, var(--color-border));color:color-mix(in srgb, var(--color-success) 80%, var(--color-text));left:12px;right:auto}.shop-frame-body{flex-direction:column;gap:8px;padding:16px 18px 18px;display:flex}.shop-frame-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.shop-frame-price{color:var(--theme-primary);align-items:center;gap:5px;font-size:.95rem;font-weight:700;display:inline-flex}.shop-frame-price--free{color:var(--color-success)}.shop-frame-price--free:before{content:"🎁 "}.shop-frame-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.shop-button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:999px;flex:auto;min-width:100px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s}.shop-button:disabled{opacity:.55;cursor:not-allowed}.shop-button--primary{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.shop-button--primary:hover:not(:disabled){background:var(--theme-hover);border-color:var(--theme-hover)}.shop-button--outline{background:var(--color-bg-card);color:var(--theme-primary);border-color:var(--theme-primary)}.shop-button--outline:hover:not(:disabled){background:var(--theme-light)}.shop-alert{border-radius:1.15rem;margin-bottom:18px;padding:14px 18px;font-size:.92rem;font-weight:600}.shop-alert--success{background:color-mix(in srgb, var(--color-success) 10%, var(--color-bg));border:1px solid color-mix(in srgb, var(--color-success) 35%, var(--color-border));color:color-mix(in srgb, var(--color-success) 70%, var(--color-text))}.shop-alert--error{background:color-mix(in srgb, var(--color-error) 10%, var(--color-bg));border:1px solid color-mix(in srgb, var(--color-error) 35%, var(--color-border));color:color-mix(in srgb, var(--color-error) 80%, var(--color-text))}.shop-coming-soon{text-align:center;box-shadow:var(--shadow-md);background:#ffffffeb;border:1px solid #fffc;border-radius:2rem;padding:56px 24px}html.dark .shop-coming-soon{background:var(--color-bg-card);border-color:var(--color-border)}.shop-coming-soon__icon{margin-bottom:12px;font-size:3rem}.shop-coming-soon h2{color:var(--color-text);margin:0 0 6px;font-family:Lora,Noto Serif,Georgia,serif;font-size:1.3rem}.shop-coming-soon p{color:var(--color-text-muted);margin:0}.shop-trial-preview{background:color-mix(in srgb, var(--theme-primary) 6%, var(--color-bg));border:1px solid color-mix(in srgb, var(--theme-primary) 25%, var(--color-border));color:var(--color-text);border-radius:1rem;margin-top:14px;padding:14px 16px;font-size:.88rem}.shop-trial-preview span{color:var(--theme-primary);font-weight:600}@media (width<=768px){.shop-hero{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 20px}.shop-frame-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.shop-tabs{flex-wrap:wrap}.shop-button{padding:8px 14px;font-size:.85rem}}@media (width<=640px){.shop-shell{padding:20px 14px 48px}.shop-hero,.shop-frame-card,.shop-coming-soon{border-radius:1.5rem}}.cultivation-realm-header{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border:1px solid #8b5cf64d;border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.cultivation-avatar-frame{background:#1e1b4b;border:3px solid #8b5cf6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;transition:border-color .3s;display:flex;overflow:hidden}.cultivation-avatar-img{object-fit:cover;width:100%;height:100%}.cultivation-avatar-placeholder{justify-content:center;align-items:center;font-size:32px;display:flex}.cultivation-identity{flex:1;min-width:0}.cultivation-realm-badge{color:#fff;border-radius:20px;align-items:center;gap:6px;margin-bottom:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.cultivation-realm-badge__icon{font-size:14px}.cultivation-realm-badge__name{text-transform:capitalize}.cultivation-dao-title{color:#f1f5f9;text-shadow:0 2px 4px #0000004d;margin-bottom:4px;font-size:20px;font-weight:700}.cultivation-stage-badge{color:#c4b5fd;font-size:14px;font-weight:500}.cultivation-exchange-btn{white-space:nowrap;padding:4px 10px!important;font-size:12px!important}.cultivation-currencies-row{gap:12px;width:100%;display:flex}.cultivation-currency-chip{text-align:center;background:#1e1b4b99;border:1px solid #8b5cf633;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 12px;display:flex}.cultivation-currency-chip__icon{font-size:18px;line-height:1}.cultivation-currency-chip__value{color:#f1f5f9;font-size:16px;font-weight:700}.cultivation-currency-chip__label{color:#94a3b8;font-size:11px}.cultivation-exchange-row{flex-wrap:wrap;gap:8px;width:100%;display:flex}.cultivation-exchange-btn--reverse{color:#fbbf24!important;border-color:#fbbf2466!important}.cultivation-exchange-btn--reverse:hover:not(:disabled){background:#fbbf241a!important;border-color:#fbbf24!important}.cultivation-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.cultivation-error{color:#fca5a5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.cultivation-tabs{gap:8px;margin-bottom:16px;display:flex}.cultivation-panel{flex-direction:column;gap:16px;display:flex}.cultivation-alert{text-align:center;border-radius:8px;padding:12px 16px;font-size:14px}.cultivation-alert--error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.cultivation-alert--success{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.cultivation-balance-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cultivation-progress-section{margin-bottom:8px}.cultivation-progress-labels{color:#94a3b8;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.cultivation-progress-bar{background:#8b5cf633;border-radius:4px;height:8px;position:relative;overflow:visible}.cultivation-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;height:100%;transition:width .5s}.cultivation-progress-dot{background:#8b5cf633;border:2px solid #4c1d95;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}.cultivation-progress-dot.is-passed{background:#8b5cf6;border-color:#c4b5fd}.cultivation-progress-dot.is-current{background:#a78bfa;border-color:#ddd6fe;box-shadow:0 0 8px #a78bfa99}.cultivation-cooldown{text-align:center;color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;padding:8px;font-size:13px}.cultivation-admin-notice{text-align:center;color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;padding:16px;font-size:14px}.cultivation-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cultivation-action-btn{cursor:pointer;text-align:center;color:#f1f5f9;background:#1e1b4bd9;border:1px solid #8b5cf64d;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .25s;display:flex;position:relative;overflow:hidden}.cultivation-action-btn:before{content:"";background:radial-gradient(ellipse at 50% 0%, var(--realm-color,#8b5cf6)20 0%, transparent 70%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.cultivation-action-btn:hover:before{opacity:1}.cultivation-action-btn:hover{border-color:var(--realm-color,#8b5cf6);box-shadow:0 8px 24px var(--realm-color,#8b5cf6)30;transform:translateY(-2px)}.cultivation-action-btn:active{transform:translateY(0)}.cultivation-action-btn--breakthrough{--realm-color:#8b5cf6;--realm-glow:#a78bfa}.cultivation-action-btn--dokip{--realm-color:#ef4444;--realm-glow:#f87171}.cultivation-action-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.cultivation-action-btn:disabled:hover{border-color:#8b5cf64d;transform:none}.cultivation-action-btn:disabled:before{display:none}.cultivation-action-btn:disabled .cultivation-action-hint{color:#ef4444}.cultivation-action-icon{font-size:28px;line-height:1}.cultivation-action-text{flex-direction:column;align-items:center;gap:4px;display:flex}.cultivation-action-title{color:#f1f5f9;font-size:16px;font-weight:700}.cultivation-action-cost{color:#c4b5fd;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.cultivation-action-risk{color:#f87171;font-size:12px;font-weight:600}.cultivation-action-hint{color:#94a3b8;text-align:center;font-size:12px}.cultivation-action-hint--danger{color:#f87171}.cultivation-max-stage-notice{margin-top:4px}.cultivation-received-panel{padding:8px 0}.cultivation-received-summary{text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border:1px solid #8b5cf64d;border-radius:12px;margin-bottom:16px;padding:24px}.cultivation-received-total{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.cultivation-received-icon{font-size:28px}.cultivation-received-amount{color:#c4b5fd;font-size:32px;font-weight:800}.cultivation-received-label{color:#94a3b8;width:100%;margin-top:4px;font-size:14px}.cultivation-received-count{color:#64748b;margin-top:8px;font-size:13px}.cultivation-donations-list{flex-direction:column;gap:8px;display:flex}.cultivation-donation-item{background:#1e1b4b99;border:1px solid #8b5cf626;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.cultivation-donation-amount{color:#c4b5fd;white-space:nowrap;font-size:16px;font-weight:700}.cultivation-donation-detail{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.cultivation-donation-date{color:#64748b;white-space:nowrap;font-size:12px}.cultivation-video-overlay{z-index:9999;cursor:default;user-select:none;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cultivation-video{object-fit:contain;width:100%;height:100%}.cultivation-effect-overlay{z-index:9998;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out effect-fade-in;display:flex;position:fixed;inset:0}.cultivation-effect-overlay--success{background:radial-gradient(circle,#8b5cf666 0%,#000000b3 100%)}.cultivation-effect-overlay--failure{background:radial-gradient(circle,#ef444466 0%,#000000b3 100%)}.cultivation-effect-icon{filter:drop-shadow(0 0 20px);font-size:80px;animation:.5s ease-out effect-bounce}.cultivation-effect-text{text-shadow:0 0 20px,0 4px 8px #000c;margin-top:16px;font-size:48px;font-weight:900;animation:.4s ease-out effect-scale-in}.cultivation-effect-overlay--success .cultivation-effect-text{color:#c4b5fd}.cultivation-effect-overlay--failure .cultivation-effect-text{color:#fca5a5}@keyframes effect-fade-in{0%{opacity:0}to{opacity:1}}@keyframes effect-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes effect-scale-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.cultivation-loading-overlay{z-index:9997;backdrop-filter:blur(4px);background:#000000bf;flex-direction:column;justify-content:center;align-items:center;animation:.2s ease-out effect-fade-in;display:flex;position:fixed;inset:0}.cultivation-loading-spinner{border:4px solid #8b5cf64d;border-top-color:#a78bfa;border-radius:50%;width:60px;height:60px;animation:.8s linear infinite cultivation-spin;box-shadow:0 0 20px #8b5cf680}.cultivation-loading-text{color:#c4b5fd;text-shadow:0 0 10px #8b5cf6cc;margin-top:20px;font-size:1.2rem;font-weight:700;animation:1.5s ease-in-out infinite cultivation-pulse}@keyframes cultivation-spin{to{transform:rotate(360deg)}}@keyframes cultivation-pulse{0%,to{opacity:1}50%{opacity:.6}}.shop-sort-row__label{color:#94a3b8;white-space:nowrap;font-size:13px;font-weight:500}.shop-pagination__info{color:#64748b;font-size:12px}.shop-pagination__controls,.shop-pagination__jump{align-items:center;gap:4px;display:flex}.shop-pagination__input{color:#e2e8f0;text-align:center;background:#1e293bcc;border:1px solid #94a3b833;border-radius:6px;outline:none;width:56px;padding:6px 8px;font-size:13px}.shop-pagination__input:focus{border-color:#8b5cf6}.cultivation-hero{background:#0f1428f2;border:1px solid #8b5cf640;border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:32px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #8b5cf61a,inset 0 0 40px #0000004d}.cultivation-hero:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.cultivation-avatar-container{width:120px;height:120px;position:relative}.cultivation-avatar-glow{filter:blur(20px);border-radius:50%;width:140%;height:140%;animation:3s ease-in-out infinite glow-pulse;position:absolute;inset:-20%}.cultivation-avatar-wrapper{border:3px solid #8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:border-color .5s;display:flex;position:relative;overflow:visible}.cultivation-avatar-frame{object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 10px #ffffff4d);width:130%;height:130%;position:absolute;inset:-15%}.cultivation-avatar-img{object-fit:cover;z-index:2;border:2px solid #fff3;border-radius:50%;width:80%;height:80%;position:relative}.cultivation-avatar-ring{z-index:1;opacity:.6;border:2px solid #8b5cf6;border-radius:50%;animation:10s linear infinite ring-rotate;position:absolute;inset:-5px;box-shadow:0 0 15px #8b5cf6,inset 0 0 10px #8b5cf680}.cultivation-info{text-align:center;flex-direction:column;gap:6px;display:flex}.cultivation-username{color:#fff;text-transform:capitalize;text-shadow:0 0 10px,0 2px 4px #000c;margin:0;font-family:Lora,Noto Serif,Georgia,serif;font-size:1.5rem;font-weight:700}.cultivation-dao-title{font-family:Lora,Noto Serif,Georgia,serif;font-size:1.1rem;font-style:italic;font-weight:600}.cultivation-stage-badge{color:#c4b5fd;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:.9rem;font-weight:500;display:inline-flex}.cultivation-stage-icon{font-size:1rem}.cultivation-balance-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.cultivation-path-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.cultivation-progress-section{background:#0f1428d9;border:1px solid #94a3b826;border-radius:16px;padding:20px}.cultivation-progress-header{color:#cbd5e1;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.9rem;font-weight:600;display:flex}.cultivation-progress-track{background:#1e293be6;border:1px solid #94a3b826;border-radius:6px;height:12px;position:relative;overflow:visible}.cultivation-stages-labels,.cultivation-progress-stages-labels{justify-content:space-between;margin-top:12px;padding:0 4px;display:flex}.cultivation-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:6px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.cultivation-progress-dot{z-index:2;background:0 0;border:2px solid #475569;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}.cultivation-progress-dot.is-passed{background:#a78bfa;box-shadow:0 0 8px #a78bfa99}.cultivation-progress-dot.is-current{background:#ddd6fe;border-color:#fff;animation:1.5s ease-in-out infinite pulse-dot;box-shadow:0 0 12px #a78bfacc}.cultivation-stages-labels{justify-content:space-between;margin-top:12px;padding:0 4px;display:flex}.cultivation-stage-label{color:#64748b;font-size:.8rem;font-weight:500;transition:color .3s}.cultivation-stage-label.is-active{color:#c4b5fd;font-weight:700}.realm-color-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:12px;display:grid}.realm-color-swatch{cursor:pointer;color:#f1f5f9;text-align:left;background:#1e293b99;border:2px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .25s;display:flex;position:relative}.realm-color-swatch__dot{background:var(--swatch-color,#94a3b8);width:14px;height:14px;box-shadow:0 0 8px var(--swatch-glow,#94a3b880);border-radius:50%;flex-shrink:0}.realm-color-swatch__label{flex:1;font-size:.78rem;line-height:1.2}.realm-color-swatch__check{color:#a3e635;flex-shrink:0;font-size:.9rem}.realm-color-swatch__lock{opacity:.5;flex-shrink:0;font-size:.7rem}.realm-color-swatch:hover:not(:disabled){border-color:var(--swatch-color,#94a3b8);box-shadow:0 4px 12px #0000004d, 0 0 8px var(--swatch-glow,#94a3b84d);background:#1e293be6;transform:translateY(-1px)}.realm-color-swatch.is-selected{border-color:var(--swatch-color,#94a3b8);box-shadow:0 0 12px var(--swatch-glow,#94a3b866), inset 0 0 20px #0000004d;background:#1e293be6;transform:scale(1.03)}.realm-color-swatch.is-locked{opacity:.4;cursor:not-allowed}.realm-color-swatch.is-locked:hover{box-shadow:none;border-color:#0000;transform:none}.realm-color-swatch.is-actual:not(.is-selected){border-color:#94a3b84d}.cultivation-path-subtitle{color:#64748b;text-align:center;margin:0 0 4px;font-size:.78rem;font-style:italic}.realm-color-reset{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:1px dashed #94a3b840;border-radius:8px;width:100%;margin-top:12px;padding:8px;font-size:.8rem;transition:all .2s;display:block}.realm-color-reset:hover{color:#94a3b8;background:#1e293b66;border-color:#94a3b880}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 12px #a78bfacc}50%{transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 20px #a78bfa}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media (width<=768px){.cultivation-hero{gap:16px;padding:24px 16px}.cultivation-avatar-container{width:100px;height:100px}.cultivation-username{font-size:1.25rem}.cultivation-path-grid{grid-template-columns:1fr;gap:16px}.cultivation-action-btn{padding:14px 16px}.cultivation-action-icon{width:40px;height:40px;font-size:1.5rem}}.user-badge{white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:inline-flex}.user-badge--sm{font-size:13px}.user-badge--md{font-size:14px}.user-badge--lg{font-size:16px}.user-badge__realm{opacity:.9;font-size:.85em}.user-badge__username{font-weight:700}.user-badge__display-title{opacity:.8;font-size:.8em}.user-badge--shimmer .user-badge__username,.user-badge--shimmer .user-badge__realm{background:linear-gradient(90deg, var(--badge-color,#8b5cf6) 0%, #fff 50%, var(--badge-color,#8b5cf6) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;background-clip:text;animation:2s linear infinite shimmer-glow}@keyframes shimmer-glow{0%{background-position:200% 0}to{background-position:-200% 0}}.user-badge--admin .user-badge__realm{color:#c084fc;text-shadow:0 0 10px #c084fccc,0 0 20px #c084fc66;background:linear-gradient(90deg,#c084fc,#e879f9,#c084fc) 0 0/200% 100%;-webkit-text-fill-color:transparent;background-clip:text;font-size:.85em;font-weight:700;animation:2s linear infinite divine-shimmer}.user-badge--admin .user-badge__username{color:#c084fc;text-shadow:0 0 8px #c084fc99;background:linear-gradient(90deg,#c084fc,#e879f9,#c084fc) 0 0/200% 100%;-webkit-text-fill-color:transparent;background-clip:text;animation:2s linear infinite divine-shimmer}@keyframes divine-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-badge--master .user-badge__realm{color:#facc15;text-shadow:0 0 10px #facc15cc,0 0 20px #facc1566;background:linear-gradient(90deg,#facc15,#fef08a,#facc15) 0 0/200% 100%;-webkit-text-fill-color:transparent;background-clip:text;font-size:.85em;font-weight:700;animation:2s linear infinite divine-shimmer}.user-badge--master .user-badge__username{color:#facc15;text-shadow:0 0 8px #facc1599;background:linear-gradient(90deg,#facc15,#fef08a,#facc15) 0 0/200% 100%;-webkit-text-fill-color:transparent;background-clip:text;animation:2s linear infinite divine-shimmer}.user-badge--cultivation{text-shadow:0 0 6px}.shop-exchange-panel{box-shadow:var(--shadow-md);background:#ffffffeb;border:1px solid #fffc;border-radius:2rem;padding:24px}html.dark .shop-exchange-panel{background:var(--color-bg-card);border-color:var(--color-border)}.shop-section-title{color:var(--color-text);margin:0 0 8px;font-family:Lora,Noto Serif,Georgia,serif;font-size:1.3rem;font-weight:700}.shop-exchange-desc{color:var(--color-text-muted);margin:0 0 20px;font-size:.9rem}.shop-exchange-cards{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.shop-exchange-card{background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:1.2rem;align-items:center;gap:12px;padding:16px 18px;display:flex}.shop-exchange-card__icon{flex-shrink:0;font-size:1.8rem}.shop-exchange-card__info{flex:1;min-width:0}.shop-exchange-card__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.shop-exchange-card__balance{color:var(--color-text);font-size:1.2rem;font-weight:700}.shop-exchange-card .shop-button{flex:none;min-width:80px}.shop-exchange-note{background:color-mix(in srgb, var(--theme-primary) 6%, var(--color-bg));border:1px solid color-mix(in srgb, var(--theme-primary) 20%, var(--color-border));color:var(--color-text-muted);border-radius:1rem;align-items:flex-start;gap:8px;padding:12px 16px;font-size:.88rem;display:flex}.shop-exchange-note__icon{flex-shrink:0;margin-top:1px;font-size:1rem}.shop-exchange-note strong{color:var(--color-text);font-weight:600}.shop-exchange-quantity-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.shop-exchange-quantity-card{background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:1.2rem;padding:20px}.shop-exchange-quantity-card__header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.shop-exchange-quantity-card__icon{font-size:1.6rem}.shop-exchange-quantity-card__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.shop-exchange-quantity-card__preview{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:.8rem;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;font-size:.92rem;display:flex}.shop-exchange-quantity-card__result{color:var(--theme-primary);font-weight:700}.shop-exchange-quantity-input-wrap .auth-form-label{margin-bottom:0;font-size:.82rem}@media (width<=640px){.shop-exchange-cards,.shop-exchange-quantity-row{grid-template-columns:1fr}.shop-exchange-panel{padding:20px 16px}}.shop-owned-panel{padding:8px 0}.shop-owned-section__title{color:var(--color-text);border-bottom:1px solid var(--color-border);margin:0 0 16px;padding-bottom:8px;font-size:1rem;font-weight:600}.shop-bottom-nav{z-index:100;background:var(--color-bg-card);border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000001f}.shop-comment-frames-section{margin-top:8px}.shop-frame-card--comment{border-style:dashed;border-color:#8b5cf666}.shop-frame-card--comment.is-selected{border-color:var(--theme-primary);box-shadow:0 0 0 3px #8b5cf633}.shop-frame-preview--comment{aspect-ratio:16/9;background:linear-gradient(135deg,#8b5cf614 0%,#6366f114 100%)}.chat-widget{z-index:950;font-family:inherit;position:fixed;bottom:16px;left:16px}.chat-widget__toggle-btn{background:var(--color-primary);cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-md);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex}.chat-widget__toggle-btn:hover{box-shadow:var(--shadow-lg);transform:scale(1.07)}.chat-widget__toggle-btn svg{width:24px;height:24px}.chat-widget__panel{background:var(--color-bg-card);border:1px solid var(--color-border);width:360px;max-height:500px;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;display:flex;position:absolute;bottom:60px;left:0;overflow:hidden}.chat-widget__header{background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:600;display:flex}.chat-widget__header-actions{gap:6px;display:flex}.chat-widget__header-btn{cursor:pointer;color:#fffc;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.chat-widget__header-btn:hover{color:#fff;background:#ffffff26}.chat-widget__header-btn svg{width:16px;height:16px}.chat-widget__messages{flex-direction:column;flex:1;gap:14px;min-height:0;padding:12px;display:flex;overflow-y:auto}.chat-widget__messages::-webkit-scrollbar{width:4px}.chat-widget__messages::-webkit-scrollbar-track{background:0 0}.chat-widget__messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.chat-widget__empty{text-align:center;color:var(--color-text-muted);padding:24px 12px;font-size:.85rem}.chat-widget__login-hint{text-align:center;color:var(--color-text-muted);background:var(--color-bg-hover);border-radius:8px;margin:4px 0;padding:12px;font-size:.82rem}.chat-message{border:1px solid #0000;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:start;gap:6px 8px;padding:8px 10px;transition:border-color .15s;display:grid}.chat-message:hover{border-color:var(--color-border);background:var(--color-bg-hover)}.chat-message__avatar-wrap{flex-shrink:0;grid-area:1/1}.chat-message__header-row{flex-wrap:nowrap;grid-area:1/2;align-items:center;gap:6px;display:flex;overflow:hidden}.chat-message__content{color:var(--color-text);word-break:break-word;grid-area:2/1/auto/-1;font-size:.88rem;line-height:1.45}.chat-message__username-btn{font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;background:0 0;border:none;max-width:160px;padding:0;font-size:.82rem;font-weight:600;overflow:hidden}.chat-message__username--admin{color:var(--color-error)}.chat-message__username--vip{color:var(--color-accent)}.chat-message__username--author{color:var(--color-success)}.chat-message__username--translator{color:var(--color-secondary)}.chat-message__username--moderator{color:#e8a030}.chat-message__time{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:.72rem}.chat-message__content .emote-inline{vertical-align:middle;object-fit:contain;width:32px;height:32px}.chat-widget__input-row{border-top:1px solid var(--color-border);background:var(--color-bg-card);flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px;display:flex;position:relative}.chat-mention-dropdown{background:var(--color-bg-card);border:1px solid var(--color-border);z-index:10;border-radius:10px 10px 0 0;max-height:180px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 12px #0000001f}.chat-mention-item{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-family:inherit;transition:background .1s;display:flex}.chat-mention-item:hover,.chat-mention-item.is-active{background:var(--color-bg-hover)}.chat-mention-name{color:var(--color-text);font-size:.85rem;font-weight:600}.chat-mention-role{color:var(--color-text-muted);font-size:.75rem}.chat-widget__input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);resize:none;border-radius:20px;outline:none;flex:1;min-height:36px;max-height:80px;padding:8px 14px;font-family:inherit;font-size:.88rem;line-height:1.4;transition:border-color .15s}.chat-widget__input:focus{border-color:var(--color-primary)}.chat-widget__input::placeholder{color:var(--color-text-muted)}.chat-widget__send-btn{background:var(--color-primary);cursor:pointer;color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,transform .1s;display:flex}.chat-widget__send-btn:hover{background:var(--color-primary-hover)}.chat-widget__send-btn:active{transform:scale(.95)}.chat-widget__send-btn:disabled{background:var(--color-border);cursor:not-allowed}.chat-widget__send-btn svg{width:16px;height:16px}.chat-widget__load-more{color:var(--color-primary);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;width:100%;padding:6px 12px;font-family:inherit;font-size:.8rem;transition:background .15s}.chat-widget__load-more:hover{background:var(--color-bg-hover)}.chat-widget__load-more:disabled{color:var(--color-text-muted);cursor:default}@media (width<=640px){.chat-widget.chat-widget--desktop.chat-widget--open{z-index:9999;flex-direction:column;align-items:stretch;height:70vh;display:flex;position:fixed;inset:auto 0 0}.chat-widget.chat-widget--desktop.chat-widget--open .chat-widget__toggle-btn{display:none}.chat-widget.chat-widget--desktop.chat-widget--open .chat-widget__container{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.chat-widget.chat-widget--desktop.chat-widget--open .chat-widget__panel{border-radius:16px 16px 0 0;flex-direction:column;flex:1;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex;position:static}.chat-widget.chat-widget--desktop.chat-widget--open .chat-widget__header{flex-shrink:0;padding:10px 14px}.chat-widget.chat-widget--desktop.chat-widget--open .chat-widget__messages{flex:1;gap:8px;min-height:0;padding:8px 10px}.chat-widget.chat-widget--desktop.chat-widget--open .chat-widget__input-row{flex-shrink:0;gap:6px;padding:8px 10px}.chat-widget.chat-widget--desktop.chat-widget--open .chat-widget__input{min-height:30px;max-height:56px;padding:6px 12px;font-size:.82rem}.chat-widget.chat-widget--desktop.chat-widget--open .chat-widget__send-btn{width:30px;height:30px}.chat-widget.chat-widget--desktop.chat-widget--open .chat-message{gap:5px 7px;padding:6px 8px}.chat-widget.chat-widget--desktop.chat-widget--open .chat-message__username-btn{max-width:120px;font-size:.72rem}.chat-widget.chat-widget--desktop.chat-widget--open .chat-message__time{font-size:.65rem}.chat-widget.chat-widget--desktop.chat-widget--open .chat-message__content{font-size:.8rem;line-height:1.35}.chat-widget.chat-widget--desktop.chat-widget--open .chat-message__content .emote-inline{width:28px;height:28px}.chat-widget.chat-widget--desktop.chat-widget--open .chat-widget__load-more{padding:5px 10px;font-size:.75rem}.chat-widget.chat-widget--desktop.chat-widget--open .chat-widget__empty{padding:16px 8px;font-size:.82rem}}.chat-widget--inline{z-index:0;width:100%;position:relative}.chat-widget--inline .chat-widget__panel{border:none;border-top:1px solid var(--color-border);border-radius:0;width:100%;max-height:none;position:static}.chat-widget--inline .chat-widget__messages{gap:12px;padding:0}.chat-widget--inline .chat-widget__input-row{padding:8px 10px}.chat-widget--inline .chat-widget__send-btn{width:34px;height:34px}.chat-widget--inline .chat-widget__header{padding:10px 12px}.chat-widget--inline .chat-widget__toggle-btn{display:none}@media (width>=1025px){.chat-widget--mobile{display:none}}.emote-picker-wrapper{flex-shrink:0;display:inline-flex;position:relative}.emote-btn{border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.emote-btn:hover,.emote-btn--active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.emote-btn svg{width:16px;height:16px}.emote-picker{background:var(--color-bg-card);border:1px solid var(--color-border);width:300px;max-height:280px;box-shadow:var(--shadow-md);z-index:1000;border-radius:12px;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;overflow:hidden}.emote-picker__search{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:10px 12px}.emote-picker__search input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:8px;outline:none;padding:6px 10px;font-family:inherit;font-size:.85rem}.emote-picker__search input:focus{border-color:var(--color-primary)}.emote-picker__grid{flex:1;grid-template-columns:repeat(6,1fr);gap:4px;min-height:0;max-height:116px;padding:8px;display:grid;overflow-y:auto}.emote-picker__grid::-webkit-scrollbar{width:4px}.emote-picker__grid::-webkit-scrollbar-track{background:0 0}.emote-picker__grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.emote-picker__item{aspect-ratio:1;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:2px;transition:background .12s;display:flex}.emote-picker__item:hover{background:var(--color-bg-hover)}.emote-picker__item img{object-fit:contain;pointer-events:none;width:32px;height:32px}.emote-picker__empty{text-align:center;color:var(--color-text-muted);padding:24px 12px;font-size:.82rem}.emote-picker__footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-shrink:0;padding:6px 12px;font-size:.75rem}.emote-picker__footer code{background:var(--color-bg-hover);border-radius:3px;padding:1px 4px;font-size:.72rem}.emote-inline{vertical-align:middle;object-fit:contain;pointer-events:none;width:32px;height:32px;display:inline-block}.admin-emote-manager{padding:24px 0}.admin-emote-manager__title{color:var(--color-text);margin-bottom:20px;font-size:1.2rem;font-weight:700}.admin-emote-manager__upload{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:16px;display:flex}.admin-emote-manager__upload input[type=text]{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;outline:none;flex:1;min-width:120px;padding:7px 12px;font-family:inherit;font-size:.88rem}.admin-emote-manager__upload input[type=text]:focus{border-color:var(--color-primary)}.admin-emote-manager__upload input[type=file]{font-size:.85rem}.admin-emote-manager__grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;display:grid}.admin-emote-manager__item{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:background .12s,border-color .12s;display:flex}.admin-emote-manager__item:hover{background:var(--color-bg-hover)}.admin-emote-manager__item--inactive{opacity:.45}.admin-emote-manager__item img{object-fit:contain;width:40px;height:40px}.admin-emote-manager__item-name{color:var(--color-text-muted);text-align:center;word-break:break-all;max-width:100%;font-size:.7rem}.admin-emote-manager__actions{gap:4px;margin-top:2px;display:flex}.admin-emote-manager__action-btn{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-muted);background:0 0;border-radius:5px;padding:3px 7px;font-family:inherit;font-size:.72rem;transition:all .12s}.admin-emote-manager__action-btn:hover{background:var(--color-bg-hover);color:var(--color-text)}.admin-emote-manager__action-btn--delete:hover{border-color:var(--color-error);color:var(--color-error);background:#fde8e8}:root{--cult-bg-deep:#020617;--cult-bg-mid:#0f172a;--cult-bg-card:#0f172aeb;--cult-border:#334155;--cult-text-primary:#e2e8f0;--cult-text-muted:#94a3b8;--cult-teal:#67e8f9;--cult-blue:#93c5fd;--cult-yellow:#facc15;--cult-red:#f87171;--cult-green:#4ade80;--cult-gold:#eab308}@keyframes gradient-x{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes gradient-shift{0%{background-position:0%}to{background-position:200%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-fast{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{left:-80%}to{left:120%}}@keyframes border-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.animate-gradient-x{background-size:300% 300%;animation:4s infinite gradient-shift}.text-glow-sm{text-shadow:0 0 6px}.text-glow-md{text-shadow:0 0 12px,0 0 24px}.text-glow-lg{text-shadow:0 0 18px,0 0 36px,0 0 54px}.anim-spin-slow{animation:10s linear infinite spin-slow}.anim-pulse-fast{animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse-fast}.avatar-glow-sm{box-shadow:0 0 18px 5px}.avatar-glow-md{box-shadow:0 0 28px 10px}.avatar-glow-lg{box-shadow:0 0 45px 14px}.avatar-glow-xl{box-shadow:0 0 60px 18px,0 0 8px 2px}.container-glow-sm{box-shadow:0 0 15px 4px,0 0 4px 1px}.container-glow-md{animation:2.5s ease-in-out infinite border-glow-pulse;box-shadow:0 0 25px 8px,0 0 6px 2px,inset 0 0 12px 2px #ffffff0d}.container-glow-lg{animation:2s ease-in-out infinite border-glow-pulse;box-shadow:0 0 50px 15px,0 0 15px 4px,0 0 4px 1px,inset 0 0 20px 3px #ffffff14}.cult-color-gray-400{color:#9ca3af;border-color:#9ca3af}.cult-color-green-300{color:#81e6d9;border-color:#81e6d9}.cult-color-blue-300{color:#93c5fd;border-color:#93c5fd}.cult-color-purple-400{color:#c084fc;border-color:#c084fc}.cult-color-orange-400{color:#fb923c;border-color:#fb923c}.cult-color-red-500{color:#ef4444;border-color:#ef4444}.cult-color-pink-500{color:#ec4899;border-color:#ec4899}.cult-color-indigo-400{color:#818cf8;border-color:#818cf8}.cult-color-cyan-300{color:#67e8f9;border-color:#67e8f9}.cult-color-blue-400{color:#60a5fa;border-color:#60a5fa}.cult-color-amber-300{color:#fcd34d;border-color:#fcd34d}.cult-color-emerald-300{color:#6ee7b7;border-color:#6ee7b7}.cult-color-fuchsia-400{color:#e879f9;border-color:#e879f9}.cult-color-yellow-400{color:#facc15;border-color:#facc15}.cult-color-yellow-500{color:#eab308;border-color:#eab308}.cult-color-blue-100{color:#dbeafe;border-color:#dbeafe}.cult-color-white-shine{color:#f1f5f9;border-color:#e2e8f0}.cult-color-ngoc-hoang{color:#eab308;border-color:#eab308}.cult-color-nguyen-thuy{color:#93c5fd;border-color:#818cf8}.cult-name-grad-pink-purple{color:#c084fc}@supports (background-clip:text){.cult-name-grad-pink-purple{color:#0000;background:linear-gradient(90deg,#c084fc 0%,#f472b6 50%,#c084fc 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}}.cult-name-grad-indigo-purple{color:#8b5cf6}@supports (background-clip:text){.cult-name-grad-indigo-purple{color:#0000;background:linear-gradient(90deg,#8b5cf6 0%,#818cf8 50%,#8b5cf6 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}}.cult-name-grad-cyan{color:#67e8f9}@supports (background-clip:text){.cult-name-grad-cyan{color:#0000;background:linear-gradient(90deg,#67e8f9 0%,#22d3ee 50%,#67e8f9 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}}.cult-name-grad-blue{color:#60a5fa}@supports (background-clip:text){.cult-name-grad-blue{color:#0000;background:linear-gradient(90deg,#60a5fa 0%,#3b82f6 50%,#60a5fa 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}}.cult-name-grad-amber-gold{color:#fcd34d}@supports (background-clip:text){.cult-name-grad-amber-gold{color:#0000;background:linear-gradient(90deg,#fcd34d 0%,#eab308 50%,#fcd34d 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}}.cult-name-grad-emerald-teal{color:#6ee7b7}@supports (background-clip:text){.cult-name-grad-emerald-teal{color:#0000;background:linear-gradient(90deg,#6ee7b7 0%,#2dd4bf 50%,#6ee7b7 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}}.cult-name-grad-gold{color:#facc15}@supports (background-clip:text){.cult-name-grad-gold{color:#0000;background:linear-gradient(90deg,#facc15 0%,#eab308 50%,#facc15 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}}.cult-name-grad-fuchsia-pink{color:#e879f9}@supports (background-clip:text){.cult-name-grad-fuchsia-pink{color:#0000;background:linear-gradient(90deg,#e879f9 0%,#ec4899 50%,#e879f9 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}}.cult-name-grad-chantyent-cosmic{color:#e2e8f0;letter-spacing:.06em}@supports (background-clip:text){.cult-name-grad-chantyent-cosmic{color:#0000;background:linear-gradient(90deg,#e2e8f0 0%,#f8fafc 50%,#e2e8f0 100%) 0 0/200% 100%;background-clip:text;animation:3s infinite gradient-shift}}.cult-name-grad-ngoc-hoang{color:#eab308;letter-spacing:.04em}@supports (background-clip:text){.cult-name-grad-ngoc-hoang{color:#0000;background:linear-gradient(90deg,#eab308 0%,#fef08a 50%,#eab308 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}}.cult-name-grad-nguyen-thuy{color:#818cf8;letter-spacing:.04em}@supports (background-clip:text){.cult-name-grad-nguyen-thuy{color:#0000;background:linear-gradient(90deg,#818cf8 0%,#a5b4fc 50%,#818cf8 100%) 0 0/200% 100%;background-clip:text;animation:3s infinite gradient-shift}}.cult-badge-grad-pink-purple{color:#c084fc}.cult-badge-grad-indigo-purple{color:#8b5cf6}.cult-badge-grad-cyan{color:#67e8f9}.cult-badge-grad-blue{color:#60a5fa}.cult-badge-grad-amber-gold{color:#fcd34d}.cult-badge-grad-emerald-teal{color:#6ee7b7}.cult-badge-grad-gold{color:#facc15}.cult-badge-grad-fuchsia-pink{color:#e879f9}.cult-badge-grad-chantyent-cosmic{color:#e2e8f0}.cult-badge-grad-ngoc-hoang{color:#eab308}.cult-badge-grad-nguyen-thuy{color:#818cf8}@supports (background-clip:text){.cult-badge-grad-pink-purple{color:#0000;background:linear-gradient(90deg,#c084fc 0%,#f472b6 50%,#c084fc 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}.cult-badge-grad-indigo-purple{color:#0000;background:linear-gradient(90deg,#8b5cf6 0%,#818cf8 50%,#8b5cf6 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}.cult-badge-grad-cyan{color:#0000;background:linear-gradient(90deg,#67e8f9 0%,#22d3ee 50%,#67e8f9 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}.cult-badge-grad-blue{color:#0000;background:linear-gradient(90deg,#60a5fa 0%,#3b82f6 50%,#60a5fa 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}.cult-badge-grad-amber-gold{color:#0000;background:linear-gradient(90deg,#fcd34d 0%,#eab308 50%,#fcd34d 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}.cult-badge-grad-emerald-teal{color:#0000;background:linear-gradient(90deg,#6ee7b7 0%,#2dd4bf 50%,#6ee7b7 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}.cult-badge-grad-gold{color:#0000;background:linear-gradient(90deg,#facc15 0%,#eab308 50%,#facc15 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}.cult-badge-grad-fuchsia-pink{color:#0000;background:linear-gradient(90deg,#e879f9 0%,#ec4899 50%,#e879f9 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}.cult-badge-grad-chantyent-cosmic{color:#0000;background:linear-gradient(90deg,#e2e8f0 0%,#f8fafc 50%,#e2e8f0 100%) 0 0/200% 100%;background-clip:text;animation:3s infinite gradient-shift}.cult-badge-grad-ngoc-hoang{color:#0000;background:linear-gradient(90deg,#eab308 0%,#fef08a 50%,#eab308 100%) 0 0/200% 100%;background-clip:text;animation:2.5s infinite gradient-shift}.cult-badge-grad-nguyen-thuy{color:#0000;background:linear-gradient(90deg,#818cf8 0%,#a5b4fc 50%,#818cf8 100%) 0 0/200% 100%;background-clip:text;animation:3s infinite gradient-shift}}.cult-avatar-wrap{flex-shrink:0;justify-content:center;align-items:center;width:276px;height:276px;display:inline-flex;position:relative;overflow:visible}.cult-avatar-glow-bg{pointer-events:none;z-index:1;opacity:.3;filter:blur(14px);border-radius:999px;width:192px;height:192px;position:absolute}.cult-avatar-glow-ring{pointer-events:none;z-index:2;opacity:.6;border-radius:999px;width:192px;height:192px;position:absolute}.cult-avatar-img{object-fit:cover;z-index:3;border-radius:999px;width:192px;height:192px;transition:transform .4s;position:absolute}.cult-avatar-img:hover{transform:scale(1.04)}.cult-frame{object-fit:contain;pointer-events:none;user-select:none;z-index:4;width:276px;height:276px;position:absolute;top:0;left:0}.cult-page{background-color:var(--cult-bg-deep);min-height:100vh;color:var(--cult-text-primary);background-image:radial-gradient(circle,#1e293b 0%,#020617 100%);flex-direction:column;align-items:center;padding:40px 16px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.cult-page-bg{opacity:.15;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);position:absolute;inset:0}.cult-header{z-index:10;gap:16px;margin-bottom:32px;display:flex;position:relative}.cult-card{z-index:10;border:1px solid;border-radius:24px;width:100%;max-width:672px;transition:all .5s;position:relative;overflow:visible}.cult-card-inner{background:var(--cult-bg-card);-webkit-backdrop-filter:blur(24px);border-radius:24px;flex-direction:column;align-items:center;padding:32px;display:flex;position:relative;box-shadow:0 25px 50px -12px #000000b3}.cult-btn-back{color:#cbd5e1;cursor:pointer;z-index:10;background:#1e293bcc;border:1px solid #475569;border-radius:8px;padding:8px 16px;font-size:14px;transition:background .2s;position:relative}.cult-btn-back:hover{background:#334155cc}.cult-btn-logout{color:#fca5a5;cursor:pointer;background:#7f1d1d80;border:1px solid #991b1b;border-radius:8px;padding:8px 16px;font-size:14px;transition:background .2s}.cult-btn-logout:hover{background:#991b1b99}.cult-btn-primary{cursor:pointer;text-align:center;border:none;border-radius:16px;flex:1;padding:16px;font-size:20px;font-weight:700;line-height:1.3;transition:all .2s}.cult-btn-primary:disabled{cursor:not-allowed}.cult-btn-tu-luyen{color:#e2e8f0;background:linear-gradient(#334155,#1e293b);border:2px solid #475569;box-shadow:0 10px 15px -3px #0000004d}.cult-btn-tu-luyen:hover:not(:disabled){background:linear-gradient(#475569,#334155)}.cult-btn-tu-luyen:disabled{color:#64748b;background:#334155}.cult-btn-dot-pha{color:#fff;background:linear-gradient(#d97706,#991b1b);border:2px solid #eab308;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #eab30833}.cult-btn-dot-pha:hover:not(:disabled){background:linear-gradient(#f59e0b,#b91c1c)}.cult-btn-dot-pha:disabled{color:#64748b;background:#334155;border-color:#475569}.cult-btn-dot-pha.is-ready:after{content:"";pointer-events:none;background:#ffffff1f;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse-fast;position:absolute;inset:0}.cult-btn-cost{opacity:.8;font-size:14px;font-weight:400;display:block}.cult-username{text-align:center;color:#e2e8f0;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2;transition:all .5s}.cult-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:20px;display:flex}.cult-badge{letter-spacing:.02em;color:#e2e8f0;background:#1e293be6;border-radius:999px;padding:8px 20px;font-weight:700;box-shadow:0 4px 6px -1px #0000004d}.cult-badge-stage{color:#cbd5e1;background:#1e293be6;border:1px solid #475569;border-radius:999px;padding:8px 20px;font-weight:600;box-shadow:0 4px 6px -1px #0000004d}.cult-resources{z-index:30;background:#1e293b80;border:1px solid #334155;border-radius:16px;justify-content:space-between;width:100%;margin-bottom:32px;padding:24px;display:flex;position:relative}.cult-resource-item{flex-direction:column;align-items:center;display:flex}.cult-resource-label{color:#94a3b8;margin-bottom:4px;font-size:14px}.cult-resource-value{font-size:24px;font-weight:700}.cult-resource-value--teal{color:var(--cult-teal)}.cult-resource-value--blue{color:var(--cult-blue)}.cult-resource-divider{border-left:1px solid #334155;border-right:1px solid #334155;flex-direction:column;align-items:center;padding:0 32px;display:flex}.cult-rate-value{color:#fff;font-size:30px;font-weight:700}.cult-actions{z-index:30;gap:24px;width:100%;padding:0 16px;display:flex;position:relative}.cult-god-message{text-align:center;color:#94a3b8;margin-top:16px;font-size:18px;font-style:italic;line-height:1.6}.cult-section{border-top:1px solid #334155;width:100%;margin-top:40px;padding-top:32px}.cult-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:14px;font-weight:600}.cult-color-grid{flex-wrap:wrap;gap:12px;display:flex}.cult-color-btn{cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.cult-color-btn:hover{background:#1e293b4d}.cult-color-btn.is-selected{background:#1e293bcc;transform:scale(1.05)}.cult-frame-grid{flex-wrap:wrap;gap:12px;display:flex}.cult-frame-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:6px;transition:all .2s;display:flex;position:relative}.cult-frame-btn:hover{background:#3341554d;border-color:#475569cc}.cult-frame-btn.is-active{border-color:var(--cult-gold);background:#1e293bcc;transform:scale(1.05)}.cult-frame-btn img{object-fit:contain;width:40px;height:40px}.cult-frame-dot{background:var(--cult-gold);border:1px solid #ca8a04;border-radius:999px;width:10px;height:10px;position:absolute;top:2px;right:2px}.cult-chat{z-index:30;background:#020617cc;border:1px solid #1e293b;border-radius:12px;margin-top:24px;padding:16px;position:relative;box-shadow:inset 0 2px 4px #0000004d}.cult-chat-label{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.cult-chat-line{font-size:16px;line-height:1.5}.cult-loading{background-color:var(--cult-bg-deep);justify-content:center;align-items:center;min-height:100vh;display:flex}.cult-loading-inner{text-align:center}.cult-spinner{border:4px solid #eab30833;border-top-color:var(--cult-yellow);border-bottom-color:#b45309;border-left-color:#0000;border-right-color:#0000;border-radius:50%;width:64px;height:64px;margin:0 auto 24px;animation:1s linear infinite spin-slow}.cult-loading-text{color:var(--cult-yellow);font-size:18px}.cult-error{background-color:var(--cult-bg-deep);justify-content:center;align-items:center;min-height:100vh;display:flex}.cult-error-inner{text-align:center;background:#7f1d1d4d;border:1px solid #991b1b;border-radius:16px;padding:32px}.cult-error-text{color:#fca5a5;margin-bottom:16px;font-size:20px}.cult-btn-retry{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:12px;padding:12px 24px;font-weight:700}.cult-btn-retry:hover{background:#991b1b}.cult-overlay{z-index:50;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cult-overlay-video-wrap{z-index:40;transition:opacity 1s;position:absolute;inset:0}.cult-overlay-video-wrap.is-hidden{opacity:0;pointer-events:none}.cult-overlay-video{object-fit:cover;width:100vw;height:100vh}.cult-overlay-skip{z-index:50;color:#fff;cursor:pointer;background:#1e293b80;border:none;border-radius:8px;padding:8px 16px;font-size:14px;position:absolute;top:16px;right:16px}.cult-overlay-skip:hover{background:#33415599}.cult-overlay-result{z-index:50;backdrop-filter:blur(24px);text-align:center;border:4px solid;border-radius:24px;padding:32px;animation:.5s forwards fadeInZoom;position:relative;box-shadow:0 25px 50px -12px #00000080}.cult-overlay-result.is-success{background:#16653499;border-color:#22c55e;box-shadow:0 0 60px -12px #22c55e}.cult-overlay-result.is-fail{background:#7f1d1d99;border-color:#ef4444;box-shadow:0 0 60px -12px #ef4444}.cult-result-title{text-align:center;margin-bottom:16px;font-size:48px;font-weight:700}.cult-result-title.is-success{color:#86efac}.cult-result-title.is-fail{color:#fca5a5}.cult-result-body{color:#e2e8f0;font-size:20px}.cult-overlay-loading{z-index:50;flex-direction:column;align-items:center;display:flex;position:relative}.cult-overlay-spinner{border:4px solid #eab30833;border-top-color:var(--cult-yellow);border-bottom-color:#b45309;border-left-color:#0000;border-right-color:#0000;border-radius:50%;width:64px;height:64px;margin-bottom:24px;animation:1s linear infinite spin-slow}.cult-overlay-loading-text{color:var(--cult-yellow);font-size:30px;font-weight:700}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cult-path-display{text-align:center;border:1px solid var(--cult-border);background:#ffffff0a;border-radius:12px;margin-bottom:16px;padding:10px 16px}.cult-path-label{text-transform:uppercase;letter-spacing:.1em;color:var(--cult-text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600}.cult-path-preview{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.cult-realm-preview--done{color:var(--cult-text-muted);opacity:.6;font-size:.78rem;text-decoration:line-through}.cult-realm-preview--current{color:var(--cult-teal);background:#67e8f91f;border:1px solid #67e8f94d;border-radius:999px;padding:4px 12px;font-size:.9rem;font-weight:700}.cult-realm-preview--next{color:var(--cult-text-muted);opacity:.7;font-size:.78rem}.cult-realm-preview--max{color:var(--cult-gold);text-shadow:0 0 8px #eab30880;font-size:.82rem;font-weight:700}.cult-locked-path-hint{opacity:.7;background:#ffffff05;border:1px dashed #ffffff26;border-radius:12px;align-items:flex-start;gap:10px;margin:12px 16px;padding:12px 14px;display:flex}.cult-locked-path-icon{flex-shrink:0;margin-top:2px;font-size:1.1rem}.cult-locked-path-name{color:var(--cult-text-muted);margin-bottom:3px;font-size:.85rem;font-weight:600}.cult-locked-path-desc{color:#64748b;margin-bottom:8px;font-size:.72rem;line-height:1.4}.cult-locked-path-realms{flex-wrap:wrap;gap:4px;display:flex}.cult-locked-realm-chip{color:#64748b;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:2px 7px;font-size:.65rem}.cult-paths-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=640px){.cult-paths-grid{grid-template-columns:1fr;gap:12px}}.cult-path-column{border:1px solid var(--cult-border);background:#ffffff05;border-radius:12px;padding:12px;transition:border-color .2s,opacity .2s}.cult-path-column.is-active{background:#67e8f90a;border-color:#67e8f94d}.cult-path-column.is-locked{opacity:.5}.cult-path-column.is-god{background:#fbbf240d;border-color:#fbbf2466}.cult-path-column__header{border-bottom:1px solid #ffffff14;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:8px;display:flex}.cult-path-column__icon{font-size:1.1rem}.cult-path-column__name{color:var(--cult-text-muted);flex:1;font-size:.82rem;font-weight:700}.cult-path-column__badge{color:var(--cult-teal);white-space:nowrap;background:#67e8f926;border:1px solid #67e8f94d;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:600}.cult-path-column__locked-badge{font-size:.8rem}.cult-path-column__realms{flex-direction:column;gap:6px;display:flex}.cult-color-btn{cursor:pointer;color:var(--cult-text-primary);text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:7px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.cult-color-btn:hover:not(:disabled){background:#ffffff14;transform:translate(2px)}.cult-color-btn.is-selected{background:#ffffff1a;border-color:currentColor;box-shadow:0 0 8px}.cult-color-btn.is-locked{opacity:.35;cursor:not-allowed;text-decoration:line-through}.cult-color-btn:disabled{cursor:not-allowed}.cult-color-btn__lock{flex-shrink:0;font-size:.65rem}.cult-color-btn.cult-color-gray-400{color:#9ca3af}.cult-color-btn.cult-color-green-300{color:#86efac}.cult-color-btn.cult-color-blue-300{color:#7dd3fc}.cult-color-btn.cult-color-yellow-400{color:#facc15}.cult-color-btn.cult-color-purple-400{color:#c084fc}.cult-color-btn.cult-color-orange-400{color:#fb923c}.cult-color-btn.cult-color-red-500{color:#f87171}.cult-color-btn.cult-color-pink-500{color:#f472b6}.cult-color-btn.cult-color-indigo-400{color:#818cf8}.cult-color-btn.cult-color-cyan-300{color:#67e8f9}.cult-color-btn.cult-color-blue-400{color:#93c5fd}.cult-color-btn.cult-color-amber-300{color:#fcd34d}.cult-color-btn.cult-color-emerald-300{color:#6ee7b7}.cult-color-btn.cult-color-fuchsia-400{color:#e879f9}.cult-color-btn.cult-color-white-shine{color:#f8fafc}.cult-color-btn.cult-color-ngoc-hoang{color:#fbbf24}.cult-color-btn.cult-color-nguyen-thuy{color:#dbeafe}.tag-dialog-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tag-dialog-panel{background:var(--color-surface,#1e1e2e);border:1px solid var(--color-border,#333);border-radius:12px;flex-direction:column;width:100%;max-width:640px;max-height:80vh;display:flex;overflow:hidden}.tag-dialog-header{border-bottom:1px solid var(--color-border,#333);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tag-dialog-header h3{color:var(--color-text,#e0e0e0);margin:0;font-size:1.1rem}.tag-dialog-close{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.2rem}.tag-dialog-close:hover{background:var(--color-bg-hover,#2a2a3a);color:var(--color-text,#e0e0e0)}.tag-dialog-search{border-bottom:1px solid var(--color-border,#333);padding:12px 20px}.tag-dialog-search-input{border:1px solid var(--color-border,#333);background:var(--color-bg,#16161e);width:100%;color:var(--color-text,#e0e0e0);box-sizing:border-box;border-radius:8px;padding:8px 12px;font-size:.9rem}.tag-dialog-search-input:focus{border-color:var(--color-accent,#7c6ff7);outline:none}.tag-dialog-loading{text-align:center;color:var(--color-text-muted,#888);padding:40px}.tag-dialog-categories{flex:1;padding:8px 0;overflow-y:auto}.tag-dialog-category{border-bottom:1px solid var(--color-border,#333)}.tag-dialog-category:last-child{border-bottom:none}.tag-dialog-category-header{width:100%;color:var(--color-text,#e0e0e0);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:600;display:flex}.tag-dialog-category-header:hover{background:var(--color-bg-hover,#2a2a3a)}.tag-dialog-category-arrow{color:var(--color-text-muted,#888);font-size:.7rem}.tag-dialog-tags{flex-wrap:wrap;gap:6px;padding:8px 20px 12px;display:flex}.tag-dialog-tag{border:1px solid var(--color-border,#444);background:var(--color-bg,#16161e);color:var(--color-text-muted,#aaa);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.85rem;transition:all .15s}.tag-dialog-tag:hover{border-color:var(--color-accent,#7c6ff7);color:var(--color-text,#e0e0e0)}.tag-dialog-tag--selected{background:var(--color-accent,#7c6ff7);border-color:var(--color-accent,#7c6ff7);color:#fff}.tag-dialog-empty{text-align:center;color:var(--color-text-muted,#888);padding:30px}.tag-dialog-footer{border-top:1px solid var(--color-border,#333);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.tag-dialog-count{color:var(--color-text-muted,#888);font-size:.85rem}.tag-dialog-actions{gap:8px;display:flex}.tag-dialog-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:.9rem;transition:opacity .15s}.tag-dialog-btn:hover{opacity:.85}.tag-dialog-btn--cancel{background:var(--color-bg-hover,#2a2a3a);color:var(--color-text,#e0e0e0)}.tag-dialog-btn--confirm{background:var(--color-accent,#7c6ff7);color:#fff}.adult-gate-backdrop{z-index:1100;-webkit-backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.adult-gate-panel{background:var(--color-surface,#1e1e2e);border:1px solid #dc262659;border-radius:14px;flex-direction:column;width:100%;max-width:520px;animation:.18s ease-out adultGateFadeIn;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000073}@keyframes adultGateFadeIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.adult-gate-header{border-bottom:1px solid var(--color-border,#333);background:linear-gradient(135deg,#dc26261f,#dc26260a);align-items:center;gap:12px;padding:18px 20px;display:flex}.adult-gate-icon{font-size:1.6rem;line-height:1}.adult-gate-title{color:#fca5a5;letter-spacing:.01em;margin:0;font-size:1.15rem;font-weight:700}.adult-gate-body{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.adult-gate-lead{color:var(--color-text,#e0e0e0);margin:0;font-size:.95rem;line-height:1.5}.adult-gate-text{color:var(--color-text-muted,#a0a0b0);margin:0;font-size:.88rem;line-height:1.55}.adult-gate-checkbox-row{border:1px solid var(--color-border,#333);background:var(--color-bg,#16161e);cursor:pointer;color:var(--color-text,#e0e0e0);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9rem;line-height:1.45;transition:border-color .15s,background .15s;display:flex}.adult-gate-checkbox-row:hover{border-color:var(--color-accent,#7c6ff7);background:var(--color-bg-hover,#1f1f2e)}.adult-gate-checkbox{accent-color:#dc2626;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.adult-gate-footer{border-top:1px solid var(--color-border,#333);background:#00000026;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.adult-gate-btn{cursor:pointer;border:none;border-radius:8px;min-width:120px;padding:9px 20px;font-size:.9rem;font-weight:600;transition:opacity .15s,background .15s,transform .1s}.adult-gate-btn:hover{opacity:.9}.adult-gate-btn:active{transform:scale(.98)}.adult-gate-btn--cancel{background:var(--color-bg-hover,#2a2a3a);color:var(--color-text,#e0e0e0)}.adult-gate-btn--confirm{color:#fff;background:#dc2626}.adult-gate-btn--confirm:disabled{background:var(--color-bg-hover,#2a2a3a);color:var(--color-text-muted,#888);cursor:not-allowed;opacity:.7}.adult-gate-btn--confirm:disabled:hover{opacity:.7}@media (width<=480px){.adult-gate-panel{max-width:100%}.adult-gate-footer{flex-direction:column-reverse}.adult-gate-btn{width:100%}}.story-detail__tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.story-detail__tags-label{color:var(--color-text-muted,#888);margin-right:4px;font-size:.85rem;font-weight:600}.story-detail__tags-list{flex-wrap:wrap;gap:6px;display:flex}.story-detail__tag{border:1px solid var(--color-border,#444);background:var(--color-bg-hover,#2a2a3a);color:var(--color-text-muted,#aaa);border-radius:999px;align-items:center;padding:4px 12px;font-size:.8rem;text-decoration:none;transition:all .15s;display:inline-flex}.story-detail__tag-expand{color:var(--theme-primary);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:4px 8px;font-size:.85rem}.story-detail__tag-expand:hover{text-decoration:underline}.search-page{grid-template-columns:280px 1fr;gap:24px;max-width:1200px;margin:0 auto;padding:24px 16px;display:grid}@media (width<=768px){.search-page{grid-template-columns:1fr}}.search-page__sidebar{background:var(--color-surface,#1e1e2e);border:1px solid var(--color-border,#333);border-radius:12px;align-self:start;max-height:calc(100vh - 100px);padding:16px;position:sticky;top:80px;overflow-y:auto}.search-page__sidebar-title{color:var(--color-text,#e0e0e0);margin:0 0 12px;font-size:1rem;font-weight:700}.search-page__random-tags{border-bottom:1px solid var(--color-border,#333);flex-wrap:wrap;gap:6px;margin-bottom:16px;padding-bottom:12px;display:flex}.search-page__random-tag{border:1px solid var(--color-border,#444);background:var(--color-bg,#16161e);color:var(--color-text-muted,#aaa);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:.78rem;transition:all .15s}.search-page__random-tag:hover,.search-page__random-tag--active{background:var(--color-accent,#7c6ff7);border-color:var(--color-accent,#7c6ff7);color:#fff}.search-page__category{border-bottom:1px solid var(--color-border,#333)}.search-page__category:last-child{border-bottom:none}.search-page__category-header{width:100%;color:var(--color-text,#e0e0e0);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 4px;font-size:.9rem;font-weight:600;display:flex}.search-page__category-header:hover{color:var(--color-accent,#7c6ff7)}.search-page__category-arrow{color:var(--color-text-muted,#888);font-size:.65rem}.search-page__tags{flex-wrap:wrap;gap:5px;padding:4px 0 8px;display:flex}.search-page__tag{border:1px solid var(--color-border,#444);background:var(--color-bg,#16161e);color:var(--color-text-muted,#aaa);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:.78rem;transition:all .15s}.search-page__tag:hover,.search-page__tag--selected{background:var(--color-accent,#7c6ff7);border-color:var(--color-accent,#7c6ff7);color:#fff}.search-page__clear-filters{border:1px solid var(--color-border,#444);width:100%;color:var(--color-text-muted,#aaa);cursor:pointer;background:0 0;border-radius:8px;margin-top:12px;padding:8px;font-size:.85rem;transition:all .15s;display:block}.search-page__clear-filters:hover{color:#e05555;border-color:#e05555}.search-page__main{min-width:0}.search-page__search-bar{gap:10px;margin-bottom:16px;display:flex}.search-page__search-input{border:1px solid var(--color-border,#333);background:var(--color-surface,#1e1e2e);color:var(--color-text,#e0e0e0);border-radius:8px;flex:1;padding:10px 14px;font-size:.95rem}.search-page__search-input:focus{border-color:var(--color-accent,#7c6ff7);outline:none}.search-page__view-toggle{border:1px solid var(--color-border,#333);border-radius:8px;display:flex;overflow:hidden}.search-page__view-btn{background:var(--color-surface,#1e1e2e);color:var(--color-text-muted,#888);cursor:pointer;border:none;padding:8px 14px;font-size:1rem;transition:all .15s}.search-page__view-btn:hover{background:var(--color-bg-hover,#2a2a3a)}.search-page__view-btn.is-active{background:var(--color-accent,#7c6ff7);color:#fff}.search-page__result-count{color:var(--color-text-muted,#888);margin:0 0 16px;font-size:.85rem}.search-page__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.search-page__grid-card{background:var(--color-surface,#1e1e2e);border:1px solid var(--color-border,#333);color:inherit;border-radius:10px;text-decoration:none;transition:border-color .15s;display:block;overflow:hidden}.search-page__grid-card:hover{border-color:var(--color-accent,#7c6ff7)}.search-page__grid-cover{aspect-ratio:2/3;background:var(--color-bg-hover,#2a2a3a);color:var(--color-text-muted,#888);justify-content:center;align-items:center;font-size:2rem;display:flex}.search-page__grid-cover img{object-fit:cover;width:100%;height:100%}.search-page__grid-title{color:var(--color-text,#e0e0e0);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:10px 12px;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.search-page__grid-card .story-tags{padding:0 12px 10px}.search-page__list{flex-direction:column;gap:12px;display:flex}.search-page__list-item{background:var(--color-surface,#1e1e2e);border:1px solid var(--color-border,#333);color:inherit;border-radius:10px;gap:14px;padding:14px;text-decoration:none;transition:border-color .15s;display:flex}.search-page__list-item:hover{border-color:var(--color-accent,#7c6ff7)}.search-page__list-cover{background:var(--color-bg-hover,#2a2a3a);width:80px;height:120px;color:var(--color-text-muted,#888);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex;overflow:hidden}.search-page__list-cover img{object-fit:cover;width:100%;height:100%}.search-page__list-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.search-page__list-title{color:var(--color-text,#e0e0e0);margin:0;font-size:1rem;font-weight:700}.search-page__list-summary{color:var(--color-text-muted,#888);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.search-page__loading,.search-page__empty{text-align:center;color:var(--color-text-muted,#888);padding:40px;font-size:.95rem}.app-navbar__advanced-search-btn{width:40px;height:40px;color:var(--color-text,#e0e0e0);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.app-navbar__advanced-search-btn:hover{background:var(--color-bg-hover,#2a2a3a)}@media (width<=640px){.app-navbar__advanced-search-btn{display:none}}:root{--loading-lavender-light:#f5f0ff;--loading-lavender-mid:#d6c8f0;--loading-lavender-deep:#9a82d9;--loading-bg:#fafafa;--loading-fade-ms:900}html.dark{--loading-bg:#15101f}.initial-loading{z-index:9999;background:linear-gradient(180deg, var(--loading-lavender-light) 0%, var(--loading-lavender-mid) 55%, var(--loading-lavender-deep) 100%);pointer-events:auto;transition:opacity var(--loading-fade-ms) ease-out;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.initial-loading.is-exiting{pointer-events:none;opacity:0}.initial-loading.is-done{display:none}.initial-loading__logo-wrap{z-index:2;justify-content:center;align-items:center;width:clamp(120px,24vw,220px);height:clamp(120px,24vw,220px);animation:3.4s ease-in-out infinite loading-logo-pulse;display:flex;position:relative}.initial-loading__logo{object-fit:contain;filter:drop-shadow(0 6px 18px #9a82d940);width:100%;height:100%}@keyframes loading-logo-pulse{0%,to{filter:grayscale()brightness(.95)drop-shadow(0 6px 18px #9a82d92e)}50%{filter:grayscale(0%)brightness()drop-shadow(0 6px 22px #9a82d973)}}@media (prefers-reduced-motion:reduce){.initial-loading{transition:opacity .4s ease-out}.initial-loading__logo-wrap{animation:none}}
