.title-skeleton{background:var(--bg);min-height:100%;padding-bottom:24px}.title-skeleton .skeleton{background:var(--surface3)}.title-skeleton-navigation{align-items:center;min-height:56px;padding:4px 12px;display:flex}.title-skeleton-summary{flex-direction:column;gap:24px;display:flex}.title-skeleton-poster{width:min(52vw,240px);aspect-ratio:var(--cover-aspect);border-radius:12px;margin:64px auto 8px}.title-skeleton-copy{min-width:0;padding-inline:20px}.title-skeleton-name{width:72%;height:28px;margin-bottom:16px}.title-skeleton-author{width:32%;height:16px;margin-bottom:20px}.title-skeleton-badges{gap:8px;margin-bottom:24px;display:flex}.title-skeleton-badges i{width:64px;height:24px}.title-skeleton-line{width:100%;height:14px;margin-bottom:12px}.title-skeleton-short{width:68%}.title-skeleton-tabs{border-block:1px solid var(--border);justify-content:space-around;gap:16px;margin-block:24px;padding:16px 20px;display:flex}.title-skeleton-tabs i{width:24%;height:18px}.title-skeleton-section{padding:12px 20px}.title-skeleton-heading{width:36%;height:20px;margin-bottom:20px}.title-skeleton-opening{width:100%;height:104px}.title-skeleton-actions{justify-content:flex-end;gap:12px;padding:24px 20px 0;display:flex}.title-skeleton-actions i{width:42%;height:48px}@media (min-width:768px){.title-skeleton{padding:32px}.title-skeleton-summary{flex-direction:row;align-items:flex-start;gap:32px}.title-skeleton-poster{border-radius:12px;flex:0 0 180px;width:180px;height:270px;margin:0}.title-skeleton-copy{flex:1;padding:12px 0 0}.title-skeleton-name{height:32px}.title-skeleton-tabs,.title-skeleton-section,.title-skeleton-actions{padding-inline:0}.title-skeleton-actions i{width:160px}.route-overlay .title-skeleton-navigation{display:none}}@media (prefers-reduced-motion:reduce){.title-skeleton .skeleton{animation:none}}
.route-overlay{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.route-overlay[open]{justify-content:center;align-items:center;display:flex}.route-overlay:focus{outline:none}.route-overlay::backdrop{background:#000b}.route-overlay-panel{background:var(--bg);flex-direction:column;width:100%;min-width:0;height:100dvh;display:flex;overflow:hidden}.route-overlay-body{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.route-overlay-header{display:none}.route-overlay[data-pending=true] .route-overlay-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;padding:8px 16px;display:flex}.story-route-content,.route-overlay .title-page{min-height:100%}.route-overlay .app-dock{width:auto;max-width:none;left:0;right:0;transform:none}@media (min-width:768px){.route-overlay[open]{padding:32px}.route-overlay-panel{border:1px solid var(--border);border-radius:20px;width:min(1040px,100%);height:min(880px,100dvh - 64px);box-shadow:0 24px 80px #0006}.route-overlay-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;min-height:72px;padding:12px 24px 12px 32px;display:flex}.route-overlay-header h2{font-size:19px;font-weight:600}.route-overlay .title-page{--title-width:min(800px, calc(100vw - 64px));max-width:800px;padding:0 0 112px}.route-overlay .title-hero-nav{height:40px;padding:0;position:absolute;inset:8px 12px auto}.route-overlay .title-hero-nav-title,.route-overlay .title-hero-nav>button:first-child{visibility:hidden}.route-overlay .title-page>.title-action-dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0008;border-top:1px solid #fff1;width:100%;margin:0;padding:8px;position:sticky;bottom:-112px}.route-overlay-search[open]{align-items:flex-start;padding-top:min(120px,20dvh)}.route-overlay-search .route-overlay-panel{border-radius:12px;width:min(768px,100%);height:min(720px,100dvh - min(120px,20dvh) - 40px)}.route-overlay-search .search-page{background:0 0;height:100%;min-height:0;padding:0}.route-overlay-search .search-panel{width:100%;height:100%;box-shadow:none;border:0;border-radius:0;margin:0}.route-overlay-standard>.route-overlay-panel{width:min(768px,100%)}.route-overlay-notification>.route-overlay-panel{border-radius:16px;width:min(512px,100%);height:min(640px,80dvh)}.route-overlay-notification .route-overlay-header{border:0;min-height:64px;padding:8px 12px 8px 24px}.route-overlay-notification .route-overlay-header h2{font-size:16px}.route-overlay-standard .route-overlay-body>div>.app-header{display:none}}.route-intent-page{z-index:45;background:var(--bg);position:fixed;inset:0;overflow:hidden}.route-intent-content{min-width:0}.app-shell[data-route-pending] .mobile-tabbar{z-index:50}@media (min-width:768px){.app-shell-authenticated>.route-intent-page,.app-shell-guest>.route-intent-page{left:var(--sidebar-width)}.route-intent-content{--page-inset:24px;max-width:var(--content-max);margin-inline:auto}.route-intent-content[data-wide]{max-width:1360px}}
