/* Manhwa Index v9.5.0 — Unified Motion UI */
:root{
  --bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--surface-3:#e8ebef;
  --text:#17181c;--muted:#737984;--line:#e1e4e8;--line-strong:#d4d8de;
  --accent:#6B1D45;--accent-strong:#561638;--accent-text:#ffffff;
  --danger:#e5484d;--success:#20a464;--info:#4b7bec;
  --shadow-sm:0 2px 10px rgba(19,24,32,.05);--shadow-md:0 10px 32px rgba(19,24,32,.08);--shadow-lg:0 22px 60px rgba(19,24,32,.12);
  --radius-sm:10px;--radius:16px;--radius-lg:22px;--radius-xl:28px;
  --page:1180px;--header-h:64px;--dock-h:72px;
  --ease:cubic-bezier(.2,.8,.2,1)
}
html[data-theme="dark"],html.dark{
  --bg:#0d0e11;--surface:#15171c;--surface-2:#1c1f25;--surface-3:#242830;
  --text:#f4f5f7;--muted:#9ca3af;--line:#282c33;--line-strong:#343941;
  --accent:#6B1D45;--accent-strong:#561638;--accent-text:#ffffff;
  --shadow-sm:0 2px 10px rgba(0,0,0,.18);--shadow-md:0 12px 34px rgba(0,0,0,.24);--shadow-lg:0 24px 64px rgba(0,0,0,.32)
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:light}html[data-theme="dark"]{color-scheme:dark}
html,body{margin:0;min-height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:"Cairo","Almarai",system-ui,sans-serif;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hidden{display:none!important}.view{display:none!important;width:min(var(--page),calc(100% - 32px));margin:0 auto;padding:28px 0 110px}.view.active{display:block!important;animation:viewIn .34s var(--ease)}
main{min-height:calc(100vh - var(--header-h))}.reveal{opacity:1!important;transform:none!important}
@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes sheetIn{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes popIn{0%{transform:scale(.92);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes dockPop{0%{transform:scale(.9)}55%{transform:scale(1.12)}100%{transform:scale(1)}}

/* shared typography */
h1,h2,h3,h4,p{overflow-wrap:anywhere}.eyebrow,.index-kicker,.tappy-home-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.page-head h1,.page-editorial-head h1,.exact-page-top h1{margin:4px 0 0;font-size:clamp(26px,5vw,40px);line-height:1.2;font-weight:900}.page-head,.page-editorial-head,.exact-page-top{padding:18px 2px 22px}.page-head p,.page-editorial-head p,.exact-page-top p{margin:6px 0 0;color:var(--muted)}

/* shared controls */
:where(.primary-button,.ink-button,.exact-solid-button,.sheet-primary){border:0;background:var(--accent);color:var(--accent-text);border-radius:13px;min-height:42px;padding:9px 16px;font-weight:900;box-shadow:none;transition:transform .16s var(--ease),background .16s,box-shadow .16s}
:where(.primary-button,.ink-button,.exact-solid-button,.sheet-primary):hover{background:var(--accent-strong);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 22%,transparent)}
:where(.primary-button,.ink-button,.exact-solid-button,.sheet-primary):active{transform:scale(.97)}
:where(.secondary-button,.line-button,.exact-outline-button,.danger-outline-button){border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;min-height:40px;padding:8px 14px;font-weight:800;transition:background .16s,border-color .16s,transform .16s var(--ease)}
:where(.secondary-button,.line-button,.exact-outline-button):hover{background:var(--surface-2);border-color:var(--line-strong)}
:where(.secondary-button,.line-button,.exact-outline-button,.danger-outline-button):active{transform:scale(.97)}
.danger-outline-button{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}
input,select,textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;min-height:44px;padding:10px 12px;outline:0;transition:border-color .16s,box-shadow .16s,background .16s}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent-strong) 65%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}textarea{resize:vertical;line-height:1.7}
.inline-status{font-size:11px;color:var(--muted);min-height:18px;margin-top:6px}
.empty-state{border:1px dashed var(--line-strong);background:var(--surface);border-radius:var(--radius-lg);padding:34px 18px;text-align:center;color:var(--muted)}.empty-state h3{margin:0 0 5px;color:var(--text)}

/* header */
.site-header{height:var(--header-h);position:sticky;top:0;z-index:80;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 max(18px,calc((100vw - var(--page))/2));background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:saturate(130%) blur(14px)}
.exact-logo{display:flex;align-items:center;gap:8px;font-weight:900}.site-brand-image{height:28px;width:auto}.brand-logo-dark{display:none}html[data-theme="dark"] .brand-logo-light{display:none}html[data-theme="dark"] .brand-logo-dark{display:block}.kp-wordmark{font-size:13px}
.exact-main-tabs{display:flex;align-items:center;justify-content:center;gap:4px}.exact-main-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:10px;font-weight:800;transition:.16s}.exact-main-tabs button:hover{background:var(--surface-2);color:var(--text)}.exact-main-tabs button.active{color:var(--text);background:var(--surface-2)}
.exact-header-actions{display:flex;align-items:center;gap:7px}.exact-header-icon,.profile-button,.close-button,.sheet-close,.modal-close{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;transition:.16s}.exact-header-icon,.close-button,.sheet-close,.modal-close{width:40px;height:40px;display:grid;place-items:center}.exact-header-icon:hover,.sheet-close:hover{background:var(--surface-2);transform:translateY(-1px)}.exact-header-icon svg{width:19px;height:19px}.theme-icon-sun{display:none}html[data-theme="dark"] .theme-icon-moon{display:none}html[data-theme="dark"] .theme-icon-sun{display:block}
.profile-button{height:40px;padding:0 10px;display:flex;align-items:center;gap:7px}.avatar,.account-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--text);color:var(--bg);font-weight:900}
.search-overlay{position:fixed;inset:0;z-index:130;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);display:grid;place-items:start center;padding:13vh 18px}.search-overlay>div{width:min(650px,100%)}.search-overlay input{height:58px;border-radius:18px;font-size:18px;box-shadow:var(--shadow-lg)}.search-overlay .close-button{position:absolute;top:20px;left:20px}

/* home */
.exact-page-top{display:flex;align-items:end;justify-content:space-between;gap:24px}.kp-home-subtitle{max-width:430px;text-align:left}.mi-quick-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.mi-quick-tabs button{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:14px;display:flex;align-items:center;gap:11px;text-align:right;color:var(--text);box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),border-color .18s,box-shadow .18s}.mi-quick-tabs button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mi-quick-tabs button.active{border-color:color-mix(in srgb,var(--accent-strong) 55%,var(--line));background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.mi-quick-icon{width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;flex:0 0 38px}.mi-quick-icon svg{width:20px;height:20px}.quick-tab-copy strong,.quick-tab-copy small{display:block}.quick-tab-copy small{font-size:9px;color:var(--muted);margin-top:2px}
.exact-feature-carousel{position:relative;overflow:hidden;border-radius:var(--radius-xl);min-height:330px;background:#17181b;color:#fff;margin:0 0 28px;box-shadow:var(--shadow-md)}.exact-feature-background{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.26}.exact-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,15,18,.2),rgba(14,15,18,.88) 58%,rgba(14,15,18,.96))}.exact-feature-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 46%;align-items:center;min-height:330px;padding:30px}.exact-feature-copy{max-width:570px}.exact-feature-label{font-size:10px;letter-spacing:.12em;color:#d5d6d8}.exact-feature-copy h2{font-size:clamp(28px,5vw,48px);line-height:1.15;margin:10px 0}.exact-feature-copy p{color:#c6c8cc;max-width:520px}.exact-feature-meta{display:flex;gap:14px;color:#d8dade;font-size:12px;margin:18px 0}.exact-feature-actions,.exact-feature-pagination{display:flex;gap:8px;align-items:center}.exact-feature-carousel .exact-outline-button{background:transparent;color:#fff;border-color:#4a4c51}.exact-feature-posters{display:flex;align-items:end;justify-content:flex-end;gap:10px;min-width:0}.exact-feature-posters img{width:120px;aspect-ratio:3/4;object-fit:cover;border-radius:15px;box-shadow:0 12px 30px rgba(0,0,0,.28)}.exact-feature-pagination{margin-top:14px}.exact-feature-pagination button{width:34px;height:34px;border:1px solid #44474c;background:#222428;color:white;border-radius:10px}.feature-timer{height:3px;position:absolute;bottom:0;inset-inline:0;background:#25272c}.feature-timer span{display:block;height:100%;background:var(--accent)}.exact-feature-carousel.is-empty{min-height:190px}.exact-feature-carousel.is-empty .exact-feature-posters{display:none}.exact-feature-carousel.is-empty .exact-feature-inner{grid-template-columns:1fr;min-height:190px}
.exact-content-section{margin:30px 0}.exact-section-header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.exact-section-header h2{margin:0;font-size:21px}.exact-section-header p{margin:3px 0 0;color:var(--muted);font-size:11px}.exact-section-header>button{border:0;background:transparent;color:var(--muted);font-weight:800;padding:6px 0}.media-rail,.exact-wide-rail,.recommendation-shelf-rail{display:flex;gap:12px;overflow-x:auto;padding:2px 0 8px;scroll-snap-type:x proximity;scrollbar-width:none}.media-rail::-webkit-scrollbar,.exact-wide-rail::-webkit-scrollbar,.recommendation-shelf-rail::-webkit-scrollbar{display:none}
.poster-card,.work-card,.media-card{flex:0 0 150px;min-width:0;animation:cardIn .3s var(--ease)}.poster-card img,.work-card img,.media-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:15px;background:var(--surface-2);transition:transform .22s var(--ease),box-shadow .22s}.poster-card:hover img,.work-card:hover img,.media-card:hover img{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 12px}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}

/* directory / groups / collection cards */
.groups-shelves-list,.quick-category-collections,.rotating-shelves,.exact-shelves{display:grid;gap:12px}.collection-card,.group-card,.recommendation-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);padding:15px;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),box-shadow .18s}.collection-card:hover,.group-card:hover,.recommendation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.recommendations-directory-toolbar,.discover-search-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:end;margin-bottom:12px}.recommendations-directory-search,.discover-search-field{position:relative}.discover-search-field{display:block}.discover-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.discover-search-field input{padding-right:38px}.discover-sort-field{display:grid;gap:4px}.discover-sort-field>span{font-size:9px;color:var(--muted)}

/* library */
#discoverView .library-page-head{display:flex;align-items:end;justify-content:space-between}.catalog-tabs,.following-tabs,.library-state-tabs{display:flex;gap:5px;padding:4px;background:var(--surface-2);border-radius:13px;width:max-content;max-width:100%;overflow-x:auto;margin-bottom:14px}.catalog-tabs button,.following-tabs button,.library-state-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 13px;border-radius:10px;font-weight:800;white-space:nowrap;transition:.16s}.catalog-tabs button.active,.following-tabs button.active,.library-state-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}
.discover-search-toolbar{border:1px solid var(--line);background:var(--surface);padding:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.advanced-filters-toggle{min-height:44px;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:8px 12px;font-weight:800;display:flex;align-items:center;gap:7px}.advanced-filters-toggle b{min-width:22px;height:22px;border-radius:999px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-size:9px}.advanced-filters-panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);padding:14px;margin:10px 0 14px}.advanced-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.advanced-filter-grid label{display:grid;gap:5px}.advanced-filter-grid label>span,.multi-genre-filter small{font-size:9px;color:var(--muted)}.multi-genre-filter{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.advanced-genre-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.advanced-genre-chips button,.preference-multi-grid button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:999px;padding:7px 11px;font-weight:700}.advanced-genre-chips button.active,.preference-multi-grid button.active,.preference-multi-grid button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.reset-discover-filters{margin-top:10px;border:0;background:transparent;color:var(--muted);font-weight:800}.results-line{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;margin:12px 2px}.results-line strong{color:var(--text);font-size:14px}.catalog-pagination,.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px}.api-search-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);padding:18px;display:grid;gap:14px}.api-search-card label{display:flex;gap:8px}

/* work detail */
body.work-detail-open .site-header{display:none}body.work-detail-open main>.view#workDetailView{width:100%;max-width:none;padding:0 0 110px}.kp-work-intro{width:min(980px,100%);margin:0 auto}.tappy-detail-header,.work-detail-compat-header{display:none!important}.tappy-hero-shell{position:relative;min-height:min(66vh,650px);overflow:hidden;background:var(--surface-2)}.series-hero-blur{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(32px) saturate(.8);transform:scale(1.12);opacity:.25}.series-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.04) 30%,rgba(10,10,12,.92) 100%)}.tappy-cover-frame{position:absolute;inset:0}.tappy-cover-image{width:100%;height:100%;object-fit:cover;object-position:center 22%}.work-cover-title-overlay{position:absolute;z-index:4;bottom:0;left:0;right:0;padding:44px max(18px,calc((100% - 920px)/2)) 26px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}.work-cover-eyebrow{font-size:9px;letter-spacing:.14em;color:#d7d7da}.work-cover-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.work-cover-title-row h1{margin:4px 0 0;font-size:clamp(28px,6vw,50px);line-height:1.08;font-weight:900}.work-cover-actions{display:flex;gap:7px;flex:0 0 auto}.work-cover-follow,.work-cover-share,.work-cover-report-button,.work-admin-edit-button{border:1px solid rgba(255,255,255,.28);background:rgba(16,17,20,.58);color:#fff;backdrop-filter:blur(8px);border-radius:13px;min-height:42px;padding:8px 12px;display:flex;align-items:center;gap:7px;font-weight:800;transition:transform .16s,background .16s}.work-cover-follow:hover,.work-cover-share:hover,.work-cover-report-button:hover,.work-admin-edit-button:hover{background:rgba(32,34,39,.78);transform:translateY(-1px)}.work-cover-follow svg,.work-cover-share svg,.work-cover-report-button svg,.work-admin-edit-button svg{width:18px;height:18px}.work-cover-report-button{position:absolute;z-index:5;top:18px;right:max(18px,calc((100% - 920px)/2));width:42px;height:42px;padding:0;justify-content:center}.work-admin-edit-button{position:absolute;z-index:5;top:18px;left:max(18px,calc((100% - 920px)/2))}.cover-origin-badge{display:none!important}
.mi-work-facts{width:min(920px,calc(100% - 28px));margin:14px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mi-work-facts article{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:12px 10px;text-align:center}.mi-work-facts small{display:block;color:var(--muted);font-size:9px;margin-bottom:3px}.mi-work-facts strong{font-size:14px}.work-secondary-summary{display:none!important}
.work-admin-toolbar{width:min(920px,calc(100% - 28px));margin:10px auto;display:flex;gap:7px;overflow-x:auto}.work-admin-toolbar button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;min-height:38px;padding:7px 11px;display:flex;align-items:center;gap:6px;white-space:nowrap}.work-admin-toolbar svg{width:17px;height:17px}
.series-tabs{position:sticky;top:0;z-index:50;width:min(920px,calc(100% - 28px));margin:14px auto 0;padding:5px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:15px;backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.series-tabs button{border:0;background:transparent;color:var(--muted);border-radius:11px;padding:8px 5px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:11px;transition:.16s}.series-tabs button.active{background:var(--surface-2);color:var(--text)}.series-tabs .tab-icon{display:grid;place-items:center}.series-tabs svg{width:19px;height:19px}
.tappy-detail-content{width:min(920px,calc(100% - 28px));margin:12px auto 0}.tappy-detail-pane{display:none}.tappy-detail-pane.active{display:block;animation:viewIn .25s var(--ease)}
.overview-panel,.modern-info-section,.story-card,.announce-card,.comments-card,.work-story-card,.work-detail-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);padding:16px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.overview-panel-head,.modern-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.overview-panel-head h3,.modern-section-head h3{margin:0;font-size:15px}.overview-panel-head p,.modern-section-head p{margin:2px 0 0;color:var(--muted);font-size:10px}
.unified-detail-grid,.people-grid,.publish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.unified-detail-row,.person,.publish-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:10px}.unified-detail-icon,.icon{width:40px;height:40px;border-radius:12px;background:var(--surface);display:grid;place-items:center}.unified-detail-icon svg,.icon svg{width:19px;height:19px}.unified-detail-copy small,.person small,.publish-copy small{display:block;color:var(--muted);font-size:8.5px}.unified-detail-copy strong,.person strong,.publish-copy strong{font-size:11px}.tags,.genre-chips{display:flex;gap:6px;flex-wrap:wrap}.tag,.genre-chip{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:6px 10px;font-size:10px}.gallery-grid,.story-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery-grid img,.story-gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:13px;background:var(--surface-2)}

/* announcements */
.announcement-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px}.announcement-list,.announcement-feed{display:grid;gap:8px}.announcement-item,.announcement-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:13px}.announcement-item:hover,.announcement-card:hover{border-color:var(--line-strong)}.announcement-side-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px;align-self:start}.announcement-side-panel h3{margin:0 0 10px}.announcement-type-list{display:grid;gap:8px}.announcement-type-list article{display:grid;grid-template-columns:8px 1fr;gap:9px;align-items:start;padding:9px;background:var(--surface-2);border-radius:12px}.announcement-type-list article>span{width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--accent-strong)}.announcement-type-list strong,.announcement-type-list small{display:block}.announcement-type-list small{color:var(--muted);font-size:9px}

/* comments — redesigned */
.work-comments-dashboard{display:grid;gap:12px}.comments-dashboard-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);padding:14px}.comments-dashboard-head h2{margin:0;font-size:20px}.comments-head-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.comment-rating-summary{display:flex;align-items:center;gap:7px;padding:7px 10px;background:color-mix(in srgb,var(--accent) 14%,var(--surface-2));border-radius:12px}.comment-rating-score strong{font-size:18px}.comment-rating-score span,.comment-rating-summary small{font-size:9px;color:var(--muted)}.comments-count-badge{padding:7px 9px;background:var(--surface-2);border-radius:11px;color:var(--muted);font-size:9px}.comments-head-actions select{width:auto;min-height:36px;padding:6px 9px;font-size:10px}
.comments-desktop-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;align-items:start}.comments-feed-panel,.comments-compose-panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-sm)}.comments-compose-panel{position:sticky;top:78px}.compose-panel-head{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid var(--line)}.compose-panel-head strong,.compose-panel-head small{display:block}.compose-panel-head small{font-size:9px;color:var(--muted)}.comment-auth-notice{margin-top:10px;border:1px solid var(--line);background:var(--surface-2);padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.comment-auth-notice button{border:0;background:var(--accent);color:var(--accent-text);border-radius:9px;padding:6px 9px;font-weight:800}
.comment-composer{display:grid;gap:8px;margin-top:10px}.comment-rating-picker,.comment-spoiler-toggle,.comment-text-shell{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:10px}.comment-rating-picker-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.comment-rating-picker-head strong,.comment-rating-picker-head small{display:block}.comment-rating-picker-head small,.selected-comment-rating-label{color:var(--muted);font-size:9px}.comment-star-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}.comment-star-picker button{height:42px;border:1px solid var(--line);background:var(--surface);border-radius:11px;color:#a7acb4;display:grid;place-items:center;transition:.16s}.comment-star-picker button:hover{transform:translateY(-1px);color:#6B1D45}.comment-star-picker button[aria-pressed="true"],.comment-star-picker button.active{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}html[data-theme="dark"] .comment-star-picker button[aria-pressed="true"],html[data-theme="dark"] .comment-star-picker button.active{background:color-mix(in srgb,var(--accent) 18%,var(--surface-2))}.comment-star-picker svg{width:20px;height:20px}.comment-spoiler-toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.comment-spoiler-toggle input{width:18px;height:18px;min-height:0}.comment-spoiler-toggle strong,.comment-spoiler-toggle small{display:block}.comment-spoiler-toggle small{font-size:8px;color:var(--muted)}.comment-spoiler-switch{display:none}.comment-text-shell{display:block}.comment-text-shell textarea{border:0;background:transparent;box-shadow:none;padding:0;min-height:100px}.comment-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.comment-composer-actions small{color:var(--muted);font-size:9px}.comment-composer-actions .primary-button{min-height:36px;padding:7px 10px;font-size:10px}.comments-feed-head{display:flex;align-items:end;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}.comments-feed-head h3{margin:0}.comments-feed-head span{font-size:9px;color:var(--muted)}.modern-comments-list{display:grid}.comment-card,.modern-comments-list>.comment{padding:13px 0;border-bottom:1px solid var(--line);animation:cardIn .25s var(--ease)}.comment-card:last-child,.modern-comments-list>.comment:last-child{border-bottom:0}.comments-load-more{width:100%;margin-top:10px}

/* following / personal library */
#followingView{max-width:980px}.following-tabs{margin-bottom:14px}.follow-panel{animation:viewIn .24s var(--ease)}.reading-list{display:grid;gap:8px}.reading-list>article,.reading-list>.reading-item,.library-item{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:11px;box-shadow:var(--shadow-sm);transition:transform .16s}.reading-list>article:hover,.library-item:hover{transform:translateY(-1px)}

/* admin */
#adminView{max-width:1180px}.admin-head{padding-bottom:16px}.admin-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.admin-dashboard article{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:13px}.admin-dashboard span{display:block;color:var(--muted);font-size:9px}.admin-dashboard strong{font-size:20px}.unified-import-shortcut{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px;margin-bottom:12px}.kp-admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px;align-items:start}.kp-admin-sidebar{position:sticky;top:78px}.admin-tabs{display:grid;gap:4px;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:7px}.admin-tabs button{border:0;background:transparent;color:var(--muted);border-radius:11px;padding:10px 11px;text-align:right;font-weight:800}.admin-tabs button.active{background:var(--surface-2);color:var(--text)}.kp-admin-content{min-width:0}.admin-panel,.unified-card,.official-sync-shell,.editor-shell,.reports-admin-shell,.mangalek-import-card,.compact-editor,.admin-recommendations-list-shell{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);padding:15px;box-shadow:var(--shadow-sm);margin-bottom:10px}.manager-toolbar,.unified-head,.official-sync-head,.reports-admin-head,.admin-recommendations-toolbar,.admin-recommendations-list-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:12px}.manager-toolbar h2,.unified-head h2,.official-sync-head h2{margin:0}.modern-form-grid,.advanced-grid,.official-sync-grid,.media-upload-grid,.pros-cons-grid,.collection-cover-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.form-span-2,.wide-field{grid-column:1/-1}.modern-form-grid label,.wide-field{display:grid;gap:5px}.modern-form-grid label>span,.wide-field>span{color:var(--muted);font-size:9px}.editor-block{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:13px 0;border-top:1px solid var(--line)}.editor-block:first-child{border-top:0}.editor-number{width:32px;height:32px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:10px;font-weight:900}.block-heading h3{margin:0}.block-heading p{margin:2px 0 10px;color:var(--muted);font-size:9px}.upload-zone{border:1px dashed var(--line-strong);background:var(--surface-2);border-radius:15px;padding:18px;text-align:center}.upload-icon{font-size:22px}.admin-works-list,.manage-collections-list,.import-results,.unified-result-list,.official-sync-results,.admin-reports-list,.mangalek-result-list{display:grid;gap:8px}.admin-works-list>*,.manage-collections-list>*,.import-results>*,.unified-result-list>*,.official-sync-results>*,.admin-reports-list>*,.mangalek-result-list>*{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:10px}

/* dock */
.member-dock{position:fixed;z-index:100;bottom:12px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 24px));height:var(--dock-h);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);backdrop-filter:blur(14px)}.dock-item,.dock-profile{border:0;background:transparent;color:var(--muted);height:58px;border-radius:16px;display:grid;place-items:center;align-content:center;gap:2px;min-width:0;transition:color .16s,background .16s,transform .16s var(--ease)}.dock-item:hover,.dock-profile:hover{background:var(--surface-2);color:var(--text)}.dock-item:active,.dock-profile:active{transform:scale(.94)}.dock-icon-shell,.dock-profile-ring{width:30px;height:30px;display:grid;place-items:center;transition:transform .18s var(--ease)}.dock-icon-shell svg{width:21px;height:21px}.dock-item span:last-child{font-size:8px;font-weight:800}.dock-profile-avatar{width:30px;height:30px;border-radius:50%;background:var(--text);color:var(--bg);display:grid;place-items:center;font-size:10px;font-weight:900}.dock-tapped .dock-icon-shell,.dock-tapped .dock-profile-ring{animation:dockPop .38s var(--ease)}

/* sheets and modals */
.dock-sheet-backdrop,.modal-backdrop,.welcome-backdrop,.mi-legal-modal{position:fixed;inset:0;z-index:140;background:rgba(10,11,14,.48);display:flex;align-items:flex-end;justify-content:center;padding:16px;backdrop-filter:blur(5px)}.dock-sheet,.auth-modal,.welcome-card,.mi-legal-dialog{width:min(620px,100%);max-height:min(86vh,760px);overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-lg);padding:18px;animation:sheetIn .28s var(--ease);scrollbar-width:thin}.sheet-handle{width:38px;height:4px;border-radius:999px;background:var(--line-strong);margin:0 auto 12px}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}.sheet-header h2{margin:2px 0 0;font-size:21px}.sheet-close{font-size:22px}.sheet-section{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:13px;margin-bottom:9px}
/* settings */
.settings-v94-stack{display:grid;gap:9px}.settings-v94-card{border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:13px}.settings-v94-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-v94-title{display:flex;align-items:center;gap:10px;min-width:0}.settings-v94-icon{width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;flex:0 0 38px}.settings-v94-icon svg{width:19px;height:19px}.settings-v94-title strong,.settings-v94-title small{display:block}.settings-v94-title small{color:var(--muted);font-size:9px;margin-top:2px}.theme-toggle-v94{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.theme-toggle-v94 label{cursor:pointer}.theme-toggle-v94 input{position:absolute;opacity:0;pointer-events:none}.theme-toggle-v94 span{height:46px;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.theme-toggle-v94 input:checked+span{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.theme-toggle-v94 svg{width:18px;height:18px}.settings-v94-admin-details{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:11px}.settings-v94-admin-details summary{cursor:pointer;font-weight:800}.settings-v94-admin{margin-top:10px}
/* notifications */
.notification-feed{display:grid;gap:8px}.notification-feed:empty::before{content:"لا توجد تنبيهات جديدة";display:grid;place-items:center;min-height:220px;border:1px dashed var(--line-strong);border-radius:18px;color:var(--muted);font-weight:700}.notification-entry{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:11px;animation:cardIn .24s var(--ease)}.notification-entry.unread{border-color:color-mix(in srgb,var(--accent-strong) 45%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
/* profile */
.profile-guest-state{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:24px}.large-profile-avatar{width:76px;height:76px;border-radius:50%;background:var(--text);color:var(--bg);display:grid;place-items:center;font-size:24px;font-weight:900;margin:0 auto 10px}.profile-guest-state h3{margin:5px 0}.profile-guest-state p{color:var(--muted);margin:0 auto 14px;max-width:380px}.profile-identity{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:14px}.profile-avatar-button{position:relative;border:0;background:transparent;padding:0}.profile-avatar-button .large-profile-avatar{margin:0}.profile-avatar-edit-badge{position:absolute;bottom:-2px;left:-2px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;border:3px solid var(--surface)}.profile-identity-copy{min-width:0}.profile-identity-copy strong,.profile-identity-copy small{display:block}.profile-identity-copy strong{font-size:17px}.profile-identity-copy small{color:var(--muted);font-size:10px}.profile-inline-action{border:0;background:transparent;color:var(--muted);padding:4px 0;font-size:10px;font-weight:800}.profile-dashboard{display:grid;gap:10px;margin-top:10px}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.profile-stats-grid article{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:11px;text-align:center}.profile-stats-grid span{display:block;color:var(--muted);font-size:8px}.profile-stats-grid strong{font-size:17px}.profile-reading-progress,.profile-preference-summary,.profile-activity-section,.profile-name-field,.profile-avatar-picker{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:13px}.profile-reading-progress header,.profile-preference-summary{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-reading-progress header button,.profile-preference-summary button{border:0;background:var(--surface-2);color:var(--text);border-radius:9px;padding:6px 9px;font-weight:800;font-size:9px}.profile-reading-states{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.profile-reading-states span{background:var(--surface-2);border-radius:11px;padding:9px;text-align:center;font-size:9px}.profile-reading-states b{display:block;font-size:14px}.profile-preference-summary small,.profile-preference-summary strong{display:block}.profile-preference-summary small{font-size:8px;color:var(--muted)}.profile-activity-section header{margin-bottom:8px}.profile-activity-list{display:grid;gap:6px}.profile-activity-list>*{background:var(--surface-2);border-radius:11px;padding:9px}.profile-name-field{display:grid;gap:6px;margin-top:10px}.profile-name-field>span{font-size:9px;color:var(--muted)}#saveProfileNameButton,#dockSignOutButton{width:100%;margin-top:8px}.profile-avatar-picker{margin-top:10px}.profile-avatar-picker>header{display:flex;justify-content:space-between;align-items:center}.profile-avatar-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.profile-avatar-options button{border:1px solid var(--line);background:var(--surface-2);aspect-ratio:1;border-radius:50%;overflow:hidden;padding:3px}.profile-avatar-options img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* preferences */
.preference-intro{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:12px}.preference-intro p{margin:4px 0 0;color:var(--muted);font-size:10px}.preference-selection-toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 2px;font-size:10px;color:var(--muted)}.preference-selection-toolbar button{border:0;background:transparent;color:var(--muted);font-weight:800}.preference-multi-grid{display:flex;flex-wrap:wrap;gap:6px}.preferences-sheet .sheet-primary{width:100%;margin-top:12px}
/* auth/welcome/legal */
.auth-modal,.welcome-card,.mi-legal-dialog{align-self:center}.auth-modal h2,.welcome-card h2{margin:6px 0}.auth-modal p,.welcome-card p{color:var(--muted)}.google-button{width:100%;min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;font-weight:800}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:var(--surface-2);padding:4px;border-radius:12px;margin:10px 0}.auth-tabs button{border:0;background:transparent;border-radius:9px;padding:8px;color:var(--muted);font-weight:800}.auth-tabs button.active{background:var(--surface);color:var(--text)}.auth-form{display:grid;gap:8px}.auth-divider{text-align:center;color:var(--muted);font-size:10px;margin:8px 0}.signed-in-panel{display:flex;align-items:center;gap:8px}

/* global icon consistency */
:where(button,.mi-icon,.dock-icon-shell,.settings-v94-icon,.unified-detail-icon,.icon) svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:where(button) svg{max-width:22px;max-height:22px}

/* mobile */
@media(max-width:780px){
  :root{--header-h:58px;--dock-h:66px}.view{width:min(100% - 20px,var(--page));padding:18px 0 96px}
  .site-header{grid-template-columns:auto 1fr auto;padding:0 10px;gap:7px}.kp-wordmark{display:none}.site-brand-image{height:23px}.exact-main-tabs{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.exact-main-tabs button{padding:7px 9px;font-size:10px;white-space:nowrap}.exact-main-tabs button:nth-child(4){display:none}.exact-header-icon{width:36px;height:36px}.profile-button{display:none!important}
  .exact-page-top{display:block}.kp-home-subtitle{margin-top:4px;text-align:right}.exact-page-top h1{font-size:28px}.mi-quick-tabs{grid-template-columns:repeat(3,1fr);gap:6px}.mi-quick-tabs button{display:grid;justify-items:center;text-align:center;padding:9px 5px;gap:5px}.mi-quick-icon{width:32px;height:32px}.quick-tab-copy small{display:none}
  .exact-feature-carousel{border-radius:20px;min-height:250px}.exact-feature-inner{grid-template-columns:1fr;min-height:250px;padding:20px}.exact-feature-copy h2{font-size:28px}.exact-feature-posters{display:none}.exact-feature-copy p{font-size:11px}.exact-feature-meta{font-size:10px}.exact-content-section{margin:22px 0}.exact-section-header h2{font-size:18px}
  .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.poster-card,.work-card,.media-card{flex-basis:116px}.collections-grid{grid-template-columns:1fr}
  .recommendations-directory-toolbar,.discover-search-toolbar{grid-template-columns:1fr 1fr}.discover-search-field,.recommendations-directory-search{grid-column:1/-1}.advanced-filter-grid{grid-template-columns:1fr 1fr}.api-search-card label{display:grid;grid-template-columns:1fr auto}
  body.work-detail-open main>.view#workDetailView{padding-bottom:92px}.tappy-hero-shell{min-height:470px}.work-cover-title-overlay{padding:50px 14px 18px}.work-cover-title-row{display:grid;gap:10px}.work-cover-title-row h1{font-size:30px}.work-cover-actions{justify-content:flex-start}.work-cover-follow,.work-cover-share{min-height:38px;padding:7px 10px;font-size:10px}.work-cover-report-button{top:12px;right:12px}.work-admin-edit-button{top:12px;left:12px;font-size:0;width:40px;height:40px;padding:0;justify-content:center}.work-admin-edit-button span{display:none}.mi-work-facts{grid-template-columns:repeat(4,1fr);gap:5px;width:calc(100% - 20px);margin-top:10px}.mi-work-facts article{padding:9px 4px;border-radius:12px}.mi-work-facts small{font-size:8px}.mi-work-facts strong{font-size:11px}.series-tabs{width:calc(100% - 20px);top:6px;margin-top:10px}.series-tabs button{display:grid;gap:2px;padding:7px 2px;font-size:8.5px}.series-tabs svg{width:18px;height:18px}.tappy-detail-content,.work-admin-toolbar{width:calc(100% - 20px)}.unified-detail-grid,.people-grid,.publish-grid{grid-template-columns:1fr 1fr}.gallery-grid,.story-gallery-grid{grid-template-columns:1fr 1fr}
  .announcement-layout{grid-template-columns:1fr}.announcement-side-panel{display:none}
  .comments-dashboard-head{grid-template-columns:1fr;align-items:start}.comments-head-actions{justify-content:flex-start}.comments-desktop-layout{grid-template-columns:1fr}.comments-compose-panel{position:static;order:-1}.comment-rating-summary{flex:1}.comments-head-actions select{flex:0 0 auto}.comment-star-picker button{height:40px}
  .kp-admin-layout{grid-template-columns:1fr}.kp-admin-sidebar{position:static;overflow-x:auto}.admin-tabs{display:flex;overflow-x:auto;border-radius:14px}.admin-tabs button{white-space:nowrap;text-align:center;padding:9px 11px}.admin-dashboard{grid-template-columns:1fr 1fr}.modern-form-grid,.advanced-grid,.official-sync-grid,.media-upload-grid,.pros-cons-grid,.collection-cover-fields{grid-template-columns:1fr}.form-span-2,.wide-field{grid-column:auto}.editor-block{grid-template-columns:28px minmax(0,1fr)}.editor-number{width:28px;height:28px}
  .member-dock{bottom:8px;height:66px;width:calc(100% - 16px);border-radius:19px;padding:4px}.dock-item,.dock-profile{height:56px;border-radius:14px}.dock-item span:last-child{font-size:7px}.dock-icon-shell,.dock-profile-ring{width:27px;height:27px}.dock-icon-shell svg{width:20px;height:20px}.dock-profile-avatar{width:27px;height:27px}
  .dock-sheet-backdrop,.modal-backdrop,.welcome-backdrop,.mi-legal-modal{padding:0;align-items:flex-end}.dock-sheet{width:100%;max-height:84dvh;border-radius:24px 24px 0 0;border-bottom:0;padding:14px}.auth-modal,.welcome-card,.mi-legal-dialog{width:calc(100% - 18px);margin-bottom:10px;max-height:88dvh;border-radius:22px;padding:15px}.sheet-header h2{font-size:19px}.profile-stats-grid{grid-template-columns:1fr 1fr}.profile-avatar-options{grid-template-columns:repeat(4,1fr)}.settings-v94-row{align-items:flex-start;flex-direction:column}.settings-v94-action{width:100%}.theme-toggle-v94{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advanced-filter-grid{grid-template-columns:1fr}.mi-work-facts{grid-template-columns:repeat(4,1fr)}.mi-work-facts strong{font-size:10px}.comments-head-actions{display:grid;grid-template-columns:1fr auto;width:100%}.comment-rating-summary{grid-column:1/-1}.comments-count-badge{display:none}.profile-reading-states{grid-template-columns:1fr 1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* generated content cards */
.poster-card{cursor:pointer}.poster-cover{position:relative}.poster-cover img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:15px;background:var(--surface-2)}.poster-status-badge{position:absolute;right:7px;bottom:7px;background:rgba(17,18,22,.78);color:#fff;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800;backdrop-filter:blur(6px)}.poster-follow,.inline-follow{position:absolute;top:7px;left:7px;width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.9);color:#202125;display:grid;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.1);transition:.16s}.poster-follow:hover,.inline-follow:hover{transform:scale(1.05)}.poster-follow.following,.inline-follow.following{background:var(--accent);color:var(--accent-text)}.poster-follow svg,.inline-follow svg{width:17px;height:17px}.poster-copy{padding:8px 2px 0}.poster-copy h3{margin:0;font-size:12px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-copy p{margin:2px 0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--muted);font-size:8px}.poster-meta>span{display:flex;align-items:center;gap:3px;color:var(--text);font-weight:800}.poster-meta svg{width:12px;height:12px}
.collection-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;cursor:pointer}.collection-card-cover{position:relative}.collection-card-cover img{width:90px;aspect-ratio:3/4;object-fit:cover;border-radius:13px;background:var(--surface-2)}.collection-card-copy{min-width:0}.collection-card-copy h3{margin:2px 0 5px;font-size:14px}.collection-card-title-icon{display:inline-grid;vertical-align:-2px;margin-left:5px}.collection-card-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px;margin-top:9px}
.shelf-work-card{flex:0 0 118px;cursor:pointer}.shelf-work-cover{position:relative}.shelf-work-cover img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:13px;background:var(--surface-2)}.shelf-work-cover>span{position:absolute;right:6px;bottom:6px;background:rgba(17,18,22,.78);color:#fff;border-radius:999px;padding:3px 6px;font-size:8px}.shelf-work-card h3{font-size:10px;margin:6px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-work-card p{font-size:8px;color:var(--muted);margin:0}
.top-collection-card{flex:0 0 250px;cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:10px}.platform-collection-visual{height:148px;position:relative;overflow:hidden;border-radius:13px;background:var(--surface-2)}.platform-collection-main{width:100%;height:100%;object-fit:cover}.platform-collection-stack{position:absolute;left:7px;bottom:7px;display:flex}.platform-collection-stack img{width:44px;height:58px;object-fit:cover;border-radius:7px;border:2px solid var(--surface);margin-right:-11px}.top-collection-rank{position:absolute;right:7px;top:7px;background:rgba(17,18,22,.76);color:#fff;border-radius:9px;padding:4px 7px;font-size:9px;font-weight:900}.top-collection-copy{padding-top:8px}.top-collection-copy h3{margin:2px 0;font-size:12px}.top-collection-copy p{margin:0;color:var(--muted);font-size:8px}.top-collection-score{font-size:8px;font-weight:800}
.personalized-recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px}.personalized-work-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:9px;cursor:pointer;transition:.17s}.personalized-work-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.personalized-work-cover{position:relative}.personalized-work-cover img{width:76px;aspect-ratio:3/4;object-fit:cover;border-radius:11px}.personalized-rating{position:absolute;bottom:4px;right:4px;background:rgba(17,18,22,.8);color:#fff;border-radius:999px;padding:2px 5px;font-size:7px}.personalized-work-copy h3{margin:3px 0;font-size:12px}.personalized-work-copy p{margin:0;color:var(--muted);font-size:8px}.personalized-reason{margin-top:8px;background:var(--surface-2);border-radius:9px;padding:6px 8px;color:var(--muted);font-size:8px}
.reading-item{display:grid!important;grid-template-columns:56px minmax(0,1fr) 130px 34px;gap:10px;align-items:center}.reading-item>img{width:56px;height:76px;object-fit:cover;border-radius:10px}.reading-item h3{margin:0;font-size:12px}.reading-item p{margin:2px 0 0;color:var(--muted);font-size:8px}.reading-item select{min-height:36px;font-size:9px}.reading-item>button{width:32px;height:32px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:10px}
/* comment cards */
.comment-card{display:grid!important;grid-template-columns:38px minmax(0,1fr);gap:10px}.comment-avatar{width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;font-weight:900}.comment-card-content{min-width:0}.comment-card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.comment-author-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.comment-author-line h4{margin:0;font-size:11px}.comment-card-top time{font-size:8px;color:var(--muted)}.best-review-badge,.spoiler-badge{border-radius:999px;padding:3px 6px;font-size:7px;font-weight:800}.best-review-badge{background:color-mix(in srgb,var(--accent) 20%,var(--surface-2));color:var(--text)}.spoiler-badge{background:color-mix(in srgb,var(--danger) 12%,var(--surface-2));color:var(--danger)}.comment-rating-badge{display:flex;align-items:center;gap:5px;white-space:nowrap;background:var(--surface-2);border-radius:9px;padding:4px 6px}.comment-rating-badge svg{width:12px;height:12px;color:var(--accent)}.comment-rating-badge b{font-size:8px}.comment-card-content>p,.spoiler-review-body{font-size:10px;line-height:1.75;margin:8px 0;color:var(--text)}.comment-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.comment-reactions,.comment-secondary-actions{display:flex;gap:5px}.comment-reaction-button,.comment-report-button,.comment-delete{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:9px;min-height:30px;padding:5px 8px;display:flex;align-items:center;gap:4px;font-size:8px}.comment-reaction-button.active{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--text)}.comment-report-button{color:var(--danger)}.spoiler-review-warning{display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:12px;padding:9px}.spoiler-review-warning>span{width:32px;height:32px;border-radius:10px;background:var(--surface);display:grid;place-items:center}.spoiler-review-warning strong,.spoiler-review-warning small{display:block}.spoiler-review-warning small{color:var(--muted);font-size:8px}.spoiler-review-warning button{margin-right:auto;border:0;background:var(--text);color:var(--bg);border-radius:8px;padding:5px 7px;font-size:8px;font-weight:800}.comment-empty{padding:30px 10px;text-align:center;color:var(--muted);font-size:10px}
/* notification entries */
.notification-entry{display:grid;grid-template-columns:44px minmax(0,1fr) 8px;gap:10px;align-items:center}.notification-entry-image{width:44px;height:44px;border-radius:12px;background:var(--surface-2);overflow:hidden;display:grid;place-items:center}.notification-entry-image img{width:100%;height:100%;object-fit:cover}.notification-entry-image svg{width:19px;height:19px}.notification-entry-copy{min-width:0}.notification-entry-copy small{font-size:7px;color:var(--muted)}.notification-entry-copy h4{margin:1px 0;font-size:11px}.notification-entry-copy p{margin:0;color:var(--muted);font-size:8.5px;line-height:1.55}.notification-entry-copy time{font-size:7px;color:var(--muted)}.notification-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-strong);opacity:0}.notification-entry.unread .notification-unread-dot{opacity:1}.notification-empty{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed var(--line-strong);border-radius:18px;color:var(--muted)}.notification-empty strong,.notification-empty span{display:block}.notification-empty strong{color:var(--text);font-size:12px}.notification-empty span{font-size:9px;margin-top:3px}
@media(max-width:780px){.personalized-recommendations-grid{grid-template-columns:1fr}.reading-item{grid-template-columns:48px minmax(0,1fr) 100px 30px}.reading-item>img{width:48px;height:66px}.collection-card{grid-template-columns:76px minmax(0,1fr)}.collection-card-cover img{width:76px}.comment-card-top{display:grid}.comment-rating-badge{width:max-content}.comment-card-footer{align-items:flex-start;flex-direction:column}.notification-entry{grid-template-columns:40px minmax(0,1fr) 7px}.notification-entry-image{width:40px;height:40px}}

/* final consistency */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}
.advanced-filters-panel.collapsed{display:none!important}
@media(max-width:780px){.site-header,.member-dock{backdrop-filter:none}.kp-admin-sidebar{direction:rtl}.admin-tabs{direction:rtl}}


/* ===== v9.6.0 — home + work-detail polish ===== */
/* Remove Android/iOS transient blue tap flash without removing keyboard focus. */
:where(button,a,[role="button"],label,input,select,textarea){-webkit-tap-highlight-color:transparent}
:where(button,a,[role="button"]){touch-action:manipulation}

/* Home: compact discovery capsules, no marketing headline block. */
#homeView .exact-page-top{padding:10px 2px 8px;min-height:0;display:block}
#homeView .exact-page-top .tappy-home-kicker{font-size:9px;letter-spacing:.14em}
#homeView .mi-quick-tabs{display:flex;grid-template-columns:none;align-items:center;gap:7px;margin:0 0 16px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
#homeView .mi-quick-tabs::-webkit-scrollbar{display:none}
#homeView .mi-quick-tabs button{flex:0 0 auto;width:auto;min-height:34px;padding:6px 13px;border-radius:999px;box-shadow:none;gap:0;background:var(--surface);font-size:10px}
#homeView .mi-quick-tabs button:hover{transform:none;box-shadow:none}
#homeView .mi-quick-tabs button.active{background:var(--text);border-color:var(--text);color:var(--bg)}
#homeView .mi-quick-tabs button strong{font-size:10px;line-height:1.2;white-space:nowrap}

/* Work hero: title, follow/share and the 4 core facts are one composition. */
#workDetailView .tappy-hero-shell{min-height:min(72vh,720px)}
#workDetailView .work-cover-title-overlay{padding-bottom:20px}
#workDetailView .work-cover-title-row{align-items:center}
#workDetailView .work-cover-title-row h1{max-width:min(680px,70vw)}
#workDetailView .work-cover-title-overlay .mi-work-facts{width:100%;margin:14px 0 0;gap:6px}
#workDetailView .work-cover-title-overlay .mi-work-facts article{background:rgba(18,19,23,.58);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:none;backdrop-filter:none}
#workDetailView .work-cover-title-overlay .mi-work-facts small{color:rgba(255,255,255,.68)}
#workDetailView .work-cover-title-overlay .mi-work-facts strong{color:#fff}

/* The support nodes only exist for JS compatibility. Never render them visually. */
#workDetailView .tappy-hidden-support{display:none!important}

/* Work gallery: one cohesive visual strip instead of detached images. */
#workDetailView .modern-gallery-section{overflow:hidden}
#workDetailView .series-gallery-grid.modern-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;overflow:hidden;border-radius:16px;background:var(--surface-2)}
#workDetailView .series-gallery-grid.modern-gallery-grid:empty{display:none}
#workDetailView .series-gallery-grid.modern-gallery-grid img{display:block;width:100%;height:100%;min-height:180px;max-height:420px;object-fit:cover;border-radius:0;background:var(--surface-2);cursor:pointer}
#workDetailView .series-gallery-grid.modern-gallery-grid img:only-child{grid-column:1/-1;max-height:560px;object-fit:contain;background:var(--surface)}
#workDetailView .modern-gallery-empty{margin-top:0}

/* Information pane: clean rows, no gray capsules behind every phrase. */
#workDetailView .unified-details-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
#workDetailView .unified-detail-row{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:11px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
#workDetailView .unified-detail-row-wide{grid-column:1/-1}
#workDetailView .unified-detail-icon{width:28px;height:28px;border-radius:0;background:transparent;color:var(--muted)}
#workDetailView .unified-detail-icon svg{width:17px;height:17px}
#workDetailView .unified-detail-copy small{font-size:8px;margin-bottom:1px}
#workDetailView .unified-detail-copy strong{font-size:11px;line-height:1.65}
#workDetailView .modern-source-link{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 11px;display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800}
#workDetailView .modern-source-link:hover{background:var(--surface-2)}

/* Legal/footer controls: reliable tap targets + consistent modal layer. */
.mi-site-footer{position:relative;z-index:2}
.mi-footer-links{display:flex;flex-wrap:wrap;gap:5px 12px}
.mi-footer-links button{border:0;background:transparent;color:var(--muted);padding:5px 0;min-height:32px;font-size:9px;text-decoration:none}
.mi-footer-links button:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.mi-legal-modal{z-index:220}
.mi-legal-dialog{max-height:min(82vh,720px);overflow:auto}

/* Keep helper/compat text completely out of page flow. */
.tappy-hidden-support,[aria-hidden="true"].work-detail-compat-header{display:none!important}

@media(max-width:780px){
  #homeView .exact-page-top{padding-top:5px}
  #homeView .mi-quick-tabs{margin-bottom:12px}
  #workDetailView .tappy-hero-shell{min-height:520px}
  #workDetailView .work-cover-title-overlay{padding:44px 12px 12px}
  #workDetailView .work-cover-title-row{display:grid;grid-template-columns:1fr;gap:8px}
  #workDetailView .work-cover-title-row h1{max-width:100%;font-size:28px}
  #workDetailView .work-cover-actions{justify-content:flex-start}
  #workDetailView .work-cover-title-overlay .mi-work-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:10px}
  #workDetailView .work-cover-title-overlay .mi-work-facts article{padding:7px 3px;border-radius:10px}
  #workDetailView .work-cover-title-overlay .mi-work-facts small{font-size:7px}
  #workDetailView .work-cover-title-overlay .mi-work-facts strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #workDetailView .series-gallery-grid.modern-gallery-grid{grid-template-columns:1fr;gap:2px;border-radius:13px}
  #workDetailView .series-gallery-grid.modern-gallery-grid img{min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;background:#0c0d10}
  #workDetailView .unified-details-list{grid-template-columns:1fr;gap:0}
  #workDetailView .unified-detail-row-wide{grid-column:auto}
  .mi-footer-links{gap:3px 10px}
  .mi-footer-links button{font-size:8px}
}

/* Keep legal controls above the fixed member dock and always tappable. */
.mi-site-footer{padding:18px 16px calc(var(--dock-h) + 42px);background:var(--bg)}
.mi-footer-inner{width:min(var(--page),100%);margin:auto}
.mi-footer-links button,[data-open-cookie-settings]{pointer-events:auto;position:relative;z-index:1}
@media(max-width:780px){.mi-site-footer{padding-inline:12px;padding-bottom:calc(var(--dock-h) + 30px)}}

/* v9.6.1 — wine accent, connected work hero, compact announcements, redesigned admin */
:root{--accent:#6B1D45;--accent-strong:#561638;--accent-text:#fff}
html[data-theme="dark"]{--accent:#6B1D45;--accent-strong:#8A2B5B;--accent-text:#fff;--bg:#090a0d;--surface:#121318;--surface-2:#191b21;--surface-3:#22252c;--text:#f5f3f5;--muted:#aaa3a8;--line:#2a2d34;--line-strong:#383c45}
:where(.primary-button,.ink-button,.exact-solid-button,.sheet-primary){background:var(--accent);color:#fff}
:where(.primary-button,.ink-button,.exact-solid-button,.sheet-primary):hover{background:var(--accent-strong)}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 64%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}

/* Work hero: no visual gap between cover, facts and tabs */
body.work-detail-open main>.view#workDetailView{background:var(--bg)}
.kp-work-intro{position:relative;padding-bottom:0}
.tappy-hero-shell{border-radius:0 0 28px 28px}
.work-hero-facts{position:relative;z-index:12;width:min(900px,calc(100% - 28px));margin:-34px auto 0;padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:19px;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 14px 38px rgba(13,10,14,.12)}
.work-hero-facts article{background:color-mix(in srgb,var(--surface) 86%,transparent);border:0;border-radius:13px;padding:9px 7px;text-align:center;min-width:0}
.work-hero-facts small{display:block;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-hero-facts strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.series-tabs{width:min(900px,calc(100% - 28px));margin:7px auto 0;top:7px;padding:5px;background:color-mix(in srgb,var(--surface) 78%,transparent);border-color:color-mix(in srgb,var(--line) 70%,transparent);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 12px 30px rgba(13,10,14,.09)}
.series-tabs button.active{background:color-mix(in srgb,var(--accent) 13%,var(--surface-2));color:var(--text)}
.tappy-detail-content{padding-top:8px}

/* Announcement pane: one focused card, no tutorial/sidebar copy */
.work-announcement-v961{border:0;background:transparent;padding:0;box-shadow:none;display:grid;gap:10px}
.work-announcement-v961 .announcement-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:13px 14px;box-shadow:var(--shadow-sm)}
.work-announcement-v961 .announcement-dashboard-head h2{margin:2px 0 0;font-size:19px}
.work-announcement-v961 .announcement-availability-badge{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:6px 9px;font-size:9px;color:var(--muted);white-space:nowrap}
.work-announcement-v961 .announcement-availability-badge.active{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,var(--line));color:var(--accent)}
.work-announcement-v961 .modern-announcement-card{border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));border-radius:22px;padding:18px;box-shadow:var(--shadow-sm)}
.work-announcement-v961 .announcement-card-topline{display:flex;align-items:center;gap:11px}.work-announcement-v961 .announcement-megaphone,.work-announcement-v961 .announcement-empty-icon{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--accent);display:grid;place-items:center;flex:0 0 auto}.work-announcement-v961 .announcement-megaphone svg,.work-announcement-v961 .announcement-empty-icon svg{width:24px;height:24px}.work-announcement-v961 .announcement-card-topline small{color:var(--muted);font-size:9px}.work-announcement-v961 .announcement-card-topline h3{margin:2px 0 0;font-size:18px}.work-announcement-v961 .announcement-message{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.work-announcement-v961 .announcement-message p{margin:0;line-height:1.9}.work-announcement-v961 .announcement-link{margin-top:13px;width:max-content;display:inline-flex;align-items:center;gap:6px;border-radius:12px;background:var(--accent);color:#fff;padding:8px 12px;font-weight:800}.work-announcement-v961 .modern-announcement-empty{border:1px dashed var(--line-strong);background:var(--surface);border-radius:22px;padding:34px 18px;text-align:center;color:var(--muted)}.work-announcement-v961 .modern-announcement-empty .announcement-empty-icon{margin:0 auto 9px}.work-announcement-v961 .modern-announcement-empty h3{margin:0;color:var(--text)}

/* Admin: cleaner control-room layout */
#adminView{max-width:1240px}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0 18px}.admin-head h1{margin:2px 0 0;font-size:clamp(28px,4vw,42px)}.admin-head-badge{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;color:var(--muted)}.admin-head-badge span{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 15%,transparent)}
.admin-dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.admin-dashboard article{position:relative;overflow:hidden;border-radius:20px;padding:16px;background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface-2) 72%,var(--surface)));box-shadow:var(--shadow-sm)}.admin-dashboard article::after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:color-mix(in srgb,var(--accent) 8%,transparent);inset-inline-end:-25px;bottom:-32px}.admin-dashboard span{font-size:9px}.admin-dashboard strong{font-size:24px}
.unified-import-shortcut{display:grid;gap:3px;border-radius:20px;padding:15px 17px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent) 22%,var(--line));text-align:right}.unified-import-shortcut>span{font-size:8px;letter-spacing:.08em;color:var(--accent)}.unified-import-shortcut>strong{font-size:14px}.unified-import-shortcut>small{color:var(--muted)}
.kp-admin-layout{grid-template-columns:230px minmax(0,1fr);gap:14px}.kp-admin-sidebar{top:78px}.admin-tabs{padding:7px;border-radius:20px;box-shadow:var(--shadow-sm)}.admin-tabs button{min-height:42px;border-radius:12px;transition:.16s}.admin-tabs button.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--accent)}
.admin-panel,.unified-card,.official-sync-shell,.editor-shell,.reports-admin-shell,.mangalek-import-card,.compact-editor,.admin-recommendations-list-shell{border-radius:22px;box-shadow:var(--shadow-sm)}
.editor-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:4px}.editor-topline h2{margin:2px 0 0}.editor-block{padding:17px 0}.editor-number{background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--accent);font-weight:900}.block-heading p{max-width:650px}

/* Explicit dark surfaces */
html[data-theme="dark"] .site-header,html[data-theme="dark"] .member-dock{background:color-mix(in srgb,var(--surface) 90%,transparent)}
html[data-theme="dark"] .work-hero-facts,html[data-theme="dark"] .series-tabs{background:color-mix(in srgb,#121318 78%,transparent)}
html[data-theme="dark"] .tappy-hero-shell{background:#090a0d}
html[data-theme="dark"] .exact-feature-carousel{background:#121318}

@media(max-width:780px){
 .tappy-hero-shell{min-height:500px;border-radius:0 0 22px 22px}.work-hero-facts{width:calc(100% - 18px);margin-top:-26px;padding:6px;gap:4px;border-radius:16px}.work-hero-facts article{padding:7px 3px;border-radius:10px}.work-hero-facts small{font-size:6.8px}.work-hero-facts strong{font-size:10px}.series-tabs{width:calc(100% - 18px);margin-top:6px}
 .work-announcement-v961 .announcement-dashboard-head{align-items:flex-start}.work-announcement-v961 .announcement-availability-badge{font-size:8px}.work-announcement-v961 .modern-announcement-card{padding:14px}
 .admin-head{align-items:flex-start}.admin-head-badge{display:none}.admin-dashboard{grid-template-columns:1fr 1fr}.kp-admin-layout{grid-template-columns:1fr}.kp-admin-sidebar{position:static;overflow-x:auto}.admin-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{white-space:nowrap;flex:0 0 auto;padding-inline:12px}
}

/* v9.6.2 — cover information inside hero + fade into tabs */
#workDetailView .tappy-hero-shell{
  position:relative;
  overflow:hidden;
  border-radius:0;
}
#workDetailView .tappy-hero-shell::after{
  content:"";
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:-1px;
  height:132px;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 0%,
    color-mix(in srgb,var(--bg) 22%,transparent) 38%,
    color-mix(in srgb,var(--bg) 70%,transparent) 72%,
    var(--bg) 100%
  );
}
#workDetailView .work-cover-title-overlay{
  z-index:5;
  padding-bottom:68px;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.32) 30%,rgba(0,0,0,.84) 100%);
}
#workDetailView .work-cover-title-overlay .work-hero-facts{
  position:static;
  z-index:auto;
  width:100%;
  margin:14px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  background:transparent;
  border:0;
  border-radius:0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
#workDetailView .work-cover-title-overlay .work-hero-facts article{
  min-width:0;
  padding:9px 7px;
  border-radius:13px;
  background:rgba(15,16,20,.52);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  box-shadow:none;
}
#workDetailView .work-cover-title-overlay .work-hero-facts small{
  color:rgba(255,255,255,.66);
}
#workDetailView .work-cover-title-overlay .work-hero-facts strong{
  color:#fff;
}
#workDetailView .series-tabs{
  position:sticky;
  z-index:60;
  top:7px;
  width:min(900px,calc(100% - 28px));
  margin:-34px auto 0;
  background:color-mix(in srgb,var(--bg) 68%,transparent);
  border-color:color-mix(in srgb,var(--line) 55%,transparent);
  backdrop-filter:blur(16px) saturate(125%);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  box-shadow:0 10px 28px rgba(13,10,14,.08);
}
#workDetailView .tappy-detail-content{
  padding-top:12px;
}
html[data-theme="dark"] #workDetailView .series-tabs{
  background:color-mix(in srgb,#0c0d11 72%,transparent);
}
@media(max-width:780px){
  #workDetailView .work-cover-title-overlay{
    padding:48px 12px 58px;
  }
  #workDetailView .work-cover-title-overlay .work-hero-facts{
    gap:4px;
    margin-top:10px;
  }
  #workDetailView .work-cover-title-overlay .work-hero-facts article{
    padding:7px 3px;
    border-radius:10px;
  }
  #workDetailView .work-cover-title-overlay .work-hero-facts small{
    font-size:6.8px;
  }
  #workDetailView .work-cover-title-overlay .work-hero-facts strong{
    font-size:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  #workDetailView .tappy-hero-shell::after{
    height:108px;
  }
  #workDetailView .series-tabs{
    width:calc(100% - 18px);
    margin-top:-26px;
    top:6px;
  }
}

/* v9.6.3 clean home + tighter work content */
#topCollectionsSection,#rotatingShelvesSection{display:none!important}
.mi-category-tabs{gap:5px;margin:6px 0 10px}
.mi-category-tabs button{min-height:38px;padding:7px 10px;border-radius:999px}
.mi-category-tabs .mi-quick-icon{width:22px;height:22px}
.mi-category-tabs .quick-tab-copy strong{font-size:10px}
.mi-category-tabs .quick-tab-copy small{display:none!important}

/* Story pane begins immediately with the synopsis; no duplicate intro block. */
#seriesOverview .overview-dashboard-head.overview-hero-head{display:none!important}
#seriesOverview .overview-desktop-layout{margin-top:0}
#seriesOverview .overview-main-column{gap:8px}
#seriesOverview .overview-panel{margin-top:0}
#workDetailView .tappy-detail-content{padding-top:3px}
#workDetailView .tappy-detail-pane{padding-top:0}
#workDetailView .series-tabs{margin-bottom:2px}

/* Official platform name is the official source link itself. */
.official-platform-value{color:var(--text);font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:5px;min-width:0}
.official-platform-value.is-link{color:var(--accent)}
.official-platform-value.is-link::after{content:"↗";font-size:10px;font-weight:900}
.official-platform-value.is-link:hover{text-decoration:underline;text-underline-offset:3px}

/* Report control now belongs with the legal/footer area. */
.mi-footer-report{display:flex;justify-content:flex-start;margin-bottom:10px}
.mi-footer-report-button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;min-height:34px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800}
.mi-footer-report-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mi-footer-report-button:hover{background:var(--surface-2)}
.mi-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mi-footer-data-credit{display:none!important}

@media(max-width:780px){
  .mi-category-tabs{gap:4px;margin-top:4px}
  .mi-category-tabs button{min-height:34px;padding:6px 9px}
  .mi-category-tabs .mi-quick-icon{width:19px;height:19px}
  .mi-category-tabs .quick-tab-copy strong{font-size:9px}
  #workDetailView .tappy-detail-content{padding-top:0}
  #workDetailView .series-tabs{margin-bottom:0}
  .mi-footer-report-button{width:auto;min-height:32px}
}

/* =========================================================
   v9.6.4 — admin, dark mode, carousel arrows, personalization
   ========================================================= */

/* Hero carousel: keep previous/next controls on opposite sides. */
.exact-feature-carousel{isolation:isolate}
.exact-feature-pagination{
  position:absolute!important;
  z-index:8;
  inset-inline:20px;
  bottom:22px;
  width:auto!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  pointer-events:none;
}
.exact-feature-pagination button{
  pointer-events:auto;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  background:rgba(28,29,34,.72)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  backdrop-filter:blur(10px);
  box-shadow:0 8px 20px rgba(0,0,0,.16);
}
#featuredPrev{grid-column:1;justify-self:start}
#featuredNext{grid-column:3;justify-self:end}
.feature-dots{grid-column:2;grid-row:1;justify-self:center;pointer-events:auto}

/* Proper dark theme, including browser controls and floating surfaces. */
html[data-theme="dark"],html[data-theme="dark"] body{background:#090a0c!important;color:#f6f7f8}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .member-dock,
html[data-theme="dark"] .dock-sheet,
html[data-theme="dark"] .auth-modal,
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .mi-legal-dialog{background:#111317!important}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#171a20;color:#f5f6f8;border-color:#2a2e36}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#747b87}
html[data-theme="dark"] .exact-header-icon,
html[data-theme="dark"] .secondary-button,
html[data-theme="dark"] .line-button{background:#16191e;border-color:#2a2e36;color:#f5f6f8}

/* Admin redesign — desktop control room. */
#adminView{width:min(1320px,calc(100% - 40px));max-width:1320px;padding-top:20px}
.admin-head{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 26px!important;
  margin:0 0 14px;
  border-radius:26px;
  color:#fff;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,255,255,.10),transparent 34%),
    linear-gradient(135deg,#3f102a,#6B1D45 56%,#8a315f);
  box-shadow:0 18px 42px rgba(74,15,47,.20);
}
.admin-head::after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.10);border-radius:50%;inset-inline-end:-80px;top:-110px}
.admin-head .eyebrow{color:rgba(255,255,255,.68)}
.admin-head h1{margin:2px 0 3px!important;color:#fff;font-size:32px}
.admin-head p{margin:0;color:rgba(255,255,255,.72);font-size:12px}
.admin-head-copy{position:relative;z-index:1}
.admin-head-badge{position:relative;z-index:1;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.15);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;white-space:nowrap}
.admin-head-badge span{width:8px;height:8px;border-radius:50%;background:#6fe39d;box-shadow:0 0 0 4px rgba(111,227,157,.13)}

.admin-dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.admin-dashboard article{
  position:relative;
  min-height:92px;
  padding:15px 16px;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 65%,var(--surface)));
  box-shadow:0 8px 24px rgba(18,23,31,.05)
}
.admin-dashboard article::after{content:"";position:absolute;width:54px;height:54px;border-radius:18px;background:color-mix(in srgb,var(--accent) 9%,transparent);inset-inline-end:-14px;bottom:-15px;transform:rotate(18deg)}
.admin-dashboard span{font-size:10px}
.admin-dashboard strong{display:block;margin-top:8px;font-size:25px;line-height:1}

.unified-import-shortcut{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:4px 14px;
  min-height:80px;
  padding:16px 18px;
  border-color:color-mix(in srgb,var(--accent) 18%,var(--line));
  background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));
  text-align:right
}
.unified-import-shortcut>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--accent);color:#fff;font-size:0}
.unified-import-shortcut>span::before{content:"↳";font-size:24px}
.unified-import-shortcut strong{font-size:14px}.unified-import-shortcut small{color:var(--muted)}

.kp-admin-layout{grid-template-columns:230px minmax(0,1fr);gap:16px}
.kp-admin-sidebar{position:sticky;top:76px}
.admin-tabs{gap:5px;padding:8px;border-radius:22px;box-shadow:0 10px 28px rgba(17,20,27,.05)}
.admin-tabs button{position:relative;min-height:44px;text-align:right;padding:10px 13px;border-radius:13px;transition:background .16s,color .16s,transform .16s}
.admin-tabs button:hover{background:var(--surface-2);color:var(--text);transform:translateX(-2px)}
.admin-tabs button.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--accent)}
.admin-tabs button.active::before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:99px;background:var(--accent)}

.kp-admin-content{min-width:0}
.admin-panel,.unified-card,.official-sync-shell,.editor-shell,.reports-admin-shell,.mangalek-import-card,.compact-editor,.admin-recommendations-list-shell{
  border-radius:24px;
  padding:18px;
  box-shadow:0 10px 32px rgba(18,23,31,.055)
}
.manager-toolbar,.unified-head,.official-sync-head,.reports-admin-head,.admin-recommendations-toolbar,.admin-recommendations-list-toolbar{align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}
.manager-toolbar label{flex:1;max-width:560px}
.editor-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.editor-block{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px 0}
.editor-number{width:38px;height:38px;border-radius:13px;background:color-mix(in srgb,var(--accent) 11%,var(--surface-2));color:var(--accent)}
.block-heading h3{font-size:16px}.block-heading p{font-size:10px}
.modern-form-grid,.advanced-grid,.official-sync-grid,.media-upload-grid,.pros-cons-grid,.collection-cover-fields{gap:11px}
.official-sync-card{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}

/* Personalized recommendations — image-led cards, not text-heavy rows. */
.personalized-recommendations-section{overflow:hidden}
.personalized-recommendations-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.personalized-work-card{
  display:block;
  min-width:0;
  padding:0;
  overflow:hidden;
  border-radius:18px;
  background:transparent;
  border:0;
  box-shadow:none;
  cursor:pointer;
  transition:transform .2s var(--ease)
}
.personalized-work-card:hover{transform:translateY(-4px);box-shadow:none}
.personalized-work-cover{position:relative;width:100%;overflow:hidden;border-radius:16px;background:var(--surface-2);aspect-ratio:3/4;box-shadow:0 8px 22px rgba(17,20,27,.08)}
.personalized-work-cover::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(7,8,10,.65));pointer-events:none}
.personalized-work-cover img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .3s var(--ease)}
.personalized-work-card:hover .personalized-work-cover img{transform:scale(1.025)}
.personalized-rating,.personalized-status{position:absolute;z-index:2;bottom:8px;background:rgba(10,11,14,.72);color:#fff;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}
.personalized-rating{right:8px}.personalized-status{left:8px}
.personalized-work-copy{padding:9px 2px 0}
.personalized-work-copy h3{margin:0;font-size:12px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.personalized-work-copy p{margin:3px 0 0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.personalized-reason{display:flex;align-items:center;gap:5px;margin-top:6px;padding:0;background:transparent;color:var(--muted);font-size:8px;line-height:1.45}
.personalized-reason span{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--accent)}

/* Desktop consistency. */
@media(min-width:1100px){
  .site-header{padding-inline:max(24px,calc((100vw - 1320px)/2))}
  #homeView,#groupsView,#discoverView,#completedView,#profileView{width:min(1240px,calc(100% - 48px))}
  .exact-content-section{margin-block:34px}
  .poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}

@media(max-width:1000px){
  .personalized-recommendations-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kp-admin-layout{grid-template-columns:1fr}
  .kp-admin-sidebar{position:static;overflow-x:auto;scrollbar-width:none}
  .admin-tabs{display:flex;overflow-x:auto;border-radius:17px;gap:5px}
  .admin-tabs button{white-space:nowrap;text-align:center;min-width:max-content}
  .admin-tabs button.active::before{inset:auto 12px 0;height:3px;width:auto}
}

@media(max-width:780px){
  #adminView{width:calc(100% - 18px);padding-top:10px}
  .admin-head{padding:17px 16px!important;border-radius:22px;align-items:flex-start}
  .admin-head h1{font-size:24px}.admin-head p{font-size:10px;max-width:260px}.admin-head-badge{font-size:9px;padding:6px 9px}
  .admin-dashboard{grid-template-columns:1fr 1fr;gap:7px}.admin-dashboard article{min-height:76px;padding:12px}.admin-dashboard strong{font-size:20px}
  .unified-import-shortcut{grid-template-columns:38px 1fr;padding:12px;min-height:68px}.unified-import-shortcut>span{width:38px;height:38px}.unified-import-shortcut strong{font-size:11px}.unified-import-shortcut small{font-size:8px}
  .admin-panel,.unified-card,.official-sync-shell,.editor-shell,.reports-admin-shell,.mangalek-import-card,.compact-editor,.admin-recommendations-list-shell{padding:13px;border-radius:18px}
  .editor-block{grid-template-columns:30px minmax(0,1fr);gap:9px;padding:14px 0}.editor-number{width:30px;height:30px;border-radius:10px}
  .personalized-recommendations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .personalized-work-cover{border-radius:13px}.personalized-work-copy h3{font-size:10px}.personalized-work-copy p{font-size:8px}.personalized-reason{font-size:7px}
  .exact-feature-pagination{inset-inline:12px;bottom:12px;grid-template-columns:38px 1fr 38px}.exact-feature-pagination button{width:38px!important;height:38px!important}
}

@media(max-width:480px){
  .personalized-recommendations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .personalized-rating,.personalized-status{font-size:6.5px;padding:3px 5px;bottom:5px}.personalized-rating{right:5px}.personalized-status{left:5px}
  .personalized-reason{display:none}
}
@media(min-width:900px){body.admin-view-open .member-dock{display:none!important}body.admin-view-open #adminView{padding-bottom:54px}}

/* =========================================================
   v9.6.6 — Admin Control Center + Import Review
   ========================================================= */
#adminView{max-width:1320px;padding-inline:clamp(12px,2.2vw,28px)}
.admin-command-head{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;margin:0 0 14px;padding:24px 26px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--surface)) 0%,var(--surface) 52%,var(--surface-2) 100%);box-shadow:0 18px 50px rgba(24,18,22,.07)}
.admin-command-head::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;inset-inline-end:-100px;top:-160px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 0 0 48px color-mix(in srgb,var(--accent) 4%,transparent)}
.admin-command-brand,.admin-command-actions{position:relative;z-index:1}
.admin-command-kicker{display:inline-block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.1em;margin-bottom:6px}
.admin-command-brand h1{margin:0;font-size:clamp(28px,4vw,46px);letter-spacing:-.035em;line-height:1.05}
.admin-command-brand p{max-width:620px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.admin-command-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.admin-command-actions button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;min-height:42px;padding:8px 13px;font-weight:850;font-size:10px;box-shadow:var(--shadow-sm);transition:transform .16s,background .16s,border-color .16s}
.admin-command-actions button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 34%,var(--line))}
.admin-command-actions .admin-command-primary{background:var(--accent);border-color:var(--accent);color:#fff}

#adminView .admin-dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
#adminView .admin-dashboard article{position:relative;overflow:hidden;min-height:104px;padding:15px 16px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm)}
#adminView .admin-dashboard article::before{content:"";position:absolute;width:76px;height:76px;border-radius:24px;inset-inline-end:-24px;bottom:-30px;background:color-mix(in srgb,var(--accent) 8%,transparent);transform:rotate(20deg)}
#adminView .admin-dashboard span,#adminView .admin-dashboard small{position:relative;z-index:1;display:block;color:var(--muted)}
#adminView .admin-dashboard span{font-size:9px;font-weight:800}
#adminView .admin-dashboard strong{position:relative;z-index:1;display:block;margin:8px 0 5px;font-size:26px;line-height:1}
#adminView .admin-dashboard small{font-size:8px}

.admin-review-shortcut{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:right;margin:0 0 16px;padding:15px 18px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface));color:var(--text);box-shadow:var(--shadow-sm)}
.admin-review-shortcut div{min-width:0}.admin-review-shortcut span,.admin-review-shortcut strong,.admin-review-shortcut small{display:block}.admin-review-shortcut span{font-size:8px;color:var(--accent);font-weight:900;letter-spacing:.12em}.admin-review-shortcut strong{font-size:14px;margin:3px 0}.admin-review-shortcut small{font-size:9px;color:var(--muted)}.admin-review-shortcut b{white-space:nowrap;color:var(--accent);font-size:10px}

#adminView .kp-admin-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:16px;align-items:start}
#adminView .kp-admin-sidebar{position:sticky;top:76px;display:grid;gap:10px}
.admin-nav-brand{padding:13px 14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}
.admin-nav-brand span,.admin-nav-brand small{display:block}.admin-nav-brand span{font-weight:900;font-size:13px}.admin-nav-brand small{margin-top:3px;color:var(--muted);font-size:8px}
.admin-nav-group{border:1px solid var(--line);border-radius:19px;background:var(--surface);padding:7px;box-shadow:var(--shadow-sm)}
.admin-nav-group-title{display:block;padding:6px 8px 7px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.06em}
#adminView .admin-tabs{display:grid;gap:4px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#adminView .admin-tabs button{position:relative;width:100%;min-height:40px;padding:8px 11px;border:0;border-radius:12px;background:transparent;color:var(--muted);text-align:right;font-weight:800;font-size:10px;transition:background .14s,color .14s,transform .14s}
#adminView .admin-tabs button:hover{background:var(--surface-2);color:var(--text);transform:none}
#adminView .admin-tabs button.active{background:color-mix(in srgb,var(--accent) 11%,var(--surface-2));color:var(--accent)}
#adminView .admin-tabs button.active::before{content:"";position:absolute;inset-block:9px;inset-inline-start:0;width:3px;border-radius:99px;background:var(--accent)}
#adminView .kp-admin-content{min-width:0}
#adminView .admin-panel{display:none}
#adminView .admin-panel.active{display:block;animation:adminPanelIn .2s ease both}
@keyframes adminPanelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

#adminView .admin-panel,#adminView .unified-card,#adminView .official-sync-shell,#adminView .editor-shell,#adminView .reports-admin-shell,#adminView .mangalek-import-card,#adminView .compact-editor,#adminView .admin-recommendations-list-shell{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:18px;box-shadow:0 14px 44px rgba(16,18,22,.055);margin-bottom:12px}
#adminView .manager-toolbar,#adminView .unified-head,#adminView .official-sync-head,#adminView .reports-admin-head,#adminView .admin-recommendations-toolbar,#adminView .admin-recommendations-list-toolbar{align-items:center;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
#adminView .manager-toolbar input{min-width:min(420px,54vw)}
#adminView .editor-topline{position:sticky;top:68px;z-index:12;margin:-18px -18px 14px;padding:13px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);border-radius:24px 24px 0 0}
#adminView .editor-block{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px 0}
#adminView .editor-number{width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));color:var(--accent)}
#adminView .block-heading h3{font-size:15px}.block-heading p{font-size:9px}
#adminView .modern-form-grid,#adminView .advanced-grid,#adminView .official-sync-grid,#adminView .media-upload-grid,#adminView .pros-cons-grid,#adminView .collection-cover-fields{gap:10px}
#adminView input,#adminView select,#adminView textarea{background:var(--surface-2);border-color:var(--line);border-radius:13px}
#adminView input:focus,#adminView select:focus,#adminView textarea:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}
#adminView .admin-works-list>*,#adminView .manage-collections-list>*,#adminView .import-results>*,#adminView .unified-result-list>*,#adminView .official-sync-results>*,#adminView .admin-reports-list>*,#adminView .mangalek-result-list>*{border-radius:17px;background:var(--surface-2);transition:transform .15s,border-color .15s}
#adminView .admin-works-list>*:hover,#adminView .import-results>*:hover,#adminView .unified-result-list>*:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
#adminView .official-sync-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#adminView .official-sync-card{min-height:150px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(160deg,var(--surface-2),var(--surface));padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}

/* Full import review step — every import is editable before save */
.mi-import-review-backdrop{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(8,9,12,.72);backdrop-filter:blur(10px);animation:reviewFadeIn .18s ease both}
@keyframes reviewFadeIn{from{opacity:0}to{opacity:1}}
.mi-import-review-sheet{width:min(1120px,100%);max-height:92dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:28px;background:var(--bg);box-shadow:0 28px 90px rgba(0,0,0,.32);animation:reviewSheetIn .22s cubic-bezier(.2,.8,.2,1) both}
@keyframes reviewSheetIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.mi-import-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);background:var(--surface)}
.mi-import-review-head span{font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.mi-import-review-head h2{margin:4px 0 3px;font-size:23px}.mi-import-review-head p{margin:0;color:var(--muted);font-size:9px}
.mi-import-review-close{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font-size:22px;line-height:1}
.mi-import-review-layout{min-height:0;display:grid;grid-template-columns:235px minmax(0,1fr);overflow:hidden}
.mi-import-review-side{padding:16px;border-inline-end:1px solid var(--line);background:var(--surface);overflow:auto}.mi-import-review-cover{aspect-ratio:3/4;overflow:hidden;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}.mi-import-review-cover img{width:100%;height:100%;object-fit:cover;display:block}.mi-import-review-cover-empty{width:100%;height:100%;display:grid;place-items:center;color:var(--muted)}
.mi-import-review-source{padding:13px 3px}.mi-import-review-source small,.mi-import-review-source strong,.mi-import-review-source span{display:block}.mi-import-review-source small{font-size:8px;color:var(--muted)}.mi-import-review-source strong{margin:3px 0;font-size:13px}.mi-import-review-source span{font-size:8px;line-height:1.7;color:var(--muted)}
.mi-import-review-form{min-width:0;overflow:auto;padding:18px;display:grid;gap:12px;background:var(--bg)}
.mi-import-review-section{border:1px solid var(--line);border-radius:19px;background:var(--surface);padding:14px}.mi-import-review-section>header{display:flex;align-items:center;gap:9px;padding-bottom:11px;margin-bottom:11px;border-bottom:1px solid var(--line)}.mi-import-review-section>header>span{width:31px;height:31px;border-radius:10px;background:color-mix(in srgb,var(--accent) 11%,var(--surface-2));color:var(--accent);display:grid;place-items:center;font-size:9px;font-weight:900}.mi-import-review-section header strong,.mi-import-review-section header small{display:block}.mi-import-review-section header strong{font-size:12px}.mi-import-review-section header small{font-size:8px;color:var(--muted);margin-top:2px}
.mi-import-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mi-import-review-form label{display:grid;gap:5px;min-width:0}.mi-import-review-form label>span{font-size:8px;font-weight:800;color:var(--muted)}.mi-import-review-form input,.mi-import-review-form select,.mi-import-review-form textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);padding:10px 11px;font:inherit;font-size:10px;outline:none}.mi-import-review-form input:focus,.mi-import-review-form select:focus,.mi-import-review-form textarea:focus{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.mi-import-review-form textarea{resize:vertical;line-height:1.8}.mi-import-review-form .full{grid-column:1/-1}
.mi-import-review-actions{position:sticky;bottom:-18px;z-index:3;display:flex;justify-content:flex-end;gap:8px;padding:13px 0 0;background:linear-gradient(180deg,transparent,var(--bg) 28%)}.mi-import-review-actions button{min-width:150px}

@media(max-width:900px){
 #adminView{padding-inline:10px}.admin-command-head{grid-template-columns:1fr;padding:18px;border-radius:22px}.admin-command-actions{justify-content:flex-start}.admin-command-actions button{flex:1 1 auto}
 #adminView .admin-dashboard{grid-template-columns:1fr 1fr;gap:7px}.admin-review-shortcut{align-items:flex-start}.admin-review-shortcut b{display:none}
 #adminView .kp-admin-layout{grid-template-columns:1fr}.kp-admin-sidebar{position:static!important;display:block!important;overflow:visible!important}.admin-nav-brand{display:none}.admin-nav-group{margin-bottom:7px;padding:5px;border-radius:15px}.admin-nav-group-title{padding:4px 7px;font-size:7px}
 #adminView .admin-tabs{display:flex!important;gap:4px;overflow-x:auto;scrollbar-width:none;direction:rtl}#adminView .admin-tabs::-webkit-scrollbar{display:none}#adminView .admin-tabs button{width:auto;min-width:max-content;min-height:37px;padding:7px 10px;text-align:center}#adminView .admin-tabs button.active::before{inset:auto 10px 0;height:3px;width:auto}
 #adminView .editor-topline{top:0}.mi-import-review-layout{grid-template-columns:180px minmax(0,1fr)}
}
@media(max-width:640px){
 .admin-command-head{padding:16px 14px}.admin-command-brand h1{font-size:25px}.admin-command-brand p{font-size:9px}.admin-command-actions{display:grid;grid-template-columns:1fr 1fr}.admin-command-actions .admin-command-primary{grid-column:1/-1}
 #adminView .admin-dashboard article{min-height:82px;padding:12px}#adminView .admin-dashboard strong{font-size:21px}#adminView .admin-dashboard small{display:none}
 .admin-review-shortcut{padding:12px 13px}.admin-review-shortcut strong{font-size:12px}.admin-review-shortcut small{font-size:8px}
 #adminView .admin-panel,#adminView .unified-card,#adminView .official-sync-shell,#adminView .editor-shell,#adminView .reports-admin-shell,#adminView .mangalek-import-card,#adminView .compact-editor,#adminView .admin-recommendations-list-shell{padding:13px;border-radius:18px}
 #adminView .editor-topline{margin:-13px -13px 12px;padding:11px 13px;border-radius:18px 18px 0 0}#adminView .editor-block{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:14px 0}#adminView .editor-number{width:28px;height:28px;border-radius:9px}
 #adminView .modern-form-grid,#adminView .advanced-grid,#adminView .official-sync-grid,#adminView .media-upload-grid,#adminView .pros-cons-grid,#adminView .collection-cover-fields{grid-template-columns:1fr}.form-span-2,.wide-field{grid-column:auto}
 #adminView .official-sync-grid{grid-template-columns:1fr}
 .mi-import-review-backdrop{align-items:flex-end;padding:0}.mi-import-review-sheet{width:100%;height:min(94dvh,900px);max-height:94dvh;border-radius:24px 24px 0 0;border-bottom:0}.mi-import-review-head{padding:14px 15px}.mi-import-review-head h2{font-size:19px}.mi-import-review-head p{font-size:8px}.mi-import-review-layout{display:block;overflow:auto}.mi-import-review-side{display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;align-items:center;padding:12px 14px;border-inline-end:0;border-bottom:1px solid var(--line)}.mi-import-review-cover{width:82px;aspect-ratio:3/4;border-radius:13px}.mi-import-review-source{padding:0}.mi-import-review-form{overflow:visible;padding:12px}.mi-import-review-section{padding:11px;border-radius:16px}.mi-import-review-grid{grid-template-columns:1fr}.mi-import-review-form .full{grid-column:auto}.mi-import-review-actions{bottom:-12px;display:grid;grid-template-columns:1fr 1fr;padding-top:11px}.mi-import-review-actions button{min-width:0;width:100%}
}

/* v9.6.7 — mobile-first admin layout + compact genre picker */
#adminView{box-sizing:border-box;overflow-x:clip}
#adminView *{box-sizing:border-box;min-width:0}

/* Compact genre picker: the 25 genres no longer occupy the editor permanently. */
#adminView .work-genre-original-field{display:none!important}
#adminView .work-genre-preference-editor{grid-column:1/-1;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);overflow:hidden;margin-top:2px}
#adminView .work-genre-preference-toggle{width:100%;min-height:50px;border:0;background:transparent;color:var(--text);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right}
#adminView .work-genre-preference-toggle-copy strong,#adminView .work-genre-preference-toggle-copy small{display:block}
#adminView .work-genre-preference-toggle-copy strong{font-size:11px}
#adminView .work-genre-preference-toggle-copy small{margin-top:2px;color:var(--muted);font-size:8px}
#adminView .work-genre-preference-toggle-action{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;color:var(--text)}
#adminView .work-genre-preference-toggle-action b{font-size:13px;transition:transform .18s ease}
#adminView .work-genre-preference-editor.is-open .work-genre-preference-toggle-action b{transform:rotate(180deg)}
#adminView .work-genre-preference-body{padding:10px 12px 12px;border-top:1px solid var(--line);background:var(--surface)}
#adminView .work-genre-preference-body.hidden{display:none!important}
#adminView .work-genre-preference-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:var(--muted);font-size:8px}
#adminView .work-genre-preference-tools button{border:0;background:var(--accent);color:var(--accent-text);border-radius:999px;padding:6px 11px;font-size:8px;font-weight:900}
#adminView .work-genre-preference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:230px;overflow:auto;overscroll-behavior:contain;padding:1px;scrollbar-width:thin}
#adminView .work-genre-preference-choice{display:block;cursor:pointer}
#adminView .work-genre-preference-choice input{position:absolute;opacity:0;pointer-events:none}
#adminView .work-genre-preference-choice>span{min-height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 7px;text-align:center;font-size:8.5px;font-weight:800;line-height:1.35;transition:background .14s,border-color .14s,color .14s,transform .14s}
#adminView .work-genre-preference-choice>span svg{width:15px;height:15px;flex:0 0 auto}
#adminView .work-genre-preference-choice input:checked+span{background:color-mix(in srgb,var(--accent) 13%,var(--surface));border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--accent)}

/* Cleaner admin desktop baseline. */
#adminView .page-editorial-head.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px;padding:14px 2px 16px}
#adminView .admin-head-copy h1{font-size:clamp(26px,3vw,38px);margin:3px 0 0}
#adminView .admin-head-copy p{max-width:620px;font-size:10px}
#adminView .admin-dashboard{gap:9px}
#adminView .admin-dashboard article{min-height:84px;padding:12px 14px}
#adminView .admin-dashboard strong{font-size:23px}
#adminView .unified-import-shortcut{min-height:72px;display:grid;align-content:center;gap:2px;padding:12px 15px}
#adminView .unified-import-shortcut span{font-size:7px;color:var(--accent);font-weight:900;letter-spacing:.08em}
#adminView .unified-import-shortcut strong{font-size:13px}
#adminView .unified-import-shortcut small{font-size:8px;color:var(--muted)}

@media(max-width:780px){
  body.admin-view-open .site-header{display:none!important}
  body.admin-view-open main{padding-top:0}
  #adminView{width:100%!important;max-width:none!important;padding:8px 8px calc(var(--dock-h) + 26px)!important;margin:0!important}
  #adminView .page-editorial-head.admin-head{position:relative;display:block;margin:0 0 8px;padding:13px 12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}
  #adminView .admin-head-copy .eyebrow{font-size:7px}
  #adminView .admin-head-copy h1{font-size:22px;line-height:1.2;margin:2px 0 0}
  #adminView .admin-head-copy p{margin-top:4px;font-size:8px;line-height:1.6;max-width:none}
  #adminView .admin-head-badge{position:absolute;top:12px;left:12px;font-size:8px;padding:5px 8px}

  #adminView .admin-dashboard{grid-template-columns:repeat(4,minmax(72px,1fr))!important;gap:6px;overflow-x:auto;padding:0 0 3px;margin-bottom:8px;scrollbar-width:none;scroll-snap-type:x proximity}
  #adminView .admin-dashboard::-webkit-scrollbar{display:none}
  #adminView .admin-dashboard article{min-width:78px;min-height:68px!important;padding:9px 10px!important;border-radius:15px;scroll-snap-align:start}
  #adminView .admin-dashboard span{font-size:7px!important;white-space:nowrap}
  #adminView .admin-dashboard strong{font-size:18px!important;margin:5px 0 0!important}
  #adminView .admin-dashboard small{display:none!important}

  #adminView .unified-import-shortcut{min-height:58px;margin-bottom:8px;padding:10px 12px;border-radius:16px}
  #adminView .unified-import-shortcut span{display:none}
  #adminView .unified-import-shortcut strong{font-size:11px}
  #adminView .unified-import-shortcut small{font-size:7.5px;line-height:1.45}

  #adminView .kp-admin-layout{display:block!important}
  #adminView .kp-admin-sidebar{position:sticky!important;top:0!important;z-index:65!important;margin:0 -8px 8px;padding:6px 8px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);overflow:hidden!important;border-block:1px solid var(--line)}
  #adminView .admin-tabs{display:flex!important;gap:5px!important;overflow-x:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;scrollbar-width:none;scroll-snap-type:x proximity}
  #adminView .admin-tabs::-webkit-scrollbar{display:none}
  #adminView .admin-tabs button{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:34px!important;padding:6px 9px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--surface)!important;color:var(--muted)!important;font-size:8px!important;text-align:center!important;scroll-snap-align:start}
  #adminView .admin-tabs button.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface))!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 36%,var(--line))!important}
  #adminView .admin-tabs button.active::before{display:none!important}

  #adminView .kp-admin-content{width:100%}
  #adminView .admin-panel,#adminView .unified-card,#adminView .official-sync-shell,#adminView .editor-shell,#adminView .reports-admin-shell,#adminView .mangalek-import-card,#adminView .compact-editor,#adminView .admin-recommendations-list-shell{width:100%;padding:11px!important;border-radius:17px!important;margin-bottom:8px!important;box-shadow:none!important}
  #adminView .manager-toolbar,#adminView .unified-head,#adminView .official-sync-head,#adminView .reports-admin-head,#adminView .admin-recommendations-toolbar,#adminView .admin-recommendations-list-toolbar{display:grid!important;grid-template-columns:1fr;align-items:stretch!important;gap:7px!important;padding-bottom:9px!important;margin-bottom:9px!important}
  #adminView .manager-toolbar label,#adminView .manager-toolbar input{width:100%!important;min-width:0!important}
  #adminView .manager-toolbar button{width:100%}
  #adminView .unified-head p,#adminView .official-sync-head p{font-size:8px;line-height:1.55}
  #adminView .unified-badge{justify-self:start;font-size:7px}

  #adminView .editor-topline{position:static!important;margin:-11px -11px 8px!important;padding:10px 11px!important;border-radius:17px 17px 0 0!important;backdrop-filter:none!important}
  #adminView .editor-topline h2{font-size:17px;margin:2px 0}
  #adminView .editor-topline>div>span{font-size:7px}
  #adminView .editor-topline button{padding:7px 9px;font-size:8px}
  #adminView .editor-block{display:block!important;padding:12px 0!important}
  #adminView .editor-number{display:none!important}
  #adminView .block-heading{margin-bottom:8px}
  #adminView .block-heading h3{font-size:13px!important}
  #adminView .block-heading p{display:none!important}
  #adminView .modern-form-grid,#adminView .advanced-grid,#adminView .official-sync-grid,#adminView .media-upload-grid,#adminView .pros-cons-grid,#adminView .collection-cover-fields{grid-template-columns:1fr!important;gap:8px!important}
  #adminView .form-span-2,#adminView .wide-field{grid-column:auto!important}
  #adminView input,#adminView select,#adminView textarea{min-height:42px!important;padding:9px 10px!important;border-radius:12px!important;font-size:10px!important}
  #adminView textarea{min-height:96px!important}
  #adminView .upload-zone{padding:12px!important;border-radius:14px!important}
  #adminView .upload-zone .upload-icon{font-size:18px}
  #adminView .upload-zone strong{font-size:10px}
  #adminView .upload-zone small{font-size:7px}

  #adminView .work-genre-preference-editor{border-radius:13px}
  #adminView .work-genre-preference-toggle{min-height:45px;padding:8px 9px}
  #adminView .work-genre-preference-toggle-copy strong{font-size:10px}
  #adminView .work-genre-preference-toggle-copy small{font-size:7.5px}
  #adminView .work-genre-preference-toggle-action{padding:6px 8px;font-size:8px}
  #adminView .work-genre-preference-body{padding:8px 9px 9px}
  #adminView .work-genre-preference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:190px}
  #adminView .work-genre-preference-choice>span{min-height:34px;padding:5px 6px;border-radius:10px;font-size:8px}

  #adminView .official-sync-grid{grid-template-columns:1fr!important}
  #adminView .official-sync-card{min-height:auto!important;padding:11px!important;border-radius:15px!important}
  #adminView .unified-controls{grid-template-columns:1fr!important}
  #adminView .unified-search-row{display:grid!important;grid-template-columns:1fr auto!important}
  #adminView .unified-toolbar{align-items:flex-start!important;flex-direction:column!important}
  #adminView .admin-works-list>*,#adminView .manage-collections-list>*,#adminView .import-results>*,#adminView .unified-result-list>*,#adminView .official-sync-results>*,#adminView .admin-reports-list>*,#adminView .mangalek-result-list>*{padding:9px!important;border-radius:13px!important}
}

@media(max-width:390px){
  #adminView{padding-inline:6px!important}
  #adminView .kp-admin-sidebar{margin-inline:-6px;padding-inline:6px}
  #adminView .admin-dashboard article{min-width:74px}
  #adminView .work-genre-preference-grid{grid-template-columns:1fr 1fr}
}

/* final mobile header correction */
@media(max-width:780px){
  #adminView .page-editorial-head.admin-head{
    min-height:0!important;
    padding:14px 13px!important;
    border:0!important;
    border-radius:18px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#3f102a,#6B1D45 64%,#7c2853)!important;
    box-shadow:0 10px 24px rgba(74,15,47,.16)!important;
  }
  #adminView .page-editorial-head.admin-head::after{display:none!important}
  #adminView .admin-head-copy{padding-inline-start:0;padding-inline-end:58px}
  #adminView .admin-head-copy .eyebrow{color:rgba(255,255,255,.62)!important;font-size:7px}
  #adminView .admin-head-copy h1{color:#fff!important;font-size:22px!important}
  #adminView .admin-head-copy p{color:rgba(255,255,255,.72)!important;font-size:8px!important;line-height:1.55}
  #adminView .admin-head-badge{top:12px;left:12px!important;right:auto!important;background:rgba(0,0,0,.14)!important;border-color:rgba(255,255,255,.17)!important;color:#fff!important}
}
@media(max-width:780px){#adminView .unified-import-shortcut{width:100%!important;display:block!important;text-align:right!important}#adminView .unified-import-shortcut strong,#adminView .unified-import-shortcut small{display:block}}


/* v9.6.8: guaranteed theme surface synchronization */
html,body,.site-header,.member-dock,.dock-sheet,.auth-modal,.welcome-card,.mi-legal-dialog,.view,.admin-panel,.editor-shell,.comment-card{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
html.dark,html[data-theme="dark"],body.dark,body[data-theme="dark"]{color-scheme:dark}
html.light,html[data-theme="light"],body.light,body[data-theme="light"]{color-scheme:light}
@media(prefers-reduced-motion:reduce){html,body,.site-header,.member-dock,.dock-sheet,.auth-modal,.welcome-card,.mi-legal-dialog,.view,.admin-panel,.editor-shell,.comment-card{transition:none}}


/* =========================================================
   v9.6.12 — onboarding, welcome, work hero controls, gallery polish
   ========================================================= */
.preferences-sheet.multi-preference-sheet{width:min(860px,100%);max-height:min(90vh,840px);padding:20px}
.preference-sheet-header{align-items:flex-start}.preference-sheet-header .eyebrow{color:var(--accent);font-weight:900}
.preference-welcome-band{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px;align-items:stretch;margin-bottom:12px}
.preference-band-copy,.preference-band-badge{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--surface),var(--surface-2));padding:16px}
.preference-band-copy strong{display:block;font-size:22px;margin-bottom:6px}.preference-band-copy p,.preference-band-badge small{color:var(--muted);line-height:1.8}
.preference-band-badge{display:grid;place-items:center;text-align:center;gap:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface))}
.preference-band-badge span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:22px;font-weight:900}
.preference-selection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 2px 8px;color:var(--muted);font-size:13px}
.preference-selection-toolbar button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:800}
.preference-helper-strip{margin-bottom:12px;color:var(--muted);font-size:12px}
.preference-multi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.preference-multi-card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.preference-multi-card input{position:absolute;inset:0;opacity:0;pointer-events:none}.preference-multi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.preference-multi-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--surface-2);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))}
.preference-multi-icon .mi-icon,.preference-multi-icon svg{width:24px;height:24px;stroke-width:1.8}.preference-multi-label{font-size:19px;font-weight:900;line-height:1.5}
.preference-multi-check{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--line);color:transparent;background:var(--surface-2)}
.preference-multi-card:has(input:checked){border-color:color-mix(in srgb,var(--accent) 70%,var(--line));background:color-mix(in srgb,var(--accent) 11%,var(--surface));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 18%,transparent)}
.preference-multi-card:has(input:checked) .preference-multi-icon{background:color-mix(in srgb,var(--accent) 17%,var(--surface-2))}
.preference-multi-card:has(input:checked) .preference-multi-check{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
.preferences-sheet .sheet-primary{width:100%;min-height:50px;margin-top:14px;font-size:16px}
.welcome-card-v9612{width:min(760px,100%);padding:24px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%),linear-gradient(180deg,var(--bg),var(--surface))}
.welcome-hero-stack{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:18px}
.welcome-hero-logo{min-height:140px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2));display:grid;place-items:center;padding:20px}
.welcome-hero-logo img{max-width:100%;max-height:96px;object-fit:contain}.production-welcome-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-weight:900;margin-bottom:10px}
.welcome-card-v9612 h2{font-size:clamp(28px,4vw,42px);line-height:1.2;margin:0 0 10px}.production-welcome-copy{font-size:16px;line-height:1.9}
.welcome-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.welcome-feature-grid>div{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:14px;display:grid;gap:10px}
.production-welcome-feature-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));color:var(--accent)}
.production-welcome-feature-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.welcome-feature-grid strong{display:block;margin-bottom:4px}.welcome-feature-grid small{color:var(--muted);line-height:1.7}
.welcome-card-actions{display:grid;gap:10px}.production-welcome-start{min-height:52px;font-size:16px}.production-welcome-instagram{text-align:center;border:1px solid var(--line);border-radius:16px;padding:13px 16px;color:var(--text);background:var(--surface);text-decoration:none;font-weight:800}.production-welcome-instagram:hover{background:var(--surface-2)}
#workDetailView .work-cover-top-controls{position:absolute;z-index:6;top:18px;left:max(18px,calc((100% - 920px)/2));right:max(18px,calc((100% - 920px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}
#workDetailView .work-cover-top-actions{display:flex;align-items:center;gap:8px}
#workDetailView .work-cover-back-button,#workDetailView .work-cover-report-button{position:static;width:auto;height:auto;min-height:42px;padding:8px 14px;justify-content:center}
#workDetailView .work-cover-back-button,#workDetailView .work-cover-report-button{border:1px solid rgba(255,255,255,.28);background:rgba(16,17,20,.58);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:13px;display:flex;align-items:center;gap:7px;font-weight:800;transition:transform .16s,background .16s}
#workDetailView .work-cover-back-button:hover,#workDetailView .work-cover-report-button:hover{background:rgba(32,34,39,.78);transform:translateY(-1px)}
#workDetailView .work-cover-back-button span,#workDetailView .work-cover-report-button span{display:inline}#workDetailView .work-cover-back-button svg{width:18px;height:18px}#workDetailView .work-cover-report-button svg{width:18px;height:18px}
#workDetailView .series-gallery-grid.modern-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;border-radius:0;background:transparent}
#workDetailView .series-gallery-card{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:0;overflow:hidden;cursor:pointer;display:block;box-shadow:var(--shadow-sm)}
#workDetailView .series-gallery-card img{display:block;width:100%;height:100%;min-height:240px;max-height:440px;object-fit:cover;background:var(--surface-2)}
#workDetailView .series-gallery-card:nth-child(3n+1){grid-column:span 2}#workDetailView .series-gallery-card:nth-child(3n+1) img{max-height:540px}#workDetailView .series-gallery-card:hover{transform:translateY(-2px);transition:transform .16s ease}
@media(max-width:960px){.preference-welcome-band{grid-template-columns:1fr}.welcome-feature-grid{grid-template-columns:1fr}}
@media(max-width:780px){.preferences-sheet.multi-preference-sheet{padding:16px 14px 18px;border-radius:24px 24px 0 0}.preference-band-copy strong{font-size:18px}.preference-selection-toolbar{font-size:12px;flex-wrap:wrap}.preference-selection-toolbar button{order:2}.preference-multi-grid{grid-template-columns:1fr;gap:10px}.preference-multi-card{grid-template-columns:48px minmax(0,1fr) 24px;padding:12px 14px;border-radius:18px}.preference-multi-icon{width:48px;height:48px;border-radius:16px}.preference-multi-label{font-size:17px}.welcome-card-v9612{padding:18px;border-radius:24px}.welcome-hero-stack{grid-template-columns:1fr;gap:12px}.welcome-hero-logo{min-height:auto;padding:16px}.welcome-hero-logo img{max-height:74px}.production-welcome-copy{font-size:14px;line-height:1.8}#workDetailView .work-cover-top-controls{top:12px;left:12px;right:12px}#workDetailView .work-cover-back-button,#workDetailView .work-cover-report-button{min-height:38px;padding:7px 11px;font-size:11px}#workDetailView .work-cover-back-button span,#workDetailView .work-cover-report-button span{font-size:11px}#workDetailView .series-gallery-grid.modern-gallery-grid{grid-template-columns:1fr;gap:8px}#workDetailView .series-gallery-card:nth-child(3n+1){grid-column:auto}#workDetailView .series-gallery-card img{min-height:0;max-height:none;aspect-ratio:4/5;object-fit:cover}}


/* =========================================================
   v9.6.13 — visible onboarding redesign + scroll/gallery fixes
   ========================================================= */
html.mi-overlay-open,body.mi-overlay-open{overflow:hidden!important;overscroll-behavior:none}

/* Preference onboarding: deliberately compact and different from the legacy sheet. */
.preferences-sheet.multi-preference-sheet{
  width:min(720px,100%);
  max-height:min(92dvh,820px);
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:16px 16px 18px!important;
}
.preference-sheet-header-v9613{
  position:sticky;
  top:-16px;
  z-index:8;
  margin:0 -16px 12px!important;
  padding:16px 16px 12px!important;
  background:color-mix(in srgb,var(--bg) 94%,transparent);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.preference-sheet-header-v9613 h2{font-size:24px!important;margin:2px 0 2px!important}
.preference-sheet-header-v9613 p{margin:0;color:var(--muted);font-size:11px}
.preference-compact-summary{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  margin-bottom:12px;
  border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
  border-radius:17px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));
}
.preference-summary-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:19px}
.preference-compact-summary strong,.preference-compact-summary small{display:block}
.preference-compact-summary strong{font-size:14px}.preference-compact-summary small{font-size:9px;color:var(--muted);margin-top:1px}
.preference-selected-pill{border-radius:999px;padding:6px 9px;background:var(--surface-2);border:1px solid var(--line);font-size:9px;color:var(--muted);white-space:nowrap}
.preference-selected-pill b{color:var(--text);font-size:11px}
.preference-toolbar-v9613{margin:4px 2px 8px!important;font-size:10px!important}
.preference-toolbar-v9613>span{font-weight:900;color:var(--text)}
.preference-toolbar-v9613 button{padding:5px 9px!important;min-height:30px;border-radius:10px!important;font-size:9px!important}
.preference-grid-v9613{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.preference-grid-v9613 .preference-multi-card{
  min-width:0!important;
  min-height:70px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 18px!important;
  gap:7px!important;
  align-items:center!important;
  padding:8px 9px!important;
  margin:0!important;
  border-radius:14px!important;
  border:1px solid var(--line)!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
.preference-grid-v9613 .preference-multi-card input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0!important;pointer-events:none!important}
.preference-grid-v9613 .preference-multi-icon{
  width:34px!important;height:34px!important;border-radius:10px!important;
  background:var(--surface-2)!important;border:0!important;color:var(--accent)!important
}
.preference-grid-v9613 .preference-multi-icon svg{width:18px!important;height:18px!important}
.preference-grid-v9613 .preference-multi-label{font-size:11px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important}
.preference-grid-v9613 .preference-multi-check{width:18px!important;height:18px!important;border-radius:6px!important}
.preference-grid-v9613 .preference-multi-card:has(input:checked){
  border-color:color-mix(in srgb,var(--accent) 65%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 10%,var(--surface))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)!important;
  transform:none!important
}
.preference-save-dock{position:sticky;bottom:-18px;z-index:9;margin:12px -16px -18px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 0%,transparent),var(--bg) 28%)}
.preference-save-dock .sheet-primary{margin:0!important;min-height:46px!important;border-radius:14px!important;font-size:13px!important}

/* Welcome must scroll internally while the page behind it is locked. */
.welcome-backdrop{overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.welcome-card-v9613{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:min(90dvh,760px)!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

/* Work gallery: small thumbnails next to each other, horizontally scrollable. */
#workDetailView .modern-gallery-section{overflow:visible!important}
#workDetailView .series-gallery-grid.modern-gallery-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border-radius:0!important;
  background:transparent!important;
  padding:2px 2px 7px!important;
  scroll-snap-type:x proximity;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
}
#workDetailView .series-gallery-card{
  flex:0 0 104px!important;
  width:104px!important;
  height:136px!important;
  border-radius:12px!important;
  scroll-snap-align:start;
  box-shadow:none!important;
}
#workDetailView .series-gallery-card:nth-child(3n+1){grid-column:auto!important}
#workDetailView .series-gallery-card img{
  width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  aspect-ratio:auto!important;object-fit:cover!important;border-radius:0!important
}

/* Mobile performance: avoid expensive glass effects while scrolling the long home page. */
@media(max-width:780px){
  .preference-grid-v9613{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .preference-sheet-header-v9613 h2{font-size:21px!important}
  .preference-compact-summary{grid-template-columns:38px minmax(0,1fr);padding:9px 10px}
  .preference-summary-icon{width:38px;height:38px;border-radius:12px}
  .preference-selected-pill{grid-column:1/-1;justify-self:start}
  .preference-grid-v9613 .preference-multi-card{min-height:62px!important;grid-template-columns:30px minmax(0,1fr) 16px!important;padding:7px 8px!important}
  .preference-grid-v9613 .preference-multi-icon{width:30px!important;height:30px!important}
  .preference-grid-v9613 .preference-multi-icon svg{width:16px!important;height:16px!important}
  .preference-grid-v9613 .preference-multi-label{font-size:10px!important}
  .welcome-backdrop{align-items:flex-start!important;padding:10px 0!important}
  .welcome-card-v9613{width:calc(100% - 16px)!important;max-height:calc(100dvh - 20px)!important;margin:auto!important}
  .site-header,.member-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #workDetailView .series-gallery-card{flex-basis:92px!important;width:92px!important;height:124px!important}
}


/* =========================================================
   v9.6.14 — report modal + recommendations directory layout
   ========================================================= */

/* Report modal: real modal layer, never mixed with the page/dock behind it. */
.report-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:220!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(7,8,11,.76)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
.report-modal-backdrop.hidden{display:none!important}
.report-modal-card{
  position:relative!important;
  width:min(520px,100%)!important;
  max-width:100%!important;
  max-height:min(86dvh,700px)!important;
  overflow:auto!important;
  margin:auto!important;
  padding:22px!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38)!important;
  direction:rtl!important;
}
.report-modal-close{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--surface-2)!important;
  color:var(--text)!important;
  font-size:22px!important;
  line-height:1!important;
}
.report-modal-icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:14px!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--accent) 14%,var(--surface))!important;
  color:var(--accent)!important;
}
.report-modal-icon svg{width:24px!important;height:24px!important}
.report-modal-card>.eyebrow{display:block!important;margin-bottom:4px!important;color:var(--accent)!important}
.report-modal-card h2{
  margin:0 0 8px!important;
  padding-left:46px!important;
  font-size:28px!important;
  line-height:1.25!important;
}
.report-modal-context{
  margin:0 0 16px!important;
  padding:10px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:13px!important;
  background:var(--surface-2)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.7!important;
  overflow-wrap:anywhere!important;
  max-height:86px!important;
  overflow:auto!important;
}
.report-reason-field{display:grid!important;gap:7px!important}
.report-reason-field>span{font-size:11px!important;font-weight:800!important;color:var(--text)!important}
.report-reason-field textarea{
  min-height:142px!important;
  max-height:260px!important;
  resize:vertical!important;
  background:var(--surface)!important;
}
.report-modal-meta{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:7px!important;
  color:var(--muted)!important;
  font-size:9px!important;
}
.report-modal-actions{
  display:grid!important;
  grid-template-columns:1fr 1.4fr!important;
  gap:8px!important;
  margin-top:12px!important;
}
.report-modal-actions button{width:100%!important}
body:has(#reportModal:not(.hidden)) .member-dock{opacity:0!important;pointer-events:none!important}

/* Recommendations directory: compact, aligned, mobile-first. */
#groupsView.recommendations-directory-view{
  width:min(1040px,calc(100% - 28px))!important;
  padding-top:18px!important;
}
#groupsView .recommendations-directory-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:16px!important;
  margin:0 0 14px!important;
  padding:20px!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface))!important;
}
#groupsView .recommendations-directory-head .eyebrow{
  color:var(--accent)!important;
  font-size:9px!important;
  letter-spacing:.06em!important;
}
#groupsView .recommendations-directory-head h1{
  margin:4px 0 0!important;
  font-size:clamp(28px,4.2vw,42px)!important;
  line-height:1.15!important;
}
#groupsView .recommendations-directory-head p{
  max-width:610px!important;
  margin:7px 0 0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.75!important;
}
#groupsView .recommendations-directory-count{
  min-width:122px!important;
  padding:13px 15px!important;
  border:1px solid var(--line)!important;
  border-radius:17px!important;
  background:var(--bg)!important;
  text-align:center!important;
}
#groupsView .recommendations-directory-count strong{
  display:block!important;
  font-size:27px!important;
  line-height:1.1!important;
}
#groupsView .recommendations-directory-count span{display:block!important;margin-top:4px!important;color:var(--muted)!important;font-size:9px!important}
#groupsView .recommendations-directory-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  gap:9px!important;
  align-items:end!important;
  margin:0 0 9px!important;
  padding:10px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--surface)!important;
}
#groupsView .recommendations-directory-search{
  position:relative!important;
  display:block!important;
}
#groupsView .recommendations-directory-search>.mi-icon{
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  right:13px!important;
  transform:translateY(-50%)!important;
  color:var(--muted)!important;
  pointer-events:none!important;
}
#groupsView .recommendations-directory-search input{
  min-height:46px!important;
  padding-right:42px!important;
  border-radius:13px!important;
  background:var(--surface-2)!important;
}
#groupsView .recommendations-directory-sort{display:grid!important;gap:5px!important}
#groupsView .recommendations-directory-sort>span{font-size:9px!important;color:var(--muted)!important;font-weight:800!important}
#groupsView .recommendations-directory-sort select{min-height:46px!important;background:var(--surface-2)!important}
#groupsView .recommendations-directory-summary{
  min-height:0!important;
  margin:0 2px 12px!important;
  color:var(--muted)!important;
  font-size:10px!important;
  font-weight:700!important;
}
#groupsView .groups-shelves-list{
  display:grid!important;
  gap:12px!important;
}
#groupsView .collection-shelf.platform-shelf{
  margin:0!important;
  padding:14px!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  background:var(--surface)!important;
  box-shadow:var(--shadow-sm)!important;
}
#groupsView .collection-shelf-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
#groupsView .collection-shelf-head>div{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
#groupsView .shelf-avatar{flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:var(--surface-2)!important;color:var(--accent)!important}
#groupsView .collection-shelf-head h3{margin:1px 0!important;font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#groupsView .collection-shelf-head p{margin:0!important;color:var(--muted)!important;font-size:9px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
#groupsView .shelf-rating{font-size:8px!important;color:var(--muted)!important}
#groupsView .shelf-open-button{flex:0 0 auto!important;border:1px solid var(--line)!important;background:var(--surface-2)!important;color:var(--text)!important;border-radius:11px!important;min-height:34px!important;padding:6px 9px!important;font-size:9px!important;font-weight:800!important;display:flex!important;align-items:center!important;gap:4px!important}
#groupsView .shelf-track{gap:8px!important;padding-bottom:4px!important}
#groupsView .shelf-progress{display:none!important}
#groupsView .empty-state{
  margin-top:12px!important;
  min-height:180px!important;
  padding:26px 18px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  border-radius:20px!important;
  background:var(--surface)!important;
}
#groupsView .empty-state.hidden{display:none!important}
#groupsView .empty-state h3{font-size:18px!important;margin:0 0 5px!important}
#groupsView .empty-state p{font-size:10px!important;max-width:340px!important;margin:0 auto!important}

@media(max-width:780px){
  .report-modal-backdrop{
    align-items:flex-end!important;
    padding:0!important;
    background:rgba(7,8,11,.72)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .report-modal-card{
    width:100%!important;
    max-height:88dvh!important;
    margin:0!important;
    padding:18px 14px calc(16px + env(safe-area-inset-bottom))!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-radius:24px 24px 0 0!important;
    box-shadow:0 -18px 52px rgba(0,0,0,.32)!important;
  }
  .report-modal-close{top:12px!important;left:12px!important;width:36px!important;height:36px!important}
  .report-modal-icon{width:42px!important;height:42px!important;border-radius:13px!important;margin-bottom:10px!important}
  .report-modal-card h2{font-size:23px!important;padding-left:42px!important;margin-bottom:7px!important}
  .report-modal-context{font-size:10px!important;max-height:68px!important;margin-bottom:12px!important}
  .report-reason-field textarea{min-height:118px!important}
  .report-modal-actions{position:sticky!important;bottom:0!important;padding-top:8px!important;background:linear-gradient(180deg,transparent,var(--bg) 28%)!important}

  #groupsView.recommendations-directory-view{
    width:calc(100% - 18px)!important;
    padding-top:10px!important;
  }
  #groupsView .recommendations-directory-head{
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    padding:14px!important;
    border-radius:18px!important;
    margin-bottom:9px!important;
  }
  #groupsView .recommendations-directory-head h1{
    font-size:25px!important;
    line-height:1.18!important;
  }
  #groupsView .recommendations-directory-head p{
    font-size:9px!important;
    line-height:1.6!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  #groupsView .recommendations-directory-count{
    min-width:70px!important;
    padding:9px 8px!important;
    border-radius:14px!important;
  }
  #groupsView .recommendations-directory-count strong{font-size:20px!important}
  #groupsView .recommendations-directory-count span{font-size:7px!important}
  #groupsView .recommendations-directory-toolbar{
    grid-template-columns:minmax(0,1fr) 118px!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:15px!important;
  }
  #groupsView .recommendations-directory-search{grid-column:auto!important}
  #groupsView .recommendations-directory-search input,
  #groupsView .recommendations-directory-sort select{min-height:40px!important;font-size:10px!important}
  #groupsView .recommendations-directory-search input{padding-right:34px!important;padding-left:8px!important}
  #groupsView .recommendations-directory-search>.mi-icon{right:10px!important}
  #groupsView .recommendations-directory-sort>span{display:none!important}
  #groupsView .recommendations-directory-summary{margin:0 2px 8px!important;font-size:9px!important}
  #groupsView .collection-shelf.platform-shelf{padding:10px!important;border-radius:16px!important}
  #groupsView .collection-shelf-head{gap:7px!important;margin-bottom:8px!important}
  #groupsView .shelf-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
  #groupsView .collection-shelf-head h3{font-size:12px!important}
  #groupsView .collection-shelf-head p{font-size:8px!important}
  #groupsView .shelf-open-button{min-height:30px!important;padding:5px 7px!important;font-size:8px!important}
  #groupsView .shelf-work-card{flex-basis:92px!important}
  #groupsView .empty-state{min-height:150px!important;margin-top:8px!important;padding:20px 12px!important}
  #groupsView .empty-state h3{font-size:16px!important}
}

@media(max-width:420px){
  #groupsView .recommendations-directory-head{grid-template-columns:minmax(0,1fr) 64px!important}
  #groupsView .recommendations-directory-head h1{font-size:22px!important}
  #groupsView .recommendations-directory-toolbar{grid-template-columns:minmax(0,1fr) 108px!important}
  .report-modal-actions{grid-template-columns:1fr 1.25fr!important}
}

/* v9.6.16 mascot logo */
.site-brand-image{height:36px;width:36px;object-fit:contain}
.welcome-production-logo{max-width:150px!important;max-height:150px!important;object-fit:contain}
@media(max-width:780px){.site-brand-image{height:30px;width:30px}}

/* v9.6.17 — compact footer report + device push + admin auth diagnostics */
.mi-footer-links{align-items:center}
.mi-footer-links .mi-footer-report-button{
  min-height:32px;
  padding:5px 9px;
  border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));
  border-radius:10px;
  background:color-mix(in srgb,var(--accent) 7%,var(--surface));
  color:var(--text);
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:9px;
  font-weight:800;
  text-decoration:none;
}
.mi-footer-links .mi-footer-report-button svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mi-footer-links .mi-footer-report-button:hover{background:color-mix(in srgb,var(--accent) 13%,var(--surface));text-decoration:none}

.push-settings-card{display:grid;gap:11px}
.push-settings-title{align-items:flex-start}
.push-settings-state{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-2);
}
.push-settings-state .push-state-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 auto}
#pushDeviceStatus{font-size:10px;color:var(--muted);font-weight:800}
#pushDeviceStatus.is-active{color:var(--text)}
#pushDeviceStatus.is-active+.push-state-dot{background:var(--accent)}
#pushDeviceStatus.is-error{color:var(--danger)}
.push-device-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.push-device-actions button{min-height:36px;padding:7px 11px;border-radius:11px;font-size:9px}
.push-disable-button{color:var(--danger)}
.push-inline-status:empty{display:none}

.admin-auth-diagnostics{
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  padding:14px;
  margin:10px 0 14px;
  display:grid;
  gap:10px;
}
.admin-auth-diagnostics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-auth-diagnostics-head>div{min-width:0}
.admin-auth-diagnostics-head strong,.admin-auth-diagnostics-head small{display:block}
.admin-auth-diagnostics-head strong{font-size:13px;margin-top:3px}
.admin-auth-diagnostics-head small{font-size:9px;color:var(--muted);margin-top:3px}
.admin-auth-diagnostics-head button{min-height:32px;padding:5px 9px;font-size:8px}
.admin-auth-diagnostics-status{font-size:10px;color:var(--muted);padding:9px 10px;border-radius:11px;background:var(--surface-2)}
.admin-auth-diagnostics-code{
  direction:ltr;
  text-align:left;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  max-height:180px;
  overflow:auto;
  margin:0;
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--bg);
  color:var(--text);
  font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;
}

@media(max-width:780px){
  .mi-footer-links .mi-footer-report-button{min-height:30px;padding:4px 8px;font-size:8px}
  .push-device-actions{display:grid;grid-template-columns:1fr 1fr}
  .push-device-actions .primary-button{grid-column:1/-1}
  .push-device-actions button{width:100%}
  .admin-auth-diagnostics-head{align-items:stretch;flex-direction:column}
  .admin-auth-diagnostics-head button{align-self:flex-start}
}
.push-settings-state:has(#pushDeviceStatus.is-active) .push-state-dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
.push-settings-state:has(#pushDeviceStatus.is-error) .push-state-dot{background:var(--danger)}
.admin-push-diagnostics-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);font-size:9px}
.admin-push-diagnostics-row>span{color:var(--muted);font-weight:800}.admin-push-diagnostics-row>strong{font-size:9px}.admin-push-diagnostics-row>strong.is-ok{color:var(--accent)}.admin-push-diagnostics-row>strong.is-error{color:var(--danger)}.admin-push-diagnostics-row button{min-height:30px;padding:4px 8px;font-size:8px}
@media(max-width:780px){.admin-push-diagnostics-row{grid-template-columns:1fr auto}.admin-push-diagnostics-row>span{grid-column:1/-1}.admin-push-diagnostics-row>strong{min-width:0}}


/* v9.6.17 production — notification badge fix */
.dock-notifications{position:relative!important;overflow:visible!important}
.dock-notifications .dock-badge{
  position:absolute!important;
  z-index:4;
  top:3px;
  left:calc(50% + 7px);
  transform:translateX(-50%);
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  background:var(--accent);
  color:#fff;
  border:2px solid var(--surface);
  box-shadow:0 2px 8px rgba(0,0,0,.18);
  font-size:8px;
  line-height:1;
  font-weight:900;
  direction:ltr;
  pointer-events:none;
}
.dock-notifications .dock-badge.hidden{display:none!important}
@media(max-width:780px){
  .dock-notifications .dock-badge{top:2px;left:calc(50% + 6px);min-width:17px;height:17px;font-size:7.5px;border-width:2px}
}