/* Shared service screens: the same ink, ivory and gold as the public home. */
:root {
  --paper: #171410;
  --white: #0b0c10;
  --ink: #f4eee4;
  --muted: #b1aaa0;
  --line: #393027;
  --jade: #d8ae61;
  --jade-soft: #30271a;
  --rose: #d8ae61;
  --coral: #be8c61;
  --gold: #d8ae61;
  --lavender: #b89870;
}
body { background: #050609; color: var(--ink); color-scheme: dark; }
.app-shell { width: min(100%, 480px); padding-bottom: env(safe-area-inset-bottom, 0px); background: #0b0c10; }
.topbar { background: #08090d; border-color: var(--line); }
.brand-wordmark .hankkeut-logo__piece img { filter: none; opacity: 1; }
.view { min-height: calc(100dvh - 72px); }
.home-view, [data-view="home"] { display: none !important; }
.bottom-nav, .fortune-fab { display: none !important; }
.slim-poster { min-height: 150px; padding: 34px 22px; background: radial-gradient(ellipse at top right, #35291b, transparent 75%), #101014; border-bottom: 1px solid var(--line); }
.slim-poster::before, .slim-poster::after { display: none; }
.slim-poster h1 { color: #f4eee4; font-family: "Noto Serif KR", Batang, serif; }
.slim-poster p { color: #d8ae61; }
.archive-card, .order-card, .profile-card, .person-card,
.login-panel, .payment-panel, .payment-result, .checkout-box, .empty-box,
.support-contact, .form-step, .member-modal-card {
  background: #151519; color: var(--ink); border-color: var(--line); box-shadow: none;
}
.archive-card { padding: 20px; margin-block: 16px; border-radius: 14px; }
.archive-product, .archive-open, .order-amount { color: #e1bc79; }
.archive-status, .order-status.ok { background: #30281b; color: #ebcb8e; }
.order-status.pending { background: #30281b; color: #e0c493; }
.order-status.fail, .email-auth-msg { color: #ffb5ab; }
.order-status.fail { background: #3b2225; }
.library-retention { color: #b1aaa0; padding-inline: 22px; line-height: 1.8; }
.library-retention b { color: #e1bc79; }
.library-filters { padding-inline: 16px; gap: 8px; flex-wrap: wrap; }
.library-filters button { color: #c6beb2; background: #1c1c20; border: 1px solid #393027; }
.library-filters button.is-active { color: #171210; background: #d8ae61; border-color: #d8ae61; }
.mypage-panel { width: min(100%, 480px); background: #101014; color: #f4eee4; }
.mypage-head { flex-shrink: 0; z-index: 2; border-bottom: 1px solid #57442b; }
.mypage-id { border-bottom-color: #211e1a; }
.mypage-divider { background: #211e1a; }
.mypage-menu button { background: #101014; color: #eee3d2; border-color: #393027; }
.mypage-menu button:hover { background: #211e1a; }
.mypage-menu-sub button, .mypage-note { color: #b1aaa0; }
.mypage-menu button i { color: #c8aa76; }
.mypage-login-btn, .auth-chip { background: #fee500; color: #191919; }
.email-auth-input, input, select, textarea { background: #1b1b20; color: #f4eee4; border-color: #494039; }
input::placeholder, textarea::placeholder { color: #aaa49c; }
.email-auth-login { background: #c79a4b; color: #171210; }
.email-auth-signup, .mypage-logout { background: #28241f; color: #e3ceaa; }
.primary-action { background: #c79a4b; color: #171210; box-shadow: none; }
.secondary-action, .support-types button { background: #1b1b20; color: #eee3d2; border-color: #494039; }
.legal-view, .legal-body, .view-title { background: #101014; color: #e5ddd0; }
.legal-body { line-height: 1.9; }
.legal-body p { color: #e5ddd0; }
.site-footer { background: #08090d; color: #aaa49c; border-color: #393027; }
.site-footer button, .site-footer a { color: #cbb184; }
button:focus-visible, a:focus-visible { outline: 2px solid #e1bc79; outline-offset: 3px; }