@media (min-width: 1500px) { .welcome { gap: clamp(120px,13.8vw,300px); } }
@media (max-width: 1350px) {
  .welcome { gap: 80px; }
  .main { padding: 28px; }
  .record-card { width: 280px; }
  .home-evidence { width: 250px; }
  .mini-network { transform: scale(.85); transform-origin: 0 30px; }
  .home-constellation > h2 { font-size: 20px; }
  .filters select { padding: 9px 11px; }
}
@media (max-width: 1150px) {
  :root { --sidebar-width: 200px; }
  .main { padding: 24px; }
  .search { width: 260px; }
  .home-top { flex-direction: column; }
  .record-card { width: 100%; height: auto; display: flex; align-items: center; gap: 20px; text-align: left; }
  .record-card > p,.record-card .or,.record-label { display: none !important; }
  .record-card .mic-halo { width: 50px; height: 50px; margin: 0 12px; flex-shrink: 0; box-shadow: 0 0 0 6px rgba(174,149,246,.1); }
  .record-card .button { width: auto; margin-left: auto; }
  .home-constellation { flex: auto; }
  .mini-network { transform: none; }
  .home-evidence { width: 290px; }
  .journal-toolbar { flex-wrap: wrap; }
  .dream-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .welcome { gap: 40px; padding: 110px 40px 50px; }
  .welcome-story { width: 450px; }
  .welcome h1 { font-size: 46px; line-height: 1.08; }
  .welcome-lead { white-space: normal; }
  .welcome-graph { transform: scale(.85); transform-origin: left bottom; width: 450px; }
  .auth { width: 360px; padding: 30px; }
  .chapter-grid { gap: 16px; }
  .chapter-copy { padding: 16px; }
}
@media (max-width: 850px) {
  :root { --sidebar-width: 76px; }
  .sidebar { padding: 24px 10px; }
  .sidebar .brand { padding: 0 13px 28px; }
  .sidebar .brand span,.nav-link span { display: none; }
  .nav-link { justify-content: center; padding: 12px; }
  .topbar { flex-wrap: wrap; }
  .top-actions { flex: 1; }
  .search { flex: 1; width: auto; }
  .welcome { flex-direction: column; gap: 45px; }
  .welcome-story { width: min(520px,100%); }
  .welcome-graph { transform: none; width: 520px; max-width: 100%; }
  .auth { width: min(400px,100%); padding: 36px; }
  .detail-grid { grid-template-columns: 1fr; }
  .chapter-grid { grid-template-columns: 1fr; }
  .chapter { padding-left: 26px; padding-top: 0; }
  .chapter-copy { margin-top: 0; }
}
@media (max-width: 600px) {
  .app-frame { border-radius: 0; border: 0; }
  .sidebar { position: fixed; top: 0; bottom: 0; z-index: 20; width: 230px; transform: translateX(-100%); transition: transform .2s; padding: 28px 14px; }
  .sidebar.open { transform: translateX(0); box-shadow: 0 0 0 100vmax #050816aa; }
  .sidebar .brand { padding: 0 10px 28px; }
  .sidebar .brand span,.nav-link span { display: inline; }
  .nav-link { justify-content: flex-start; }
  .main { padding: 22px 18px; gap: 22px; }
  .mobile-menu { display: inline-block; padding: 0; margin: 0 10px 0 0; font-size: 22px; }
  .page-title { display: flex; align-items: center; }
  h1 { font-size: 28px; }
  .topbar { gap: 16px; }
  .top-actions { width: 100%; flex-basis: 100%; }
  .home-evidence { position: static; width: auto; margin: 20px; height: auto; }
  .home-constellation { height: auto; min-height: 740px; }
  .mini-network { position: relative; width: 470px; height: 400px; transform: scale(.8); transform-origin: 0 0; margin-bottom: -80px; }
  .home-constellation { overflow: hidden; }
  .record-card { gap: 10px; padding: 18px; flex-wrap: wrap; }
  .record-card h2 { font-size: 20px; flex: 1; }
  .record-card .button { width: 100%; }
  .dream-grid { grid-template-columns: 1fr; }
  .journal-grid { grid-auto-rows: minmax(247px,auto); }
  .journal-tabs { gap: 20px; font-size: 13px; }
  .filters { flex-wrap: wrap; width: 100%; }
  .filters select { flex: 1; min-width: 0; }
  .filters .button { width: 100%; }
  .welcome { padding: 100px 24px 40px; gap: 36px; }
  .welcome > .brand { top: 28px; left: 24px; }
  .welcome-graph { width: 520px; transform: scale(.65); transform-origin: left top; height: 340px; margin-bottom: -119px; }
  .welcome-story { overflow: hidden; }
  .welcome h1 { font-size: 40px; }
  .welcome-lead { font-size: 16px; }
  .auth { padding: 28px; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { transition: none !important; scroll-behavior: auto !important; } }