:root{--ink:#30343b;--accent:var(--ui-action);--strong:var(--ui-action-hover);--meta:var(--ui-muted);--line:var(--ui-line);--paper:#f8f6f0;--serif:'Noto Serif KR',serif;--sans:'Pretendard Variable',Pretendard,sans-serif;--tone:#aa747b}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font:15px/1.65 var(--sans);background:transparent}
button,input,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
[hidden]{display:none!important}
main{max-width:448px;margin:auto;padding:0 20px 32px}
.step{animation:arrive .25s ease-out;min-height:0}
h1{font:650 27px/1.4 var(--serif);letter-spacing:-.055em;margin:12px 0 20px;word-break:keep-all}
h1:focus{outline:none}
.primary,.secondary{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:18px;border-radius:var(--ui-control-radius);border:1px solid transparent;font-weight:650;font-size:15px;padding:14px 16px}
.primary{color:#fff;background:var(--accent);box-shadow:0 5px 14px #455a7614}
.primary:hover{background:var(--strong)}
.secondary{background:#ffffff90;border-color:var(--line);color:var(--strong)}
.text-button{background:none;border:0;display:block;text-align:center;font-size:12px;color:var(--meta);padding:14px;min-height:44px;margin:auto}
.fine{font-size:13px;text-align:center;color:var(--meta);margin:16px 0}
.loading{text-align:center;padding-top:90px}
.loading img{width:100%;height:180px;object-fit:contain}
.loading h1{font-size:20px}
.loading p{font-size:12px;color:var(--meta)}
.loading-seal{display:block;width:37px;margin:12px auto;border:1px solid #ac7765;color:#ac7765;font:24px var(--serif);animation:pulse 1s infinite alternate}
.result-actions{display:grid;gap:10px;margin-top:24px}
.result-actions .text-button{padding:9px;min-height:44px}
.error{border:1px solid #cdb2a8;border-radius:var(--ui-control-radius);padding:15px;background:#fff8;font-size:13px;margin-top:20px}
.error p{margin-top:0}
.error .secondary{min-height:44px}
footer{text-align:center;color:var(--meta);font-size:12px;padding:12px 22px calc(24px + env(safe-area-inset-bottom))}
footer a{font:12px var(--serif)}
@keyframes arrive{from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:none}
}
@keyframes pulse{from{opacity:.5;transform:rotate(-6deg)}
to{opacity:1;transform:rotate(4deg)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}
}
.result-actions{gap:9px;margin-top:14px}
.result-actions #save{font-size:16px;font-weight:700;box-shadow:0 7px 18px #55312d20}
.result-actions #chat-link{font-weight:650}
/* 도화 판정서 — 본캐 판정서(share-card.css)와 같은 책 표지 문법.
   한지 바탕·두 줄 테두리·둥근 달창·주칠 번호·자줏빛 띠지. 치수는 카드 너비(cqw)를 따라 화면과 저장 이미지가 같은 비율로 나온다. */
#result-card,#export-host{container-type:inline-size}
#export-host{position:fixed;left:-10000px;top:0;width:360px}
.reading{--tone:#aa747b;--acc-soft:#f1dde0;--ink:#2a241f;--ink-soft:#6b6054;--line:#d8c9ae;--red:#b3392b;--wine:#6e2c24;--gold:#a88452;
  position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:2.2cqw;width:100%;padding:5.2cqw 6.6cqw 4.6cqw;overflow:hidden;
  color:var(--ink);font-family:var(--sans);text-align:left;word-break:keep-all;border:0;border-radius:2cqw;
  background:#f4ede2 url(/images/bg/paper.webp) center/cover no-repeat;box-shadow:0 10px 30px #42463b24}
.reading[data-type=HONGYEOM]{--tone:#b0485e;--acc-soft:#f3d6dc}
.reading[data-type=HWAGAE]{--tone:#7f6e98;--acc-soft:#e6dff0}
.reading[data-type=BAEKHO]{--tone:#b86a4c;--acc-soft:#f3dccf}
.reading[data-type=DOHWA]{--tone:#c0707c;--acc-soft:#f6dde0}
.reading *,.reading *::before,.reading *::after{box-sizing:border-box;min-width:0}
.reading::before,.reading::after{position:absolute;inset:2.4cqw;border:1px solid #b89f7a;border-radius:0;content:'';pointer-events:none}
.reading::after{inset:3.2cqw;border-color:#cdb998;border-width:.5px}
.export-card{width:360px;min-height:640px;border-radius:0;box-shadow:none}

.reading-head{display:flex;justify-content:flex-end;align-items:center;gap:3cqw;padding-bottom:1.4cqw;border-bottom:1px solid var(--line)}
.reading-tag{display:flex;align-items:center;gap:1.6cqw;margin:0;color:var(--ink-soft);font:600 2.6cqw/1 var(--sans);letter-spacing:.04em}
.reading-tag i{display:grid;place-items:center;width:5.6cqw;height:5.6cqw;padding-top:.3cqw;border-radius:50%;color:#fbf3e4;background:var(--wine);font:900 3.1cqw/1 var(--serif);font-style:normal}

.reading-hero{position:relative;z-index:0;display:grid;justify-items:start;gap:1.5cqw;padding-top:.4cqw}
.reading-window{position:absolute;top:-.4cqw;right:-.6cqw;width:24cqw;height:24cqw;margin:0}
.reading-art{width:100%;height:100%;border-radius:50%;background:#f7efe0 center 30%/cover no-repeat;box-shadow:0 0 0 .5cqw #f7f0e3,0 0 0 .8cqw var(--gold),0 1.4cqw 3cqw #5a3f2438}
.reading-seal{position:absolute;bottom:-1.6cqw;left:-3.2cqw;display:grid;place-items:center;width:9cqw;height:9cqw;padding-top:.3cqw;border:.5cqw solid var(--red);border-radius:1cqw;color:var(--red);background:#f6ecdcde;font:900 5cqw/1 var(--serif);transform:rotate(-8deg)}
.reading-name{margin:0;padding:1.3cqw 2.4cqw .8cqw;border:1px solid #c9a79a;border-radius:99cqw;color:var(--wine);background:#fbf5ecb3;font:700 2.6cqw/1.2 var(--sans);letter-spacing:-.01em;overflow-wrap:anywhere}
.reading-title{display:grid;gap:.6cqw;margin:.2cqw 0 0;max-width:58cqw;letter-spacing:-.05em;outline:0}
.reading-setup{color:var(--tone);font:700 3.6cqw/1.3 var(--serif)}
.reading-punch{position:relative;z-index:0;justify-self:start;color:#1d1814;font:900 7.6cqw/1.2 var(--serif);letter-spacing:-.06em}
.reading-punch.is-long{font-size:6.8cqw}
.reading-punch::after{position:absolute;z-index:-1;left:-1cqw;right:-1.4cqw;bottom:.4cqw;height:2.8cqw;border-radius:3cqw 1cqw 4cqw 1cqw;content:'';background:var(--acc-soft);transform:rotate(-.8deg)}
.reading-epithet{max-width:62cqw;margin:0;color:var(--ink-soft);font:500 2.7cqw/1.45 var(--sans);letter-spacing:-.03em}
.reading-rank{display:flex;align-items:baseline;gap:1.6cqw;margin:.4cqw 0 0;color:var(--wine)}
.reading-sub{display:flex;flex-direction:column;gap:.9cqw;margin:1cqw 0 0;padding:1.6cqw 2.2cqw;border-left:.6cqw solid var(--wine);background:rgba(120,30,40,.06);color:var(--ink-soft);font:500 2.6cqw/1.4 var(--sans);letter-spacing:-.03em}
.reading-sub small{color:var(--wine);font:700 2.4cqw/1 var(--sans);letter-spacing:-.01em}
.reading-sub span{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 1.4cqw}
.reading-sub em{color:var(--wine);font-style:normal;font-weight:700}
.reading-sub b{color:var(--ink);font-weight:800}
.reading-rank small{font:600 2.5cqw/1 var(--sans);letter-spacing:-.02em}
.reading-rank strong{font:900 3.4cqw/1 var(--serif);letter-spacing:-.03em}
.reading-split{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:.6cqw;overflow:hidden;border:1px solid #b89f7a;border-radius:1.6cqw}
.reading-split p{display:flex;align-items:center;gap:1.8cqw;margin:0;padding:2.1cqw 2.4cqw;background:#fbf6ecd9}
.reading-split p+p{color:#fbf3e4;background:var(--wine)}
.reading-split small{display:grid;flex:none;place-items:center;width:5cqw;height:5cqw;padding-top:.35cqw;border:1px solid currentColor;border-radius:50%;font:900 2.7cqw/1 var(--serif);opacity:.9}
.reading-split strong{font:800 2.8cqw/1.3 var(--sans);letter-spacing:-.035em}

.reading-block h3{display:flex;align-items:center;gap:1.8cqw;margin:0 0 1.25cqw;color:var(--ink);font:700 3.5cqw/1.2 var(--serif);letter-spacing:-.04em}
.reading-block h3 span{display:grid;flex:none;place-items:center;width:5.6cqw;height:5.6cqw;padding-top:.3cqw;border-radius:50%;color:#fbf3e4;background:var(--wine);box-shadow:0 0 0 .4cqw #fbf6ec,0 0 0 .7cqw var(--gold);font:900 3.3cqw/1 var(--serif)}
.reading-block h3::after{flex:1;height:1px;content:'';background:linear-gradient(90deg,var(--line),transparent)}
.stats{display:grid;gap:1.4cqw;margin:0;padding:0;list-style:none}
.stat{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:2cqw;row-gap:.6cqw;align-items:baseline}
.stat p{display:flex;align-items:baseline;gap:1.8cqw;margin:0;overflow:hidden;white-space:nowrap}
.stat b{flex:none;color:var(--ink);font:700 2.85cqw/1.3 var(--sans);letter-spacing:-.03em}
.stat-note{overflow:hidden;color:var(--ink-soft);font:500 2.6cqw/1.3 var(--sans);letter-spacing:-.03em;text-overflow:ellipsis}
.stat strong{color:var(--tone);font:800 2.8cqw/1.3 var(--sans);white-space:nowrap}
.stat-meter{grid-column:1/-1;grid-row:2;display:block;height:1.1cqw;overflow:hidden;border-radius:1cqw;background:#e3d8c5}
.stat-meter::after{display:block;width:var(--fill);height:100%;border-radius:inherit;content:'';background:var(--tone)}
.relatable{display:grid;gap:1.1cqw;margin:0;padding:0;list-style:none;counter-reset:rel}
.relatable li{position:relative;padding:1.4cqw 2.6cqw 1.4cqw 8cqw;border:1px solid #dccdb3;border-radius:1.2cqw;background:#fffcf5;color:var(--ink);font:600 2.8cqw/1.4 var(--sans);letter-spacing:-.04em;counter-increment:rel;box-shadow:0 .6cqw 1.4cqw #6b50301f}
.relatable li:nth-child(odd){transform:rotate(-.6deg)}
.relatable li:nth-child(even){transform:rotate(.5deg);margin-inline:.8cqw -.4cqw}
.relatable li::before{position:absolute;top:50%;left:2.2cqw;display:grid;place-items:center;width:4.4cqw;height:4.4cqw;padding-top:.3cqw;border-radius:50%;color:#fbf3e4;background:var(--wine);font:800 2.1cqw/1 var(--sans);content:counter(rel,decimal-leading-zero);transform:translateY(-50%)}
.comment{margin:0;padding:2.2cqw 2.8cqw;border:1px dashed #b89f7a;border-radius:1.4cqw;background:var(--acc-soft);color:var(--ink);font:500 2.7cqw/1.55 var(--sans);letter-spacing:-.035em}

.reading-domain{display:grid;justify-items:end;white-space:nowrap}
.reading-domain span{padding:0;border:0;background:none;color:var(--gold);font:600 2.6cqw/1 var(--serif);letter-spacing:.05em}
/* 화면용은 글자를 조금 키운다 */
#result-card .reading :is(.stat-note,.relatable li,.comment,.reading-epithet,.reading-sub span,.reading-split strong,.stat b){font-size:max(2.8cqw,12px)}

/* 스페셜 판정서 — 같은 기운이 겹쳐 나온 사람만. 금박 테두리와 금빛 달창으로 구분한다 */
.reading.is-special{--gold:#c19a4f;background-color:#f6ecd6;box-shadow:0 10px 34px #b8903a40}
.reading.is-special::before{border:1.5px solid #c9a24d}
.reading.is-special::after{border-color:#e0c27a;border-width:1px}
.reading.is-special .reading-art{box-shadow:0 0 0 .5cqw #fbf1d8,0 0 0 1cqw #c9a24d,0 0 0 1.5cqw #fbf1d8,0 0 0 1.8cqw #c9a24d,0 1.4cqw 3.4cqw #b8903a55}
.reading.is-special .reading-punch::after{background:linear-gradient(90deg,#f3dc9a,#e6c26a 55%,#f3dc9a)}
.reading.is-special .reading-seal{border-color:#9a6f1f;color:#8a5f14;background:#fbefcf}
.reading-special{padding:1.2cqw 2.4cqw .8cqw;border-radius:99cqw;color:#5e3f0a;background:linear-gradient(100deg,#ecd08a,#f8e6b0 50%,#e6c26a);font:800 2.5cqw/1.2 var(--sans);letter-spacing:.02em}
.export-card{gap:1.7cqw}
.export-card .reading-block h3{margin-bottom:1cqw}
.export-card .reading-split p{padding-block:1.7cqw}

:root{--ink:var(--ui-ink);--paper:var(--ui-surface)}.primary{box-shadow:0 4px 14px #55312d10}.secondary:hover{background:var(--ui-soft)}

/* ── 한 화면 안에 들어오는 세 단계: 랜딩 · 출생 정보 · 기질 문답 ──
   사이트 헤더 아래 남는 높이를 그대로 쓰고, 스크롤이 생기지 않게 푸터는 이 세 단계에서 감춘다.
   색·테두리는 본캐 판정서와 같은 문법(한지·먹·주칠·금박 선). */
main{padding:6px 20px calc(14px + env(safe-area-inset-bottom))}
body.onescreen .site-footer{display:none}
.fit{display:flex;flex-direction:column;min-height:calc(100dvh - var(--site-header-height) - 22px - env(safe-area-inset-bottom))}
#status:empty{display:none}
.eyebrow{margin:0;color:var(--ui-action);font:700 12px/1.3 var(--serif);letter-spacing:.06em}
.intro .eyebrow{font:600 11px/1.4 Georgia,'Times New Roman',serif;letter-spacing:.22em;color:#776556}
.fit h1{margin:0;font:800 clamp(23px,6.4vw,27px)/1.35 var(--serif);letter-spacing:-.06em;word-break:keep-all;text-wrap:balance}

/* 랜딩 */
.intro{align-items:stretch;gap:clamp(10px,2.2dvh,18px);text-align:center}
.intro-window{position:relative;flex:1 1 0;display:grid;place-items:center;min-height:0;margin:0;container-type:size}
.intro-disc{position:relative;display:block;height:min(196px,calc(100cqh - 26px),calc(100cqw - 26px));aspect-ratio:1}
.intro-disc img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:62% 55%;background:#f7efe0;
  box-shadow:0 0 0 5px #f7f0e3,0 0 0 7px #a88452,0 0 0 11px #f7f0e3,0 0 0 12px #cdb998,0 14px 30px #5a3f2430}
.intro-seal{position:absolute;right:-8px;bottom:-4px;display:grid;place-items:center;width:42px;height:42px;padding-top:3px;border:2.5px solid #b3392b;border-radius:5px;
  color:#b3392b;background:#f6ecdcde;font:900 24px/1 var(--serif);transform:rotate(-8deg)}
.intro-inscription{display:grid;gap:7px;justify-items:center}
.intro h1{font-size:clamp(25px,7.2vw,31px);line-height:1.32}
.intro h1 span{display:inline-block;white-space:nowrap}
.intro h1 em{position:relative;z-index:0;color:#8b2626;font-style:normal}
.intro h1 em::after{position:absolute;z-index:-1;left:-4px;right:-5px;bottom:.08em;height:.34em;border-radius:10px 3px 12px 3px;content:'';background:#e9c7be;transform:rotate(-.8deg)}
.intro-copy{margin:2px 0 0;color:var(--ui-muted);font:400 14px/1.6 var(--sans);letter-spacing:-.01em}
.intro-list{display:grid;gap:7px;margin:0;padding:11px 4px;list-style:none;border-block:1px solid var(--ui-line);text-align:left}
.intro-list li{display:flex;align-items:center;gap:10px;color:var(--ui-ink);font:600 13px/1.4 var(--sans);letter-spacing:-.03em}
.intro-list i{flex:none;display:grid;place-items:center;width:20px;height:20px;padding-top:1px;border-radius:50%;background:var(--ui-action);color:#fbf3e4;font:900 12.5px/1 var(--serif);font-style:normal}
.primary{min-height:54px;border-radius:12px;background:var(--ui-action);font:700 16px/1.2 var(--sans);letter-spacing:-.02em;box-shadow:0 6px 16px #55312d26}
.primary:hover{background:var(--ui-action-hover)}

/* 출생 정보 — 정통사주 입력 화면의 압축 배치(보조 선택은 라벨 줄 오른쪽, 입력칸 40px)를 이 화면에도 그대로 */
.step-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--ui-line)}
.step-face{flex:none;width:54px;height:54px;border-radius:50%;object-fit:cover;object-position:62% 55%;background:#f7efe0;box-shadow:0 0 0 2px #f7f0e3,0 0 0 3.5px #a88452}
.step-head h1{margin-top:2px;font-size:clamp(21px,5.8vw,24px)}
.bform{display:grid;flex:1;align-content:space-evenly;gap:clamp(8px,1.6dvh,14px);padding-top:12px}
.field{display:grid;gap:6px;margin:0}
.field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;color:var(--ui-ink);font:700 13px/1.3 var(--sans);letter-spacing:-.01em}
.field-head small{color:var(--ui-muted);font:400 11.5px/1.3 var(--sans)}
.bform input[type=text]{display:block;width:100%;min-width:0;height:44px;margin:0;padding:0 13px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);color:var(--ui-ink);font:500 16px/1.2 var(--sans)}
.bform input[type=text]:disabled{background:#efe9de;color:#a89e90}
.bform input[type=text]::placeholder{color:#b3a999;font-weight:400}
.bform input[type=text]:focus{outline:2px solid #a8845266;outline-offset:1px;border-color:#a88452}
.date-row{display:grid;grid-template-columns:minmax(0,1.5fr) auto minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:6px;color:var(--ui-muted);font:500 13px/1 var(--sans)}
.date-row input{text-align:center;font-variant-numeric:tabular-nums}
.time-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.5fr)}
.time-note{padding-left:6px;color:var(--ui-muted);font:400 11px/1.4 var(--sans);letter-spacing:-.02em}
/* 라벨 줄의 작은 알약 선택 */
.pills{display:flex;gap:2px;padding:2px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-soft)}
.pills label,.pills button{display:grid;place-items:center;min-width:46px;height:26px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--ui-muted);font:600 12.5px/1 var(--sans);cursor:pointer;touch-action:manipulation}
.pills label[hidden]{display:none}
.pills input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pills label:has(input:checked),.pills button[aria-pressed=true]{background:var(--ui-action);color:#fbf3e4}
.pills label:has(input:focus-visible){outline:2px solid var(--ui-action);outline-offset:2px}
.pills.wide{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0;border:0;background:none}
.pills.wide label{height:44px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);font-size:15px}
.pills.wide label:has(input:checked){border-color:var(--ui-action)}
.bform-actions{display:flex;gap:10px;margin-top:2px}
.bform-actions .primary{flex:1}
.back-button{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0 0 2px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface);color:var(--ui-muted);font:400 20px/1 var(--sans)}
.bform-actions .back-button{width:54px;height:54px}
.input-note{margin:0;color:var(--ui-muted);font:400 11.5px/1.5 var(--sans);text-align:center;letter-spacing:-.02em}

/* 기질 문답 */
.quiz-bar{display:flex;align-items:center;gap:12px}
.quiz-bar .back-button{width:40px;height:40px;border-radius:50%}
.quiz-progress-track{flex:1;height:5px;background:#ddd2bf;border-radius:3px;overflow:hidden;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(20% - 4px),transparent calc(20% - 4px) 20%);mask:repeating-linear-gradient(90deg,#000 0 calc(20% - 4px),transparent calc(20% - 4px) 20%)}
.quiz-progress-track span{display:block;width:20%;height:100%;background:var(--ui-action);transition:width .3s ease}
#question-count{flex:none;color:var(--ui-action);font:800 13px/1 var(--sans);font-variant-numeric:tabular-nums}
.question-number{margin-top:clamp(10px,3dvh,26px);font-size:13px}
#quiz h1{margin:6px 0 0;font-size:clamp(20px,5.6vw,24px);line-height:1.38}
.options{display:grid;gap:clamp(7px,1.4dvh,11px);margin:clamp(12px,2.6dvh,22px) 0 0}
.option{display:flex;align-items:center;gap:12px;width:100%;min-height:clamp(54px,9dvh,70px);padding:9px 14px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface);color:var(--ui-ink);font:500 14.5px/1.5 var(--sans);letter-spacing:-.03em;text-align:left;word-break:keep-all;transition:border-color .15s,background-color .15s,transform .15s}
.option:hover{border-color:#a88452;background:#fbf6ea}
.option.selected{border-color:var(--ui-action);background:#f3e9dc;box-shadow:inset 0 0 0 1px var(--ui-action);transform:scale(.99)}
.option-code{flex:none;display:grid;place-items:center;width:26px;height:26px;padding-top:2px;border:1px solid #a88452;border-radius:50%;color:var(--ui-action);font:800 12px/1 var(--serif)}
.option.selected .option-code{border-color:var(--ui-action);background:var(--ui-action);color:#fbf3e4}
.quiz-hint{margin:auto 0 0;padding-top:10px;color:var(--ui-muted);font:400 12px/1.4 var(--sans);text-align:center}
@media(max-height:660px){.step-face{width:44px;height:44px}.field-head{min-height:24px}.bform input[type=text],.pills.wide label{height:40px}.option{padding-block:6px}}
@media(prefers-reduced-motion:reduce){.quiz-progress-track span,.option{transition:none}}
.field-head label{color:inherit;font:inherit}

.bform input.single-text[type=text]{height:48px;font-size:17px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.bform input.single-text[type=text]::placeholder{letter-spacing:0;font-size:15px}
.date-row[hidden]{display:none}
.bform .single-text + .date-row + .time-note,.bform .time-row + .time-note{display:block;margin-top:6px}
.bform input.single-text.is-unknown{background:#efe9de}
.result-consult{margin-top:20px;padding:22px 18px;background:#f3e9dc;border:1px solid #d8c6ad;border-radius:14px;text-align:center}
.result-consult h2{margin:0;font:700 20px/1.5 var(--serif);word-break:keep-all}
.result-consult p{font:400 14px/1.7 var(--sans);word-break:keep-all}
.result-consult .consult-signup{font-weight:700;color:var(--ui-action)}
.result-consult #chat-link{display:flex;justify-content:center;align-items:center;text-decoration:none;font-weight:700}
.result-actions #save{box-shadow:none;font-size:15px}

.shared-entry-pending #intro{display:none}
.shared-entry-pending #shared-loading[hidden]{display:flex}
.shared-loading{min-height:55vh;justify-content:center;text-align:center;gap:20px}
.shared-loading h1{font-size:24px;line-height:1.6;word-break:keep-all}
.shared-loading .secondary{display:block;text-decoration:none;padding:14px}

#mode-step{gap:20px;padding-top:24px}#mode-back{align-self:flex-start}.mode-options{display:grid;gap:14px;margin-top:12px}.mode-option{display:grid;gap:10px;text-align:left;width:100%;min-height:112px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fffdf8;color:var(--ink);word-break:keep-all}.mode-option strong{font-size:17px;line-height:1.5}.mode-option span{font-size:14px;color:var(--meta);line-height:1.65}.mode-option:hover{border-color:var(--accent);background:#f5eee5}