/* v7 interface additions are isolated from the v6 design system. */
.v7-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;margin-bottom:0;padding:16px 18px;border-radius:16px;background:#eeeaff;border:1px solid #d6cfff;box-shadow:0 9px 23px #4034a214}
.v7-notice[hidden]{display:none}
.v7-notice-copy{min-width:0}.v7-notice strong{display:block;color:#4b3bb2;font-size:14px}.v7-notice p{margin:4px 0 0;color:#554d80;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.v7-notice button{border:1px solid #d7cef5;background:#fff;border-radius:10px;color:#6552c8;width:34px;height:34px;font-size:21px;flex-shrink:0}
.v7-dns-guide{font-size:12px;line-height:1.7;margin-top:16px;border-top:1px solid var(--stroke);padding:12px 2px 0;color:#72809d}
.v7-dns-guide summary{font-weight:800;cursor:pointer;color:#7465d9;list-style-position:inside}
.v7-dns-guide p{margin:10px 0 0}
.v7-dns-meta{display:block;margin-top:4px;font-size:10px;color:#756bd4;letter-spacing:.02em;font-weight:750}
.v7-app-status{display:block;font-size:10px;margin-top:6px;line-height:1.5;font-weight:650}
.v7-app-status[hidden]{display:none}.v7-status-ok{color:#238572}.v7-status-bad{color:#bd5970}
.v7-bottom-nav{display:none}
.v7-small-help{margin:-6px 0 12px;color:#71809d;font-size:11px;line-height:1.6}
.v7-sort-hint{font-size:11px;color:#8290a9;margin-top:4px;letter-spacing:.01em}
.v7-sort-item{cursor:grab;touch-action:pan-y}.v7-sort-item:active{cursor:grabbing}
.v7-item-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.v7-item-controls .btn{min-height:33px;padding:8px 12px}
.v7-icon-btn{border-radius:9px;border:1px solid var(--stroke);background:var(--card,white);min-width:33px;height:33px;font-size:18px;color:var(--ink);font-weight:800}
html[data-theme="dark"] .v7-notice{background:#242446;border-color:#4a4374}html[data-theme="dark"] .v7-notice strong{color:#dfd7ff}html[data-theme="dark"] .v7-notice p{color:#bdc8dc}html[data-theme="dark"] .v7-dns-meta{color:#afa5ff}html[data-theme="dark"] .v7-icon-btn{background:#26314b;color:#d6dcf4;border-color:#374560}
html[data-theme="dark"] .v7-dns-guide{border-color:#3d4565;color:#a6b7d0}
@media(max-width:760px){
  .v7-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);z-index:99;bottom:0;bottom:0;left:0;right:0;min-height:64px;background:rgba(255,255,255,.94);border-top:1px solid #e3e7f2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 24px #25335412}
  .v7-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:11px;font-weight:750;color:#65738c;min-width:0}
  .v7-bottom-nav a span{font-size:21px;line-height:1.2}.v7-bottom-nav a small{font-size:10px;font-weight:750;white-space:nowrap}
  .v7-bottom-nav a.active{color:#715ae0;background:#f1eeff}
  .site-page{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .site-page .site-footer{margin-bottom:0}
  html[data-theme="dark"] .v7-bottom-nav{background:rgba(19,29,48,.96);border-top-color:#34415e}
  html[data-theme="dark"] .v7-bottom-nav a{color:#a8b8d1}
  html[data-theme="dark"] .v7-bottom-nav a.active{color:#d0c7ff;background:#342e58}
}
@media(max-width:540px){.v7-item-controls{justify-content:flex-start}.v7-sort-item>.row{gap:12px}.v7-notice{margin-top:12px;padding:13px}.v7-dns-guide{font-size:11px}}
@media(prefers-reduced-motion:reduce){.v7-bottom-nav,.v7-sort-item{transition:none}}