.vv-sidebar {
  position: relative;
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: 28px;
  width: 232px;
  flex: 0 0 232px;
  align-self: stretch;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 28px 14px 24px;
  background: var(--wine-dark);
  color: #eadfe3;
}
.vv-sidebar__brand {display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:none}
.vv-sidebar__brand-name {display:flex;align-items:center;gap:10px;font:400 26px/1.2 Georgia,"Times New Roman",serif;color:#fffefa;white-space:nowrap}
.vv-sidebar__brand-name svg {flex:none}
.vv-sidebar__tagline {padding-left:34px;font-size:13px;line-height:1.5;color:#c9b8be;white-space:nowrap}
.vv-sidebar__nav {display:flex;flex-direction:column;gap:28px;flex:1;min-height:515px}
.vv-sidebar__group {display:flex;flex-direction:column;gap:2px}
.vv-sidebar__item {display:flex;align-items:center;gap:12px;min-height:44px;width:100%;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:#eadfe3;font-size:14px;font-weight:400;line-height:1.5;text-align:left;text-decoration:none;white-space:nowrap;flex:none}
.vv-sidebar__item svg {flex:none}
.vv-sidebar__item:hover {background:rgba(255,255,255,.07);color:#fffefa}
.vv-sidebar__item.is-active {background:rgba(255,255,255,.12);color:#fffefa;font-weight:600}
.vv-sidebar__label {flex:1;min-width:0}
.vv-sidebar__count {font-size:13px;font-weight:400;color:#c9b8be}
.vv-sidebar__badge {min-width:28px;padding:1px 8px;border-radius:999px;background:var(--badge,#ecd2b8);color:var(--wine-dark);font-size:12px;font-weight:700;line-height:1.5;text-align:center}
.vv-sidebar__todo {display:flex;flex-direction:column;gap:6px}
.vv-sidebar__group-label {padding:0 12px;color:#b9a5ad;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}
.vv-sidebar__secondary {display:flex;flex-direction:column;gap:2px;margin-top:auto}
.vv-sidebar__secondary .vv-sidebar__item {color:#d6c8cd}
.vv-sidebar__secondary .vv-sidebar__item.is-active {color:#fffefa}
.vv-sidebar__storage {margin:14px 12px 0;font-size:12px;line-height:1.5;color:#c9b8be}
.vv-sidebar__item:focus-visible {outline:3px solid var(--badge,#ecd2b8);outline-offset:2px}
.vv-mobile-header,.vv-bottom-nav {display:none}
.vv-bottom-nav {--muted:#63665d}
.vv-more-menu {display:grid;gap:8px}
.vv-more-menu__item {display:flex;align-items:center;gap:12px;min-height:52px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left;font-size:14px;line-height:1.5}
.vv-more-menu__item span {flex:1}
.vv-more-menu__item svg {flex:none;color:var(--wine)}
.vv-more-menu__item:hover,.vv-more-menu__item.is-active {background:var(--wine-soft,#f3e4e8);border-color:#d0b6bf;color:var(--wine)}
.vv-more-menu__item.is-active {font-weight:600}
#modal:has(.vv-more-menu) .icon-btn {width:44px;height:44px}
#modal:has(.vv-more-menu) .modal-footer .btn {min-height:44px}

@media(max-width:767px) {
  .vv-sidebar {display:none}
  .vv-mobile-header {position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;width:100%;padding:0 14px 0 20px;background:var(--wine-dark);color:#fffefa}
  .vv-mobile-header__brand {display:flex;align-items:center;gap:8px;min-width:0;font:400 22px/1 Georgia,"Times New Roman",serif;white-space:nowrap}
  .vv-mobile-header__brand svg {flex:none}
  .vv-mobile-header__add {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:10px;background:var(--surface);color:var(--wine);font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;flex:none}
  .vv-mobile-header__add svg {flex:none}
  .vv-mobile-header__add:hover {background:#f3e4e8}
  .vv-mobile-header__add:focus-visible {outline:3px solid var(--badge,#ecd2b8);outline-offset:2px}
  .vv-bottom-nav {position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(72px + env(safe-area-inset-bottom,0px));padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface);color:var(--muted,#63665d)}
  .vv-bottom-nav__item {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:0;padding:5px 2px;border:0;border-radius:8px;background:transparent;color:var(--muted,#63665d);font-size:12px;font-weight:400;line-height:1.2;text-align:center;white-space:nowrap}
  .vv-bottom-nav__icon {position:relative;display:block;width:22px;height:22px;flex:none}
  .vv-bottom-nav__icon svg {display:block}
  .vv-bottom-nav__item.is-active {color:var(--wine);font-weight:600}
  .vv-bottom-nav__item:hover {background:var(--wine-soft,#f3e4e8);color:var(--wine)}
  .vv-bottom-nav__item:focus-visible {outline:3px solid var(--wine);outline-offset:-2px}
  .vv-bottom-nav__badge {position:absolute;top:-5px;left:calc(50% + 3px);min-width:28px;padding:1px 6px;border-radius:999px;background:var(--wine);color:#fffefa;font-size:12px;font-weight:700;line-height:16px;text-align:center}
}