/* DAYSTY app shell: desktop left navigation + framed full-screen pages (Watch, Live, Messages) */
.d-an { display: none; }
.d-rail { display: none; }
@media (min-width: 1025px) {
  body.d-shell { --nav-w: 248px; background: #0A0A0D; overflow: hidden; }
  .d-an { position: fixed; z-index: 75; top: 0; left: 0; bottom: 0; width: var(--nav-w); display: flex; flex-direction: column; gap: 12px; padding: 18px 12px 14px; background: #0E0E12; border-right: 1px solid rgba(255,255,255,.07); overflow-y: auto; scrollbar-width: thin; color: #F3F3F6; }
  .d-an__brand { display: block; padding: 2px 8px 4px; }
  .d-an__search { display: flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px; border-radius: 999px; background: #1A1A21; border: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.6); }
  .d-an__search svg { width: 18px; height: 18px; flex: none; }
  .d-an__search input { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; color: #fff; font-size: 14px; outline: none; }
  .d-an__search:focus-within { border-color: #8B5CF6; }
  .d-an__nav { display: flex; flex-direction: column; gap: 2px; }
  .d-an__i { position: relative; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; color: rgba(255,255,255,.86); text-decoration: none; font: 700 16px var(--d-font-body); }
  .d-an__i svg { width: 24px; height: 24px; flex: none; }
  .d-an__i:hover { background: rgba(255,255,255,.06); }
  .d-an__i[aria-current="page"] { color: #FB3B5C; background: rgba(251,59,92,.08); }
  .d-an__n { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; display: grid; place-items: center; border-radius: 999px; background: #E11D48; color: #fff; font: 800 11px var(--d-font-body); font-style: normal; }
  .d-an__n[hidden] { display: none; }
  .d-an__fol { border-top: 1px solid rgba(255,255,255,.08); padding-top: 10px; }
  .d-an__fol h2 { margin: 0 0 6px; padding: 0 12px; font: 700 13px var(--d-font-body); color: rgba(255,255,255,.55); }
  .d-an__acc { display: flex; align-items: center; gap: 10px; padding: 7px 12px; border-radius: 10px; color: #fff; text-decoration: none; }
  .d-an__acc:hover { background: rgba(255,255,255,.06); }
  .d-an__av { flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #2A2A33 center / cover no-repeat; font: 800 14px var(--d-font-body); }
  .d-an__av.is-live { box-shadow: 0 0 0 2px #0E0E12, 0 0 0 4px #E11D48; }
  .d-an__t { min-width: 0; display: flex; flex-direction: column; line-height: 1.2; }
  .d-an__t b { font: 700 14px var(--d-font-body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .d-an__t small { font-size: 12px; color: rgba(255,255,255,.55); }
  .d-an__join { padding: 12px; border-radius: 14px; background: #16161C; border: 1px solid rgba(255,255,255,.08); display: grid; gap: 8px; }
  .d-an__join p { margin: 0; font-size: 13px; color: rgba(255,255,255,.7); line-height: 1.45; }
  .d-an__foot { margin-top: auto; padding: 10px 6px 0; }
  .d-an__pill { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: #1A1A21; border: 1px solid rgba(255,255,255,.1); color: #fff; font: 700 13px var(--d-font-body); text-decoration: none; }
  .d-an__pill svg { width: 16px; height: 16px; color: #FBBF24; }
  .d-an__foot p { margin: 10px 4px 0; font-size: 12px; color: rgba(255,255,255,.45); }
  .d-an__foot a { color: inherit; }
  .d-an a:focus-visible, .d-an input:focus-visible { outline: 2px solid #8B5CF6; outline-offset: 2px; }

  body.d-shell .d-reels, body.d-shell .d-lives { left: var(--nav-w); top: 0; bottom: 0; background: #0A0A0D; scroll-padding-top: 0; }
  body.d-shell .d-rtop { left: var(--nav-w); }
  body.d-shell .d-rtop__brand { display: none; }

  body.d-shell .d-lives { padding: 0; scroll-snap-type: y mandatory; }
  body.d-shell .d-lv { height: calc(100% - 28px); min-height: calc(100% - 28px); margin: 14px auto; border-radius: 20px; background: #16161B; box-shadow: 0 0 0 1px rgba(255,255,255,.06); }
  body.d-shell .d-lv__stage { border-radius: 20px; }
  body.d-shell .d-lv__top { top: 62px; }
  body.d-shell .d-lv__bar .d-lv__btn { position: absolute; right: 14px; bottom: 80px; width: 44px; height: 44px; opacity: 0; pointer-events: none; }
  body.d-shell .d-rnav { position: fixed; z-index: 70; right: 22px; top: 96px; bottom: auto; left: auto; transform: none; display: flex; flex-direction: column; gap: 12px; }
  body.d-shell .d-rail { position: fixed; z-index: 70; right: 14px; bottom: 22px; display: flex; flex-direction: column; align-items: center; gap: 10px; width: 72px; }
  body.d-shell .d-rail[hidden] { display: none; }
  .d-rail__b { display: flex; flex-direction: column; align-items: center; gap: 5px; border: 0; background: none; color: #fff; cursor: pointer; font: 700 12px var(--d-font-body); }
  .d-rail__b i { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.12); transition: background .15s, transform .1s; }
  .d-rail__b:hover i { background: rgba(255,255,255,.2); }
  .d-rail__b:active i { transform: scale(.92); }
  .d-rail__b svg { width: 24px; height: 24px; }
  .d-rail__b--heart i { background: linear-gradient(135deg, #E11D48, #7C3AED); }
  .d-rail__av { position: relative; display: block; margin-bottom: 26px; }
  .d-rail__av > a { width: 50px; height: 50px; border-radius: 50%; display: grid; place-items: center; background: #2A2A33 center / cover no-repeat; border: 2px solid #E11D48; color: #fff; font: 800 18px var(--d-font-body); text-decoration: none; }
  .d-rail__live { position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); padding: 1px 6px; border-radius: 4px; background: #E11D48; color: #fff; font: 800 9px var(--d-font-body); letter-spacing: .06em; }
  .d-rail__fol { position: absolute; left: 50%; bottom: -28px; transform: translateX(-50%); width: 22px; height: 22px; border: 0; border-radius: 50%; background: #E11D48; color: #fff; font: 800 16px/1 var(--d-font-body); cursor: pointer; display: grid; place-items: center; }
  .d-rail__fol[hidden] { display: none; }
  .d-rail__fol[aria-pressed="true"] { background: #3A3A44; font-size: 12px; }
  .d-rail__fol[aria-pressed="true"]::before { content: "\2713"; }
  .d-rail__fol[aria-pressed="true"] span { display: none; }
  body.d-shell .d-rnav button { width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; border: 0; display: grid; place-items: center; cursor: pointer; }
  body.d-shell .d-rnav button:hover { background: rgba(255,255,255,.22); }
  body.d-shell .d-lv__state p { font-size: 17px; }
  body.d-shell .d-lv__state .d-btn--primary { border-radius: 999px; padding: 12px 22px; font-weight: 800; }

  body.d-shell .d-mtop, body.d-shell .d-mtab { display: none; }
  body.d-shell .d-msgs { position: fixed; top: 14px; bottom: 14px; left: calc(var(--nav-w) + 14px); right: 14px; max-width: 1240px; margin: 0 auto; border-radius: 20px; overflow: hidden; background: #131318; border: 1px solid rgba(255,255,255,.08); grid-template-columns: 380px 1fr; }
  body.d-shell .d-mempty--solo { inset: 0 0 0 var(--nav-w); }
  body.d-shell .d-mtoast { bottom: 40px; }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  body.d-shell { --nav-w: 76px; }
  .d-an__i span, .d-an__search input, .d-an__fol h2, .d-an__t, .d-an__join, .d-an__foot p, .d-an__brand { display: none; }
  .d-an__i { justify-content: center; }
  .d-an__n { position: absolute; top: 2px; right: 6px; margin: 0; }
  .d-an__search { justify-content: center; padding: 0; }
  .d-an__pill { font-size: 0; padding: 10px; }
  .d-an__pill svg { width: 18px; height: 18px; }
  .d-an__acc { justify-content: center; padding: 6px 0; }
  body.d-shell .d-msgs { grid-template-columns: 320px 1fr; }
}