:root {
  --bg: #f2f4f8;
  --panel-rgb: 255,255,255;
  --panel: rgba(var(--panel-rgb), var(--glass-opacity, .76));
  --panel-strong: rgba(var(--panel-rgb), .91);
  --card: rgba(255,255,255,.72);
  --card-hover: rgba(255,255,255,.93);
  --text: #17191d;
  --muted: #747b86;
  --subtle: #a1a7b0;
  --line: rgba(19,28,45,.085);
  --line-strong: rgba(19,28,45,.14);
  --accent: #5966ee;
  --accent-soft: rgba(89,102,238,.11);
  --danger: #d84e58;
  --shadow: 0 26px 80px rgba(14,25,47,.16);
  --shadow-card: 0 8px 26px rgba(28,38,60,.065);
  --glass-opacity: .76;
}
html[data-theme="dark"] {
  --bg: #0e1117;
  --panel-rgb: 18,21,28;
  --panel-strong: rgba(18,21,28,.92);
  --card: rgba(29,33,42,.72);
  --card-hover: rgba(36,41,51,.93);
  --text: #f3f5f7;
  --muted: #a0a6b0;
  --subtle: #6f7682;
  --line: rgba(255,255,255,.075);
  --line-strong: rgba(255,255,255,.13);
  --accent: #8790ff;
  --accent-soft: rgba(135,144,255,.13);
  --danger: #ff7680;
  --shadow: 0 30px 86px rgba(0,0,0,.32);
  --shadow-card: 0 10px 30px rgba(0,0,0,.22);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; scroll-behavior: smooth; }
body {
  min-height: 100vh; overflow-x: hidden; color: var(--text); background: var(--bg);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", sans-serif;
  transition: background .25s ease, color .25s ease;
}
button, input, select { font: inherit; }
button { color: inherit; }

.wallpaper { position: fixed; inset: 0; z-index: -5; background-size: cover; background-position: center; transition: background .35s ease, opacity .35s ease; }
html[data-background="clean"] .wallpaper { background: var(--bg); }
html[data-background="sky"] .wallpaper {
  background:
    radial-gradient(circle at 78% 16%, rgba(255,255,255,.93) 0 3%, transparent 14%),
    radial-gradient(circle at 22% 10%, rgba(255,255,255,.72) 0 4%, transparent 18%),
    linear-gradient(180deg, #6caef5 0%, #b9dcfb 41%, #e7eef5 62%, #a7b8c8 100%);
}
html[data-background="sky"] .wallpaper::after {
  content:""; position:absolute; inset: 58% -8% -10%; opacity:.5;
  background: linear-gradient(102deg, transparent 0 19%, rgba(255,255,255,.52) 20% 22%, transparent 23% 46%, rgba(255,255,255,.32) 47% 49%, transparent 50%), linear-gradient(180deg,#a7b3bf,#61798e);
  clip-path: polygon(0 35%,100% 0,100% 100%,0 100%);
}
html[data-background="ocean"] .wallpaper { background: radial-gradient(circle at 18% 15%, rgba(255,255,255,.65), transparent 26%), linear-gradient(145deg,#8cd4de 0%,#4e94bd 45%,#275378 100%); }
html[data-background="aurora"] .wallpaper { background: radial-gradient(circle at 17% 12%,#8ee8c8 0,transparent 34%), radial-gradient(circle at 72% 18%,#97a5ff 0,transparent 35%), radial-gradient(circle at 70% 80%,#db9de7 0,transparent 34%), linear-gradient(145deg,#153b4b,#24345f 55%,#451f54); }
html[data-background="night"] .wallpaper { background: radial-gradient(circle at 20% 15%,rgba(121,156,255,.22),transparent 26%), radial-gradient(circle at 80% 8%,rgba(255,255,255,.13),transparent 15%), linear-gradient(150deg,#08101e,#17203a 48%,#061826); }
html[data-background="custom"] .wallpaper { background-color:#111; }
html[data-background="clean"] .ambient { opacity:.55; }
html:not([data-background="clean"]) .ambient { opacity:.2; }

.ambient { position: fixed; pointer-events: none; filter: blur(90px); border-radius: 999px; z-index: -4; }
.ambient-one { width: 430px; height: 430px; background: rgba(93,103,244,.18); top: -150px; left: 20%; }
.ambient-two { width: 360px; height: 360px; background: rgba(79,197,255,.15); bottom: -140px; right: 4%; }

.app-shell {
  width: min(1480px, calc(100vw - 36px)); min-height: calc(100vh - 36px); margin: 18px auto;
  display: grid; grid-template-columns: 252px 1fr; border: 1px solid rgba(255,255,255,.28);
  background: var(--panel); box-shadow: var(--shadow); backdrop-filter: blur(30px) saturate(125%);
  border-radius: 30px; overflow: hidden;
}
.sidebar { display:flex; flex-direction:column; padding:28px 20px 22px; border-right:1px solid var(--line); background:color-mix(in srgb,var(--panel-strong) 78%,transparent); }
.brand-row { display:flex; align-items:center; gap:12px; padding:0 8px 26px; }
.brand-mark { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:white; font-weight:800; font-size:18px; background:linear-gradient(145deg,#4557db,#7f8cff); box-shadow:0 10px 24px rgba(75,87,224,.3); }
.brand-title { font-weight:760; letter-spacing:-.025em; }
.brand-subtitle { font-size:12px; color:var(--muted); margin-top:1px; }
.side-nav,.quick-links { display:grid; gap:6px; }
.nav-item,.quick-link { width:100%; border:0; background:transparent; cursor:pointer; display:flex; align-items:center; gap:11px; border-radius:12px; padding:10px 11px; color:var(--muted); text-align:left; text-decoration:none; transition:.18s ease; }
.nav-item:hover,.quick-link:hover { background:var(--card); color:var(--text); }
.nav-item.active { background:var(--card); color:var(--text); box-shadow:inset 0 0 0 1px var(--line); }
.nav-icon { width:22px; min-width:22px; text-align:center; font-size:15px; opacity:.95; }
.sidebar-divider { height:1px; background:var(--line); margin:18px 8px; }
.side-label,.section-kicker,.eyebrow { font-size:10px; font-weight:800; letter-spacing:.15em; color:var(--subtle); }
.side-label { padding:0 10px 10px; }
.quick-links-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.quick-links-heading .side-label { padding-bottom:0; }
.quick-links-heading .quick-links-edit { width:30px; height:30px; border-radius:9px; flex-shrink:0; }
.quick-links-card { max-height:calc(100dvh - 34px); display:flex; flex-direction:column; overflow:hidden; }
.quick-links-card .drawer-header,.quick-links-card > .section-description { flex-shrink:0; }
#quickLinksForm { margin-top:18px; display:flex; flex-direction:column; min-height:0; }
#quickLinksEditor { display:grid; grid-auto-rows:max-content; align-content:start; gap:14px; margin-bottom:16px; min-height:0; overflow-y:auto; padding:3px; }
#addQuickLinkButton { align-self:flex-start; flex-shrink:0; }
.quick-link-editor-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr) 34px; gap:10px; align-items:end; }
.quick-link-editor-row label { display:grid; gap:6px; min-width:0; color:var(--muted); font-size:12px; }
.quick-link-editor-row input { width:100%; min-width:0; border:1px solid var(--line); background:var(--card); color:var(--text); border-radius:10px; padding:10px; }
.quick-link-editor-row input:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.quick-link-editor-row .quick-link-remove { width:34px; height:40px; color:var(--danger); }
.quick-links-actions { justify-content:flex-end; flex-shrink:0; }
.quick-links-error { color:var(--danger); font-size:12px; line-height:1.6; flex-shrink:0; }
.quick-links-error:empty { display:none; }
@media(max-width:520px) {
  .quick-link-editor-row { grid-template-columns:minmax(0,1fr) 34px; }
  .quick-link-editor-row label:first-child { grid-column:1; }
  .quick-link-editor-row label:nth-child(2) { grid-column:1; grid-row:2; }
  .quick-link-remove { grid-column:2; grid-row:1 / span 2; align-self:center; }
}
.apps-status { margin:0; padding:8px 12px; color:var(--muted); font-size:12px; }
.sidebar-spacer { flex:1; }
.version { color:var(--subtle); font-size:11px; padding:16px 12px 0; }

.main-panel { padding:20px 34px 30px; min-width:0; }
.topbar { display:flex; align-items:center; gap:14px; position:sticky; top:14px; z-index:12; }
.search-shell { min-width:0; flex:1; max-width:700px; height:46px; display:flex; align-items:center; gap:12px; padding:0 14px; border:1px solid var(--line); border-radius:15px; background:color-mix(in srgb,var(--card) 92%,transparent); cursor:text; color:var(--muted); box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 24px rgba(20,30,50,.04); backdrop-filter:blur(18px); }
.search-shell:hover { border-color:var(--line-strong); background:var(--card-hover); }
.search-shell:focus-within { outline:2px solid var(--accent); outline-offset:2px; }
.search-provider { font-size:18px; font-weight:800; color:var(--accent); flex-shrink:0; }
#googleSearchInput { min-width:0; width:100%; flex:1; padding:0; border:0; outline:none; background:transparent; color:var(--text); font-size:14px; }
#googleSearchInput::placeholder { color:var(--muted); opacity:1; }
.search-submit { display:flex; align-items:center; gap:5px; flex-shrink:0; min-height:32px; padding:5px 9px; border:1px solid var(--line); border-radius:10px; background:var(--card); color:var(--text); font-size:12px; font-weight:650; cursor:pointer; white-space:nowrap; }
.search-submit:hover { background:var(--accent-soft); }
.search-submit:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.shortcut { font-size:10px; border:1px solid var(--line); border-bottom-color:var(--line-strong); border-radius:7px; padding:4px 7px; color:var(--subtle); }
.topbar-actions { display:flex; gap:8px; }
.icon-button,.edit-button,.ghost-button,.primary-button,.danger-button { border:1px solid var(--line); cursor:pointer; transition:.18s ease; }
.icon-button { width:42px; height:42px; border-radius:12px; background:var(--card); }
.edit-button,.ghost-button { background:var(--card); padding:9px 13px; border-radius:12px; font-weight:680; }
.edit-button.active { background:var(--text); color:var(--bg); border-color:transparent; }
.ghost-button:hover,.icon-button:hover { background:var(--card-hover); border-color:var(--line-strong); }
.primary-button { border-color:transparent; background:var(--text); color:var(--bg); border-radius:11px; padding:10px 13px; font-weight:750; }
.danger-button { background:transparent; color:var(--danger); border-color:color-mix(in srgb,var(--danger) 28%,transparent); padding:9px 12px; border-radius:11px; }

.hero { min-height:238px; padding:54px 4px 36px; display:flex; align-items:end; justify-content:space-between; gap:24px; }
.hero h1 { margin:9px 0 10px; font-size:clamp(40px,5vw,68px); line-height:.98; letter-spacing:-.058em; }
.hero p { margin:0; max-width:760px; color:var(--muted); font-size:15px; line-height:1.75; }
.hero-chip { display:flex; align-items:center; gap:8px; white-space:nowrap; color:var(--muted); border:1px solid var(--line); background:var(--card); padding:8px 11px; border-radius:999px; font-size:12px; }
.status-dot { width:7px; height:7px; border-radius:50%; background:#53b86b; box-shadow:0 0 0 4px rgba(83,184,107,.1); }

.content-section { padding:22px 0 10px; scroll-margin-top:88px; }
.secondary-section { padding-top:38px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:18px; }
.section-heading h2 { font-size:25px; margin:6px 0 0; letter-spacing:-.038em; }
.section-description { margin:7px 0 0; color:var(--muted); font-size:12px; line-height:1.6; max-width:700px; }
.compact-heading { margin-bottom:14px; }
.section-actions { display:flex; gap:8px; }
.site-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(145px,1fr)); gap:13px; min-height:116px; padding:2px; }
.compact-grid { grid-template-columns:repeat(auto-fill,minmax(137px,1fr)); }
.site-card { position:relative; min-height:116px; padding:15px; border-radius:20px; border:1px solid var(--line); background:var(--card); box-shadow:var(--shadow-card); cursor:pointer; user-select:none; display:flex; flex-direction:column; justify-content:space-between; transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease; backdrop-filter:blur(14px); }
.site-card:hover { transform:translateY(-3px); background:var(--card-hover); border-color:var(--line-strong); box-shadow:0 15px 34px rgba(28,33,42,.11); }
.site-card.dragging { opacity:.4; transform:scale(.98); }
.site-card.drop-target { outline:2px solid var(--accent); outline-offset:2px; }
.site-logo { width:47px; height:47px; border-radius:15px; display:grid; place-items:center; background:rgba(255,255,255,.72); overflow:hidden; border:1px solid rgba(30,40,60,.07); box-shadow:0 4px 14px rgba(20,30,55,.07); }
html[data-theme="dark"] .site-logo { background:rgba(255,255,255,.92); }
.site-logo img { width:29px; height:29px; object-fit:contain; }
.site-logo .fallback { width:100%; height:100%; place-items:center; font-size:17px; font-weight:820; letter-spacing:-.04em; color:#24272c; }
.compact-logo { width:36px; height:36px; border-radius:11px; box-shadow:none; }
.compact-logo img { width:23px; height:23px; }
.site-name { font-size:14px; font-weight:730; letter-spacing:-.016em; margin-top:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.site-domain { font-size:11px; color:var(--subtle); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.remove-chip { position:absolute; top:8px; right:8px; width:25px; height:25px; border-radius:999px; border:1px solid var(--line); background:var(--panel-strong); color:var(--muted); display:none; place-items:center; cursor:pointer; }
.editing .site-card .remove-chip { display:grid; }
.drag-hint { border:1px dashed var(--line-strong); color:var(--muted); border-radius:20px; min-height:116px; display:grid; place-items:center; text-align:center; padding:18px; background:color-mix(in srgb,var(--card) 52%,transparent); }

.world-section { padding-top:44px; }
.directory-board { border:1px solid var(--line); border-radius:24px; overflow:hidden; background:color-mix(in srgb,var(--card) 80%,transparent); box-shadow:var(--shadow-card); backdrop-filter:blur(16px); }
.directory-board.collapsed { display:none; }
.directory-group { display:grid; grid-template-columns:190px minmax(0,1fr); min-height:84px; }
.directory-group + .directory-group { border-top:1px solid var(--line); }
.directory-label { padding:16px 18px; display:flex; align-items:center; gap:12px; border-right:1px solid var(--line); background:color-mix(in srgb,var(--panel-strong) 50%,transparent); }
.directory-label strong { display:block; font-size:13px; }
.directory-label small { display:block; margin-top:3px; color:var(--subtle); font-size:10px; }
.directory-icon { width:35px; height:35px; border-radius:12px; display:grid; place-items:center; background:var(--accent-soft); color:var(--accent); font-size:12px; font-weight:800; }
.directory-sites { display:flex; align-items:center; gap:8px; padding:12px 14px; flex-wrap:wrap; }
.directory-site { border:1px solid transparent; background:transparent; cursor:pointer; display:flex; align-items:center; gap:8px; min-width:116px; max-width:100%; padding:7px 9px; border-radius:13px; color:var(--text); text-align:left; }
.directory-site:hover { background:var(--card-hover); border-color:var(--line); }
.directory-site span:last-child { font-size:12px; font-weight:650; min-width:0; white-space:normal; overflow-wrap:anywhere; }

.footer-note { color:var(--subtle); font-size:11px; padding:40px 2px 8px; }

.drawer { position:fixed; z-index:50; top:18px; right:18px; bottom:18px; width:min(410px,calc(100vw - 36px)); border:1px solid var(--line); border-radius:25px; background:var(--panel-strong); backdrop-filter:blur(30px) saturate(130%); box-shadow:-18px 0 70px rgba(20,25,38,.2); padding:22px; transform:translateX(calc(100% + 30px)); transition:transform .24s ease; display:flex; flex-direction:column; }
.drawer.open { transform:translateX(0); }
.drawer-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.drawer-header h3 { margin:6px 0 0; font-size:22px; letter-spacing:-.03em; }
.drawer-search-wrap { margin:18px 0 10px; }
.drawer-search-wrap input,.add-site-panel input,.add-site-panel select,.settings-row select { width:100%; border:1px solid var(--line); border-radius:12px; background:var(--card); color:var(--text); outline:none; }
.drawer-search-wrap input { height:42px; padding:0 12px; }
.category-filter { display:flex; gap:6px; overflow:auto; padding:0 0 11px; scrollbar-width:none; }
.category-filter::-webkit-scrollbar { display:none; }
.filter-chip { flex:0 0 auto; border:1px solid var(--line); background:transparent; color:var(--muted); border-radius:999px; padding:6px 9px; font-size:10px; cursor:pointer; }
.filter-chip.active { background:var(--text); color:var(--bg); border-color:transparent; }
.library-list { overflow:auto; display:grid; gap:8px; padding-right:2px; }
.library-item { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:11px; border:1px solid var(--line); background:var(--card); border-radius:14px; padding:9px 10px; cursor:grab; }
.library-item:active { cursor:grabbing; }
.library-meta { min-width:0; }
.library-name { font-weight:700; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.library-category { margin-top:2px; color:var(--subtle); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.library-add { border:0; background:var(--accent-soft); color:var(--accent); border-radius:9px; width:28px; height:28px; cursor:pointer; }
.drawer-divider { height:1px; background:var(--line); margin:15px 0; }
.add-site-panel summary { cursor:pointer; font-weight:700; padding:6px 0; }
.add-site-panel form { display:grid; gap:10px; padding-top:14px; }
.add-site-panel label { display:grid; gap:6px; font-size:11px; color:var(--muted); }
.add-site-panel input,.add-site-panel select { padding:10px 11px; }
.backdrop { position:fixed; inset:0; background:rgba(0,0,0,.08); opacity:0; pointer-events:none; z-index:40; transition:.2s; }
.backdrop.visible { opacity:1; pointer-events:auto; }

.modal-backdrop { position:fixed; inset:0; z-index:80; display:grid; place-items:center; background:rgba(10,12,16,.34); backdrop-filter:blur(11px); opacity:0; pointer-events:none; transition:.18s ease; }
.modal-backdrop.open { opacity:1; pointer-events:auto; }
.modal-card { width:min(580px,calc(100vw - 34px)); border:1px solid var(--line); border-radius:25px; background:var(--panel-strong); box-shadow:var(--shadow); padding:22px; }
.background-card { width:min(700px,calc(100vw - 34px)); }
.settings-group { margin-top:18px; padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--card); }
.settings-row,.range-row { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.settings-row + .settings-row { padding-top:15px; margin-top:15px; border-top:1px solid var(--line); }
.settings-row small,.settings-copy small,.range-row small { display:block; color:var(--muted); margin-top:4px; line-height:1.4; }
.settings-row select { width:auto; padding:8px 10px; }
.range-row input { width:220px; }
.button-row { display:flex; gap:9px; margin-top:14px; flex-wrap:wrap; }
.file-button { display:inline-flex; align-items:center; cursor:pointer; }
.file-button input { display:none; }
.danger-zone { display:flex; align-items:center; justify-content:space-between; gap:18px; }

.wallpaper-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:20px; }
.wallpaper-option { border:1px solid var(--line); background:var(--card); border-radius:16px; padding:9px; cursor:pointer; text-align:left; position:relative; color:var(--text); }
.wallpaper-option.active { border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft); }
.wallpaper-option strong,.wallpaper-option small { display:block; padding-inline:3px; }
.wallpaper-option strong { margin-top:8px; font-size:12px; }
.wallpaper-option small { margin-top:2px; font-size:10px; color:var(--subtle); }
.wallpaper-preview { display:block; height:86px; border-radius:11px; border:1px solid rgba(255,255,255,.25); overflow:hidden; }
.preview-clean { background:linear-gradient(145deg,#f3f5f8,#dfe4ea); }
.preview-sky { background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.9),transparent 20%),linear-gradient(180deg,#66acf3,#c7e4ff 55%,#8297a8); }
.preview-ocean { background:linear-gradient(145deg,#8bd5df,#3479a6 60%,#254a6b); }
.preview-aurora { background:radial-gradient(circle at 25% 25%,#7ee7c6,transparent 33%),radial-gradient(circle at 75% 20%,#8f9fff,transparent 34%),linear-gradient(145deg,#193c4a,#3a285d); }
.preview-night { background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.18),transparent 16%),linear-gradient(145deg,#07101c,#1d2946 55%,#071521); }
.preview-custom { display:grid; place-items:center; font-size:28px; color:var(--muted); background:repeating-linear-gradient(45deg,var(--card),var(--card) 10px,color-mix(in srgb,var(--card) 78%,var(--line)) 10px,color-mix(in srgb,var(--card) 78%,var(--line)) 20px); }
.custom-wallpaper input { display:none; }

.toast { position:fixed; z-index:120; bottom:28px; left:50%; transform:translate(-50%,20px); background:var(--text); color:var(--bg); border-radius:999px; padding:9px 14px; font-size:12px; opacity:0; pointer-events:none; transition:.2s ease; }
.toast.show { opacity:1; transform:translate(-50%,0); }

@media (max-width: 1000px) {
  .app-shell { width:calc(100vw - 20px); margin:10px; grid-template-columns:1fr; }
  .sidebar { display:none; }
  .main-panel { padding:16px 20px 26px; }
  .hero { min-height:205px; padding-top:42px; }
  .hero-chip { display:none; }
  .directory-group { grid-template-columns:150px 1fr; }
}
@media (max-width: 680px) {
  .topbar-actions .icon-button { display:none; }
  .site-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero h1 { font-size:44px; }
  .main-panel { padding-inline:14px; }
  .shortcut { display:none; }
  .directory-group { grid-template-columns:1fr; }
  .directory-label { border-right:0; border-bottom:1px solid var(--line); padding:12px 14px; }
  .directory-sites { padding:10px; }
  .directory-site { min-width:calc(50% - 4px); }
  .wallpaper-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .range-row { align-items:flex-start; flex-direction:column; }
  .range-row input { width:100%; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }

.language-control{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.language-control select{max-width:145px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:8px}.language-status{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:100;background:var(--panel-strong);color:var(--text);padding:10px 16px;border-radius:12px}.language-status:empty{display:none}.topbar-actions{align-items:center}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","PingFang TC","PingFang SC",sans-serif}@media(max-width:700px){.topbar{flex-wrap:wrap}.search-shell{flex-basis:100%;max-width:none}.topbar-actions{width:100%;justify-content:flex-end}.language-control{margin-right:auto}.hero{gap:16px}.hero-chip{white-space:normal}.hero h1{line-height:1.15}.section-heading{align-items:flex-start}.directory-label{overflow-wrap:anywhere}.hero{flex-wrap:wrap}}

/* Preserve navigation, Apps and Blog access on smaller screens. */
.mobile-menu,.mobile-nav-close,.navigation-backdrop{display:none}.navigation-backdrop[hidden]{display:none!important}
@media(max-width:1000px){.mobile-menu,.mobile-nav-close{display:inline-flex;align-items:center;justify-content:center}.mobile-nav-close{margin-left:auto}.mobile-nav-open .sidebar{display:flex;position:fixed;z-index:91;inset:0 auto 0 0;width:min(86vw,300px);max-height:100dvh;height:100dvh;overflow-y:auto;border-radius:0 18px 18px 0;background:var(--panel-strong);box-shadow:12px 0 40px #0003;padding:22px}.mobile-nav-open .navigation-backdrop{display:block;position:fixed;inset:0;z-index:90;border:0;border-radius:0;background:#10152b66;width:100%;height:100dvh}.mobile-nav-open{overflow:hidden}}
@media(max-width:700px){.topbar .mobile-menu{order:1}.topbar-actions{order:2;width:auto;flex:1}.search-shell{order:3;width:100%}.language-control{gap:5px}.language-control select{padding:7px;font-size:12px}.edit-button{padding:8px 11px}.topbar{gap:10px}}

/* A backdrop filter creates a containing block; release it while the viewport drawer is open. */
@media(max-width:1000px){.mobile-nav-open .app-shell{backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}}

@media(max-width:680px){html[lang="ja"] .hero h1{font-size:32px;letter-spacing:-.04em;line-height:1.2}}