/* Pinned sites are a bottom navigation row, separate from the search form. */
body .landing-bottom>.theme-switcher{gap:18px!important;max-width:100%!important;min-width:0}
body .landing-bottom .quick-tools{position:static!important;transform:none!important;display:flex!important;flex-wrap:nowrap!important;justify-content:center;gap:8px!important;width:max-content;max-width:100%;margin:0!important;pointer-events:auto}
body .landing-bottom .quick-tools>a{width:78px!important;min-width:0;min-height:70px;padding:8px 5px;flex:0 1 78px}
body .landing-bottom .quick-tools .quick-icon{width:28px!important;height:28px!important;flex-basis:28px}
body .landing-bottom .quick-tools>a>span:last-child{font-size:12px}
body .top-actions .landing-weather #weatherTemperature{font-size:15px!important;font-weight:400;line-height:1.2;color:#b5c4d1}
body .top-actions .landing-weather strong{font-weight:400;font-size:12px;gap:5px}
body .top-actions .landing-weather .weather-icon{font-size:19px!important}
/* Liquid art: equal-height, flowing numerals with one coherent baseline. */
body[data-theme=art] .landing-center .clock-time{align-items:center!important;gap:10px!important;font-family:system-ui,sans-serif;font-weight:300;font-style:normal}
body[data-theme=art] .clock-time .art-clock-hour,body[data-theme=art] .clock-time .art-clock-minute{font:inherit;font-size:1em;line-height:1.1;letter-spacing:-.035em;padding:0 .04em;border:0;transform:none;background:linear-gradient(145deg,#f3d9cb,#ddb3d0);background-clip:text;-webkit-background-clip:text;color:transparent}
body[data-theme=art] .clock-time .art-clock-divider{font:300 .7em/1 system-ui,sans-serif;transform:none;color:#d9b7c7}
/* Landscape: light, open numerals, without a second clock face or container. */
body[data-theme=nature] .landing-center .clock-time{gap:12px!important;font-family:'Trebuchet MS',system-ui,sans-serif;font-weight:300;color:#c2dfd1}
body[data-theme=nature] .clock-time .nature-clock-hour,body[data-theme=nature] .clock-time .nature-clock-minute{font:inherit;font-size:1em;line-height:1.1;letter-spacing:.035em}
body[data-theme=nature] .clock-time .nature-clock-divider{font:300 .55em/1 system-ui,sans-serif;color:#8cb9a5}
@media(min-width:701px) and (max-width:1199px){body .landing-bottom>.theme-switcher{grid-column:1 / -1!important;grid-row:1!important;justify-self:center}body .landing-bottom .corner-themes{grid-row:2!important}body .landing-bottom .scroll-cue{display:none}}
/* Mobile uses content height: no tall empty spacer between search and collection. */
@media(max-width:700px),(max-width:960px) and (max-height:500px){
 body .search-landing{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;overflow:clip!important;padding-bottom:12px!important}
 body .search-landing>.topbar{position:relative!important;inset:auto!important;flex:none}
 body .search-landing .landing-center{position:relative!important;inset:auto!important;transform:none!important;height:auto!important;width:calc(100% - 32px)!important;margin:24px auto 0!important;display:flex!important;flex-direction:column;align-items:center}
 body .landing-intro{position:static!important;width:100%;margin:0 0 20px}
 body .landing-center .search-box{position:relative!important;inset:auto!important;transform:none!important;height:54px!important;flex:none}
 body .landing-center .daily-quote{position:static!important;inset:auto!important;margin:14px 0 0!important;font-size:12px!important;line-height:1.6}
 body .landing-center .quick-tools{position:static!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;width:min(360px,100%)!important;margin:18px 0 0!important}
 body .landing-center .quick-tools>a{width:100%!important;min-height:58px!important;max-width:none!important;padding:6px 4px!important}
 body .search-landing .landing-bottom{position:relative!important;inset:auto!important;width:calc(100% - 24px)!important;margin:8px auto 0!important;grid-template-columns:1fr 1fr!important;gap:8px!important;flex:none}
 body .landing-bottom .corner-themes{grid-row:1!important}
 body .landing-bottom .corner-left{grid-column:1!important}
 body .landing-bottom .corner-right{grid-column:2!important}
 body .landing-bottom>.theme-switcher{display:none!important}
 body .corner-themes .theme-choice{width:clamp(43px,13vw,62px)!important;height:50px!important;min-height:50px!important}
 body[data-theme=network] .search-landing .world-stage{position:relative!important;inset:auto!important;transform:none!important;width:min(340px,100%)!important;height:176px!important;flex:none;margin:8px auto 0!important}
 body .collection-section{padding-top:30px!important}
 body .top-actions .landing-weather #weatherTemperature{font-size:14px!important}
 body:not([data-theme=network]) .world-stage.world-pair-below{height:190px!important;margin:0 auto!important}
}
/* Notification list and detail use the active theme. */
#noticeList{max-height:min(55svh,440px);overflow:auto}.notice-list-item{width:100%;display:grid;gap:7px;text-align:left;padding:14px;margin:8px 0;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--glass);cursor:pointer}.notice-list-item:hover,.notice-list-item:focus-visible{border-color:var(--accent);background:var(--glass-deep)}.notice-list-item b{font-size:14px;overflow-wrap:anywhere}.notice-list-item span,.notice-message,#noticeDate{font-size:12px;color:var(--muted)}.notice-list-item:disabled{opacity:.65;cursor:wait}.notice-dialog{max-height:85svh;overflow:auto}#noticeBody{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;margin:20px 0}#noticeDetailImage{max-width:100%;max-height:60svh;object-fit:contain;border-radius:12px}
/* V14: account tools, single portrait scene and a foreground engine picker. */
body #quickTools[hidden],body #editQuickTools[hidden]{display:none!important}
body .landing-center:has(.engine-menu:not([hidden])){z-index:70!important}
body .search-box:has(.engine-menu:not([hidden])){z-index:80!important}
body .engine-menu{z-index:100!important;background:var(--glass-deep)!important;isolation:isolate}
#quickToolsDialog{max-height:90svh;overflow:auto;width:min(760px,calc(100% - 24px))}.quick-selected-heading{display:flex;justify-content:space-between;margin:20px 0 12px;color:var(--text)}.quick-selected{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:22px}.quick-selected-slot{min-width:0;min-height:78px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.quick-selected-slot:disabled{border-style:dashed;color:var(--muted);cursor:default}.quick-selected-slot img{width:28px;height:28px;object-fit:contain}.quick-selected-slot span{font-size:12px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body #quickToolsChoices{display:block;max-height:40svh;overflow:auto}.quick-choice-group{margin:0 0 20px}.quick-choice-group h3{font-size:15px;margin:0 0 10px;color:var(--text)}.quick-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-choice-grid button{min-width:0;display:flex;align-items:center;gap:8px}.quick-choice-grid button span{overflow-wrap:anywhere}
@media(orientation:portrait),(max-width:700px),(max-width:960px) and (max-height:500px){
 body .search-landing{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;overflow:visible!important;padding-bottom:12px!important}
 body .search-landing>.topbar{position:relative!important;inset:auto!important;flex:none}
 body .search-landing .landing-center{position:relative!important;inset:auto!important;transform:none!important;height:auto!important;width:calc(100% - 32px)!important;margin:24px auto 0!important;display:flex!important;flex-direction:column;align-items:center}
 body .landing-intro{position:static!important;width:100%;margin:0 0 20px}
 body .landing-center .search-box{position:relative!important;inset:auto!important;transform:none!important;height:54px!important;flex:none}
 body .landing-center .daily-quote{position:static!important;margin:14px 0 0!important}
 body .landing-center .quick-tools{position:static!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;width:min(480px,100%)!important;margin:18px 0 0!important}
 body .search-landing .world-stage{position:relative!important;inset:auto!important;transform:none!important;width:min(340px,100%)!important;height:176px!important;flex:none;margin:8px auto 0!important;order:0}
 body .search-landing .landing-bottom{position:relative!important;inset:auto!important;width:calc(100% - 32px)!important;max-width:960px!important;margin:8px auto 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;order:1}
 body .landing-bottom .corner-themes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;width:100%!important;justify-self:stretch!important;grid-row:1!important}
 body .landing-bottom .corner-left{grid-column:1!important}body .landing-bottom .corner-right{grid-column:2!important}
 body .corner-themes .theme-choice{width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;padding:5px 2px!important}
 body .corner-themes .theme-choice span{font-size:11px!important}
 body .landing-bottom>.theme-switcher{display:none!important}
 body .world-stage,body .landing-bottom{z-index:2!important}
 body .engine-menu{max-height:min(45svh,340px)!important;overflow-y:auto!important;backdrop-filter:none!important}
 .quick-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
body.engine-open .landing-center{z-index:70!important}body.engine-open .search-box{z-index:80!important;overflow:visible!important}
@media(orientation:portrait),(max-width:700px),(max-width:960px) and (max-height:500px){body .search-landing .landing-center,body .search-landing .landing-bottom{width:calc(100% - 32px)!important;max-width:790px!important}body .search-landing .world-stage{max-width:340px!important}body .landing-center .quick-tools>a{width:100%!important;max-width:none!important}}
@media(orientation:portrait),(max-width:700px),(max-width:960px) and (max-height:500px){body #worldStage{position:relative!important;inset:auto!important;transform:none!important;width:min(340px,100%)!important;max-width:340px!important;height:176px!important;flex:none;margin:8px auto 0!important;order:0}}
.auth-links{display:flex;justify-content:flex-end;gap:20px;margin-top:12px}.auth-links button{border:0;background:transparent;color:var(--muted);font-size:14px;padding:4px 0;cursor:pointer}.auth-links button:hover{color:var(--accent)}.auth-links[hidden],.auth-links button[hidden]{display:none}.account-avatar.guest-avatar{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--muted)!important}.account-avatar.guest-avatar svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor;stroke-width:1.6}#greetingCount{display:block;text-align:right}#quickToolsDialog #saveQuickTools{margin:0 0 22px}
.account-avatar.guest-avatar svg *{fill:none!important}
/* Bottom hot lists share the collection's outer edges and theme surfaces. */
body .page-grid{grid-template-columns:var(--rail-width,220px) minmax(0,1fr)}
body .hot-board{padding:24px clamp(24px,4vw,76px) 0;width:100%;box-sizing:border-box}
body .hot-board[hidden]{display:none}
.hot-cards{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity}
.hot-cards .hot-panel{margin:0;padding:22px;min-width:0;min-height:0;height:510px;display:flex;flex-direction:column;background:var(--glass);border:1px solid var(--line);box-shadow:none;scroll-snap-align:start}
.hot-cards h2{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--text);margin:0 0 22px}.hot-cards h2 img{object-fit:contain}
.hot-cards .hot-list{display:block;flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin}
.hot-cards .hot-list li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:start;gap:9px;margin-bottom:14px;min-height:28px}
.hot-cards .hot-list a{font-size:15px;line-height:1.65;color:var(--text);white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hot-cards .hot-list a:hover{color:var(--accent)}.hot-cards .rank{font-size:14px;color:var(--text);background:var(--line);border-radius:6px;text-align:center;line-height:26px}
.hot-cards .hot-list li:nth-child(1) .rank{background:#f13657;color:white}.hot-cards .hot-list li:nth-child(2) .rank{background:#f46d16;color:white}.hot-cards .hot-list li:nth-child(3) .rank{background:#f7ad17;color:#211906}
.hot-cards .hot-update{border-top:1px solid var(--line);padding-top:16px;margin-top:16px;color:var(--muted);font-size:14px;justify-content:flex-end}.hot-cards .hot-empty{display:block!important;color:var(--muted);font-size:15px}.hot-cards .hot-badge{font-size:12px;color:var(--muted)}
@media(max-width:1350px){body .hot-board{padding-inline:24px}.hot-cards{grid-auto-columns:calc((100% - 36px)/3)}}
@media(max-width:880px){body .page-grid{display:block}body .hot-board{padding-inline:20px}.hot-cards{grid-auto-columns:calc((100% - 18px)/2)}}
@media(max-width:560px){.hot-cards{grid-auto-columns:100%}.hot-cards .hot-panel{height:460px;padding:20px}}

/* V21: hover is a preview; selected tools have a distinct checked state. */
.quick-choice-grid button {position:relative;padding-right:38px}
.quick-choice-grid button:hover:not([aria-pressed="true"]) {background:rgba(148,163,184,.16);border-color:#94a3b8}
.quick-choice-grid button[aria-pressed="true"],.quick-choice-grid button[aria-pressed="true"]:hover {background:rgba(36,136,169,.28);border-color:#79d5ec;box-shadow:inset 0 0 0 1px #79d5ec}
.quick-choice-grid button[aria-pressed="true"]::after {content:'✓';position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#79d5ec;color:#092432;font-weight:800;font-size:14px}

/* Stable overlay surfaces do not resample animated video/WebGL frames. */
body .dialog {z-index:1001;background:var(--theme-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;animation:none!important;transition:none!important}
body .modal-backdrop {z-index:1000;background:rgba(2,6,14,.72);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.is-dialog-open .app-shell {pointer-events:none}
body.is-dialog-open .app-shell * {animation-play-state:paused!important}
body .collection-section .site-card,body .collection-section .left-rail,body .collection-section .directory-panel,body .collection-section .activity-panel,body .collection-section .hot-panel {backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

body .toast{z-index:1010}

/* V22: bounded directory scrolling with a persistent draggable thumb. */
body .category-scroll-wrap{position:relative;flex:1;min-height:0;overflow:hidden;margin-bottom:12px}
body .category-scroll-wrap .category-nav{height:100%;overflow-y:auto;overflow-x:hidden;padding:12px 16px 12px 0;scrollbar-width:none;overscroll-behavior:contain}
.category-scrollbar{position:absolute;top:3px;bottom:3px;right:1px;width:8px;border-radius:10px;background:rgba(var(--accent-rgb),.09);touch-action:none;cursor:pointer;z-index:4}
.category-scroll-thumb{position:absolute;inset:0 0 auto;height:30px;border-radius:10px;background:rgba(var(--accent-rgb),.5)}
.category-scrollbar:hover .category-scroll-thumb,.category-scrollbar:focus-visible .category-scroll-thumb{background:var(--accent)}
body .rail-top,body .rail-account,body .rail-note{flex-shrink:0}

@media(min-width:881px){.left-rail{min-height:0;max-height:calc(100svh - 48px)}}
/* V23 navigation icons and footer links share the existing visual tone. */
.utility-icon img{width:21px;height:21px;object-fit:contain}.utility-link.utility-with-text{width:auto!important;flex-basis:auto;display:flex;gap:8px;padding:0 12px}.utility-with-text .utility-label{position:static;display:block;opacity:1;transform:none!important;background:none;border:0;box-shadow:none;white-space:nowrap;padding:0;color:inherit;font-size:12px;pointer-events:none}.utility-with-text .utility-label:before{display:none}
.site-footer a,.site-footer a:hover,.site-footer span,.site-footer p{color:inherit!important}.site-footer p{margin:0}.site-footer a{display:inline-flex;align-items:center;gap:5px}.site-footer img{width:16px;height:16px;object-fit:contain;vertical-align:middle}.site-footer .police-record{display:inline-flex;align-items:center;gap:5px}

.utility-with-text .utility-icon{width:21px;height:21px;flex:0 0 21px}.utility-with-text .utility-label{min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis}
@media (min-width:1101px) and (pointer:fine){.utility-nav{max-width:min(44vw,760px);overflow-x:auto;scrollbar-width:thin}.utility-link:not(.utility-with-text) .utility-label{display:none}}
@media (max-width:1100px), (max-width:1366px) and (pointer:coarse){.utility-nav .utility-link{width:100%!important;height:70px!important;flex-basis:auto;min-width:0;padding:8px 3px;gap:7px}.utility-nav .utility-link .utility-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12px}.utility-nav{max-height:min(60dvh,480px);overflow-y:auto}}
