:root{font-family:Inter,Arial,sans-serif;color:#2a2024;background:#fff8fa}
*{box-sizing:border-box}
body{margin:0;background:#fff8fa;color:#2a2024}
.page-head{display:flex;align-items:center;justify-content:space-between;padding:20px 5vw;border-bottom:1px solid #eadde1;background:#fff}
.page-head a{text-decoration:none;color:inherit}
.brand{font-family:Georgia,serif;font-size:28px;letter-spacing:.04em}
.page-wrap{max-width:980px;margin:0 auto;padding:54px 22px 80px}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.6}
h1{font-family:Georgia,serif;font-size:clamp(34px,6vw,64px);font-weight:400;margin:12px 0 28px}
.card{background:white;border:1px solid #eadde1;border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(60,35,45,.05)}
.terms-text{white-space:pre-wrap;line-height:1.85;font-size:16px}
.guide-image{width:100%;max-height:75vh;object-fit:contain;border-radius:14px;background:#faf4f6}
.empty{opacity:.6}
.back{display:inline-block;margin-top:24px}
.order-card{background:#fff;border:1px solid #eadde1;border-radius:16px;padding:18px;margin:12px 0}
.order-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.order-items{margin-top:12px;padding-top:12px;border-top:1px solid #eee}
.order-item{display:flex;justify-content:space-between;gap:10px;padding:5px 0}
.status{font-weight:700}

:root{
  --help-bg:#fff8fa;
  --help-surface:#fff;
  --help-text:#2a2024;
  --help-border:#eadde1;
}
html[data-theme="dark"]{
  --help-bg:#121012;
  --help-surface:#1b1719;
  --help-text:#f8eef1;
  --help-border:#3a3034;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .page-head{
  background:var(--help-bg)!important;
  color:var(--help-text)!important;
  border-color:var(--help-border)!important;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .order-card{
  background:var(--help-surface)!important;
  color:var(--help-text)!important;
  border-color:var(--help-border)!important;
}