body.quiet-ui .pair-code-card,
body.quiet-ui .sync-package-card,
body.quiet-ui .mobile-use-card,
body.quiet-ui .rule-panel,
body.quiet-ui .sticker-panel,
body.quiet-ui .usagi-panel,
body.quiet-ui .meter-panel,
body.quiet-ui .relationship-panel,
body.quiet-ui .weekly-panel,
body.quiet-ui .sync-favorites,
body.quiet-ui .daily-loop-panel,
body.quiet-ui .universe-panel,
body.quiet-ui .couple-settings-panel,
body.quiet-ui .reply-assistant,
body.quiet-ui .response-wish,
body.quiet-ui .response-advice,
body.quiet-ui #simulate-partner-answer,
body.quiet-ui #simulate-partner-status,
body.quiet-ui #send-suggested-response,
body.quiet-ui #receive-sentence,
body.quiet-ui #receive-voice,
body.quiet-ui #receive-moment {
  display: none !important;
}

body.quiet-ui .app-shell {
  padding-top: 14px;
}

body.quiet-ui .topbar {
  margin-bottom: 10px;
}

body.quiet-ui .stats-strip {
  grid-template-columns: repeat(2, 1fr);
  gap: 9px;
}

body.quiet-ui .stats-strip article {
  min-height: 74px;
  padding: 12px;
}

body.quiet-ui .stats-strip article:nth-child(3),
body.quiet-ui .stats-strip article:nth-child(4) {
  opacity: .82;
}

body.quiet-ui [data-view="desk"].active {
  gap: 12px;
}

body.quiet-ui .stage-card {
  min-height: 540px;
}

body.quiet-ui .ritual-dock {
  padding: 14px;
}

body.quiet-ui .ritual-dock h2 {
  font-size: 25px;
}

body.quiet-ui .status-panel {
  padding: 15px;
}

body.quiet-ui .status-picker {
  grid-template-columns: repeat(2, 1fr);
}

body.quiet-ui #status-note-input {
  min-height: 76px;
}

body.quiet-ui [data-view="sync"].active,
body.quiet-ui [data-view="bits"].active,
body.quiet-ui [data-view="meet"].active {
  gap: 12px;
}

body.quiet-ui [data-view="sync"] .pulse-hero { order: 1; }
body.quiet-ui .quiet-guide-card { order: 2; }
body.quiet-ui [data-view="sync"] .composer { order: 3; }
body.quiet-ui [data-view="sync"] .voice-panel { order: 4; }
body.quiet-ui [data-view="sync"] .question-panel { order: 5; }
body.quiet-ui [data-view="sync"] .timeline-panel { order: 6; }

body.quiet-ui [data-view="bits"] .moments-panel { order: 1; }
body.quiet-ui [data-view="bits"] .capsule-panel { order: 2; }
body.quiet-ui [data-view="bits"] .memory-panel { order: 3; }
body.quiet-ui [data-view="bits"] .capsule-archive-panel { order: 4; }

.quiet-guide-card {
  position: relative;
  min-height: 0;
  padding: 15px 16px;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 22%, rgba(255, 176, 95, .2), transparent 28%),
    linear-gradient(135deg, rgba(12, 31, 48, .92), rgba(39, 26, 49, .86));
}

.quiet-guide-card::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 18px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 248, 223, .9), rgba(255, 78, 120, .24) 54%, transparent 56%);
  filter: blur(.2px);
  opacity: .72;
}

.quiet-guide-card b {
  display: block;
  max-width: 270px;
  color: #fff8df;
  font-family: var(--font-cute);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.12;
}

.quiet-guide-card p {
  max-width: 280px;
  margin-top: 7px;
  color: #bfd0e2;
  font-family: var(--font-soft);
  font-size: 13px;
  line-height: 1.5;
}

body.quiet-ui .question-panel {
  padding: 15px;
}

body.quiet-ui .question-panel h2 {
  font-size: 23px;
}

body.quiet-ui .mood-grid {
  grid-template-columns: repeat(2, 1fr);
}

body.quiet-ui .answer-board {
  grid-template-columns: 1fr;
}

body.quiet-ui .sticker-preview {
  grid-template-columns: 68px 1fr;
  padding: 10px;
  margin-top: 10px;
  background: rgba(255, 248, 223, .08);
}

body.quiet-ui .sticker-preview img {
  width: 68px;
  height: 68px;
}

body.quiet-ui .sticker-preview h3 {
  font-size: 19px;
}

body.quiet-ui .sticker-preview p {
  font-size: 13px;
  line-height: 1.45;
}

body.quiet-ui .voice-panel,
body.quiet-ui .moments-panel,
body.quiet-ui .memory-panel,
body.quiet-ui .capsule-panel,
body.quiet-ui .capsule-archive-panel {
  min-height: 0;
}

body.quiet-ui .voice-chat {
  min-height: 168px;
  max-height: 260px;
}

body.quiet-ui .voice-compose textarea,
body.quiet-ui .composer textarea {
  min-height: 74px;
}

.moment-empty {
  padding: 16px;
  border: 1px dashed rgba(255, 255, 255, .18);
  border-radius: 8px;
  color: #bfd0e2;
  background: rgba(255, 255, 255, .05);
  font-family: var(--font-soft);
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 390px) {
  body.quiet-ui .stats-strip {
    grid-template-columns: 1fr 1fr;
  }

  .quiet-guide-card b {
    max-width: 240px;
    font-size: 20px;
  }
}