/* 정임 할머니 (from 2026-10-05): the first screen in one phone screen, the chat that takes the birth details, and the
   free reading's story pages. Ink navy, ivory and restrained gold; large type for readers in their 40s to 60s. */
:root{--one-ink:#0e1424;--one-navy:#18213a;--one-ivory:#fbf3e4;--one-gold:#d8b46a;--one-gold-2:#f1d79c;--one-wine:#5a1f2c}

/* ---- First screen ---- */
.landing-one>.landing-section,.landing-one .landing-sticky,.landing-one .landing-teller-show{display:none!important}
.landing-one .landing-hero{position:relative;min-height:100svh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0}
.landing-one .one-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;z-index:-2}
.landing-one .one-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0e142499 0%,#0e142400 18%,#0e142400 40%,#0e1424d9 66%,#0e1424 84%)}
.landing-one .landing-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}
.landing-one .brand{font:900 26px/1 "Noto Serif KR",var(--serif);letter-spacing:.18em;color:var(--one-gold-2);text-shadow:0 2px 12px #0008}
.landing-one .landing-link{padding:8px 14px;border:1px solid #f1d79c66;border-radius:999px;background:#0e142488;color:var(--one-ivory);font:700 14px/1 var(--sans);text-decoration:none;backdrop-filter:blur(6px)}
.landing-one .one-copy{position:relative;width:min(560px,100%);margin:0 auto;padding:0 22px max(26px,env(safe-area-inset-bottom));text-align:center}
.landing-one .one-bubble{position:relative;display:inline-block;margin:0 0 16px;padding:12px 18px;border:1px solid #f1d79c55;border-radius:18px;background:#0e1424cc;color:var(--one-ivory);font:500 16px/1.6 var(--sans);text-align:left;box-shadow:0 10px 30px #0007;backdrop-filter:blur(8px)}
.landing-one .one-bubble::after{content:"";position:absolute;top:-8px;left:38px;width:14px;height:14px;background:#0e1424cc;border-left:1px solid #f1d79c55;border-top:1px solid #f1d79c55;transform:rotate(45deg)}
.landing-one .landing-kicker{margin:0 0 8px;color:var(--one-gold);font:700 14px/1.4 var(--sans);letter-spacing:.06em}
.landing-one h1{margin:0 0 18px;color:var(--one-ivory);font:900 clamp(27px,7.4vw,40px)/1.32 "Noto Serif KR",var(--serif);letter-spacing:-.02em;text-shadow:0 3px 18px #000a}
.landing-one h1 em{font-style:normal;color:var(--one-gold-2)}
.landing-one .landing-actions{display:flex;justify-content:center}
.landing-one .landing-start{width:100%;max-width:420px;min-height:64px;border:0;border-radius:999px;background:linear-gradient(135deg,#f6dfa4,#d8b46a 55%,#b88b3e);color:#1a1206;font:800 21px/1 var(--sans);box-shadow:0 12px 30px #d8b46a44,inset 0 1px 0 #fff8;animation:one-glow 2.6s ease-in-out infinite}
@keyframes one-glow{50%{box-shadow:0 12px 40px #d8b46a88,inset 0 1px 0 #fff8}}
.landing-one .one-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;margin:14px 0 0;padding:0;list-style:none;color:#e9dcc2;font:600 13px/1.4 var(--sans)}
.landing-one .one-badges li::before{content:"✓ ";color:var(--one-gold)}
.landing-one .landing-offer{margin:12px auto 0;max-width:420px}
.landing-one~*,.landing-one .site-info{font-size:12px}
@media(min-width:900px){.landing-one .one-hero{object-position:50% 12%}.landing-one .one-copy{padding-bottom:40px}}
@media(max-height:680px){.landing-one .one-bubble{display:none}.landing-one h1{font-size:26px;margin-bottom:12px}}

/* ---- The chat that takes the birth details ---- */
body.qs-open{overflow:hidden}
.qs-sheet{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:radial-gradient(120% 70% at 50% 0%,#24304f 0%,var(--one-ink) 60%);color:var(--one-ivory);font-family:var(--sans)}
.qs-head{display:flex;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 18px 12px;border-bottom:1px solid #f1d79c22}
.qs-face{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--one-gold);box-shadow:0 0 0 3px #0e1424}
.qs-who{flex:1;display:grid}.qs-who strong{font:800 19px/1.3 "Noto Serif KR",var(--serif);color:var(--one-gold-2)}.qs-who span{font-size:13px;color:#c9bda6}
.qs-close{width:44px;height:44px;border:0;border-radius:50%;background:#ffffff12;color:var(--one-ivory);font-size:26px;line-height:1}
.qs-log{flex:1;overflow-y:auto;padding:18px 16px 8px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.qs-msg{max-width:86%;margin:0;padding:12px 16px;border-radius:18px;font:500 18px/1.6 var(--sans);animation:qs-in .28s ease-out both}
.qs-teller{align-self:flex-start;background:#fbf3e4;color:#22180e;border-top-left-radius:6px;box-shadow:0 6px 18px #0005}
.qs-me{align-self:flex-end;background:linear-gradient(135deg,#e8c77f,#c89b4e);color:#1a1206;font-weight:700;border-top-right-radius:6px}
.qs-photo{padding:6px}.qs-shot{display:block;width:140px;height:140px;object-fit:cover;border-radius:14px}
.qs-dots{letter-spacing:.2em;color:#8a7b62;animation:qs-blink 1s infinite}
@keyframes qs-in{from{opacity:0;transform:translateY(8px)}}@keyframes qs-blink{50%{opacity:.35}}
.qs-dock{padding:12px 16px max(16px,env(safe-area-inset-bottom));border-top:1px solid #f1d79c22;background:#0e1424f2;display:grid;gap:10px}
.qs-dock:empty{display:none}
.qs-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.qs-choices.qs-hours{grid-template-columns:repeat(3,minmax(0,1fr));max-height:40vh;overflow-y:auto}
.qs-choice{display:grid;gap:2px;justify-items:center;min-height:56px;padding:10px 8px;border:1px solid #f1d79c55;border-radius:14px;background:#ffffff0d;color:var(--one-ivory);font:700 18px/1.3 var(--sans)}
.qs-choice small{font:500 12px/1.3 var(--sans);color:#c9bda6}
.qs-choice:hover,.qs-choice:focus-visible{border-color:var(--one-gold);background:#d8b46a22}
.qs-wide{width:100%}
.qs-kinds{display:flex;gap:8px}.qs-kind{flex:1;min-height:44px;border:1px solid #f1d79c55;border-radius:12px;background:transparent;color:var(--one-ivory);font:700 16px/1 var(--sans)}
.qs-kind[aria-pressed="true"]{background:var(--one-gold);border-color:var(--one-gold);color:#1a1206}
.qs-row{display:flex;gap:8px}
.qs-input{flex:1;min-width:0;height:58px;padding:0 16px;border:2px solid var(--one-gold);border-radius:14px;background:#fbf3e4;color:#1a1206;font:800 24px/1 var(--sans);letter-spacing:.12em;color-scheme:only light}
.qs-go{flex:none;min-width:84px;border:0;border-radius:14px;background:var(--one-gold);color:#1a1206;font:800 18px/1 var(--sans)}
.qs-note{margin:0;font-size:14px;color:#c9bda6;text-align:center}.qs-note.is-error{color:#ffb4a6;font-weight:700}
.qs-consent{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #f1d79c44;border-radius:14px;font:600 15px/1.6 var(--sans)}
.qs-consent input{flex:none;width:24px;height:24px;margin:2px 0 0;accent-color:var(--one-gold)}
.qs-consent a{color:var(--one-gold-2)}.qs-consent.needs-check{border-color:#ff9b87;box-shadow:0 0 0 3px #ff9b8733}
.qs-start{min-height:62px;border:0;border-radius:999px;background:linear-gradient(135deg,#f6dfa4,#d8b46a 55%,#b88b3e);color:#1a1206;font:800 20px/1 var(--sans);box-shadow:0 10px 26px #d8b46a44}
@media(min-width:760px){.qs-sheet{left:50%;right:auto;width:520px;transform:translateX(-50%);box-shadow:0 0 0 100vmax #0009}}

/* ---- Free reading: 정임 할머니's story pages ---- */
#readingDemo .rp-medallion{display:block;width:132px;aspect-ratio:1;margin:4px auto 14px;border-radius:50%;background:#18213a center/cover no-repeat;border:3px solid var(--one-gold);box-shadow:0 0 0 6px #18213a,0 0 0 8px #d8b46a66,0 14px 30px #0005}
#readingDemo .rp-story-kicker{margin:0;text-align:center;color:#9a7b3f;font:700 14px/1.4 var(--sans);letter-spacing:.12em}
#readingDemo .rp-story-title{margin:6px 0 18px;text-align:center;font:800 23px/1.6 "Noto Serif KR",var(--serif);color:#231a12;white-space:pre-line}
#readingDemo .rp-reveal{margin:0 0 18px;padding:22px 16px;border-radius:18px;background:radial-gradient(120% 90% at 50% 0%,#24304f,#0e1424);color:var(--one-ivory);text-align:center;box-shadow:inset 0 0 0 1px #f1d79c33}
#readingDemo .rp-reveal-lead{margin:0 0 12px;font:500 16px/1.6 var(--sans);color:#d9ccb4}
#readingDemo .rp-reveal-letter{display:flex;align-items:baseline;justify-content:center;gap:10px}
#readingDemo .rp-reveal-letter strong{font:900 84px/1 "Noto Serif KR",var(--serif);color:var(--one-gold-2);text-shadow:0 0 30px #d8b46a66}
#readingDemo .rp-reveal-letter span{font:800 26px/1 var(--sans);color:var(--one-ivory)}
#readingDemo .rp-reveal-name{margin:10px 0 8px;font:800 20px/1.4 "Noto Serif KR",var(--serif);color:var(--one-gold)}
#readingDemo .rp-reveal .rp-keywords li{background:#ffffff14;color:var(--one-ivory);border-color:#f1d79c55}
#readingDemo .rp-finds{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
#readingDemo .rp-finds li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;font:500 18px/1.65 var(--sans)}
#readingDemo .rp-finds li p{margin:0}
#readingDemo .rp-finds .is-open{background:#fff8ea;box-shadow:inset 0 0 0 1px #e5cf9f}
#readingDemo .rp-finds .is-sealed{background:#18213a;color:#e9dcc2;box-shadow:inset 0 0 0 1px #d8b46a55}
#readingDemo .rp-finds .is-sealed strong{display:block;color:var(--one-gold-2);font:800 18px/1.4 var(--sans)}
#readingDemo .rp-finds .is-sealed p{color:#cfc3ab;font-size:16px;filter:blur(.2px)}
#readingDemo .rp-find-mark{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:800 17px/1 "Noto Serif KR",var(--serif)}
#readingDemo .is-open .rp-find-mark{background:#2f6b4f;color:#fff}
#readingDemo .is-sealed .rp-find-mark{background:var(--one-wine);color:var(--one-gold-2);box-shadow:0 0 0 2px #d8b46a88}
#readingDemo .rp-finds-cta{width:100%;margin-top:6px}
#readingDemo .rp-ask{display:grid;gap:12px}
#readingDemo .rp-ask-input{width:100%;min-height:110px;padding:14px;border:2px solid #c9a45c;border-radius:14px;background:#fff;color:#22180e;font:500 18px/1.6 var(--sans);resize:vertical;color-scheme:only light}
#readingDemo .rp-ask-chips{display:flex;flex-wrap:wrap;gap:8px}
#readingDemo .rp-ask-chip{padding:10px 14px;border:1px solid #d7bf8c;border-radius:999px;background:#fff8ea;color:#4a3214;font:700 15px/1.3 var(--sans)}
#readingDemo .rp-ask-status{margin:0;color:#a3341f;font-weight:700}
#readingDemo .rp-ask-note{margin:14px 0 0;font-size:14px;color:#6c5d48;text-align:center}

/* One teller now: no way back to the six tellers' gallery from the room. */
#changeTeller{display:none!important}

/* First-screen tidy-up: the top bar inside the screen, plain one-line badges, the opening offer as one small line. */
.landing-one .landing-top{width:auto;max-width:none;margin:0;padding:0;box-sizing:border-box}
.landing-one .landing-top-actions{margin:0;gap:8px}
.landing-one .landing-kicker{display:block;border:0;background:none;padding:0;box-shadow:none}
.landing-one .one-badges li{border:0;background:none;padding:0;box-shadow:none;min-height:0;font:600 13px/1.4 var(--sans);color:#e9dcc2}
.landing-one .one-badges li::before{content:"✓ ";display:inline;width:auto;height:auto;margin:0;background:none;border:0;color:var(--one-gold);font-weight:800}
.landing-one .landing-offer{display:block;margin:12px auto 0;padding:0;border:0;outline:0;background:none;box-shadow:none;color:var(--one-gold-2);font:700 14px/1.4 var(--sans)}
.landing-one .landing-offer::before,.landing-one .landing-offer::after{display:none}
.landing-one .landing-offer-tag,.landing-one .landing-offer-until{display:none}
.landing-one .landing-offer-main{font:700 14px/1.4 var(--sans);color:var(--one-gold-2)}
.landing-one .landing-offer-main::before{content:"첫 "}
.landing-one .one-bubble{font-size:15px;padding:10px 16px;margin-bottom:12px}

/* Keep the answer area inside the phone width (long notes must wrap, not widen the grid). */
.qs-dock{grid-template-columns:minmax(0,1fr)}.qs-dock>*{min-width:0}.qs-note{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.qs-sheet{max-width:100vw;overflow-x:hidden}
.qs-choices.qs-hours .qs-choice{min-height:46px;padding:6px 4px;font-size:16px}.qs-choices.qs-hours{max-height:34vh}
.qs-log{min-height:0;scroll-behavior:auto}.qs-head,.qs-dock{flex:none}
#replay{display:none!important}

/* 2026-10-05 review with Astra: chapter names under the customer's own question, the paid taste, and the deal at the button. */
#readingDemo .rp-find-chapter{display:block;margin:0 0 2px;font:600 12px/1.4 var(--sans);letter-spacing:.04em;color:#a9935f}
#readingDemo .is-open .rp-find-chapter{color:#8a7344}
#readingDemo .rp-locked-list .rp-find-chapter{color:#9a7b3f}
#readingDemo .rp-taste{margin:16px 0;padding:18px 16px;border-radius:16px;background:#fffaf0;box-shadow:inset 0 0 0 1px #e5cf9f,0 8px 20px #0000000d}
#readingDemo .rp-taste-kicker{margin:0 0 6px;color:#9a7b3f;font:800 13px/1.3 var(--sans);letter-spacing:.1em}
#readingDemo .rp-taste>strong{display:block;margin:0 0 10px;font:800 19px/1.5 "Noto Serif KR",var(--serif);color:#231a12}
#readingDemo .rp-taste-text{margin:0;font:500 18px/1.8 var(--sans);color:#2c2219}
#readingDemo .rp-taste-more{margin:10px 0 0;font:600 15px/1.6 var(--sans);color:#8a6a2e}
#readingDemo .rp-deal{margin:10px 0 14px;padding:12px 14px;list-style:none;border-radius:12px;background:#18213a;color:#f3e7cc;display:grid;gap:6px}
#readingDemo .rp-deal li{font:600 15px/1.5 var(--sans)}
#readingDemo .rp-deal li::before{content:"✓ ";color:#d8b46a;font-weight:800}
.qs-text{font:600 17px/1.2 var(--sans);letter-spacing:0}
.qs-choices.qs-details{grid-template-columns:minmax(0,1fr)}
.qs-choices.qs-details .qs-choice{min-height:50px;justify-items:start;padding:10px 16px;font-size:17px;text-align:left}

/* Smooth scrolling on phones (2026-10-06): no live blur behind the bubble and link, no animated shadow on the button. */
.landing-one .one-bubble,.landing-one .landing-link{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0e1424e6}
.landing-one .one-bubble::after{background:#0e1424e6}
.landing-one .landing-start{animation:none}
.landing-one .one-hero{transform:translateZ(0)}

/* The chat's answer buttons (사진 올리기·넘어가기 등): hanji cards with a gold rule; the main one in gold leaf (사용자 10/5: 1번) */
.qs-choice{border:1px solid rgba(217,184,106,.65);border-radius:10px;color:#2a241c;font:800 18px/1.3 var(--sans);
  background:linear-gradient(rgba(255,253,247,.85),rgba(250,243,228,.8)),url("tex/hanji.webp") 0 0/300px;box-shadow:inset 0 0 0 3px rgba(255,253,247,.6),inset 0 0 0 4px rgba(184,145,63,.4),0 6px 16px rgba(0,0,0,.35)}
.qs-choice small{color:#7a6f5f;font:600 13px/1.3 var(--sans)}
/* Hover/focus on the hanji card: brighter paper and a deeper gold rule. (The old dark-theme hover above painted the card
   almost transparent on the navy sheet, so a button under the finger looked grey and unreadable — 10/6.) */
.qs-choice:hover,.qs-choice:focus-visible{border-color:#9c7a2e;color:#1b1406;
  background:linear-gradient(rgba(255,248,228,.96),rgba(250,240,214,.92)),url("tex/hanji.webp") 0 0/300px;box-shadow:inset 0 0 0 3px rgba(255,253,247,.7),inset 0 0 0 4px rgba(156,122,46,.6),0 6px 16px rgba(0,0,0,.35)}
.qs-choice:active{transform:translateY(1px)}
.qs-choice.qs-main,.qs-start{border:1px solid #9c7a2e;color:#1b1406;background:linear-gradient(180deg,rgba(255,240,200,.35),rgba(120,84,20,.15)),url("tex/gold.webp") center/320px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 20px rgba(0,0,0,.35)}
.qs-choice.qs-main small{color:#4a3a12}