.persona-kicker { margin: 0 0 8px; padding: 7px 9px; border-left: 2px solid var(--red); background: #0a080bc7; color: #f0d8dc; font-size: 11px; line-height: 1.45; word-break: keep-all; }
.scene-landing { min-height: calc(100svh + 390px); overflow: visible; }
.scene-landing > .scene-image, .scene-landing > .shade { height: 100svh; }
.scene-landing .landing { top: auto; bottom: calc(390px + max(18px, env(safe-area-inset-bottom))); }
.landing-preview { position: absolute; z-index: 2; top: calc(100svh + 28px); left: 18px; right: 18px; padding: 25px 18px 20px; border: 1px solid #d7b67545; background: linear-gradient(145deg, #151117, #080609); }
.landing-preview > span { color: var(--gold); font-size: 10px; letter-spacing: .08em; }
.landing-preview h2 { margin: 8px 0 18px; color: #fff9f4; font-family: Georgia,"Noto Serif KR",serif; font-size: 24px; line-height: 1.38; letter-spacing: -.035em; word-break: keep-all; }
.landing-preview ol { display: grid; gap: 11px; margin: 0 0 20px; padding: 0; list-style: none; }
.landing-preview li { display: flex; align-items: flex-start; gap: 10px; color: #d2c9cd; font-size: 12px; line-height: 1.55; }
.landing-preview li b { color: var(--red); font-family: Georgia,serif; }
.scroll-hint { position: fixed; z-index: 8; left: 50%; bottom: max(12px, env(safe-area-inset-bottom)); width: min(calc(100% - 30px), 490px); min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #d7b67566; background: #09070bea; color: #f2e8e2; box-shadow: 0 8px 30px #000b; backdrop-filter: blur(12px); font-size: 11px; transition: opacity .2s, transform .2s; transform: translateX(-50%); }
.scroll-hint b { color: var(--gold); font-size: 18px; animation: scrollNudge 1.1s ease-in-out infinite; }
.scroll-hint.dismissed { opacity: 0; pointer-events: none; transform: translate(-50%, 8px); }
@keyframes scrollNudge { 50% { transform: translateY(4px); } }
@media (max-width: 390px) { .persona-kicker { font-size: 10px; } .scene-landing { min-height: calc(100svh + 370px); } .scene-landing .landing { bottom: calc(370px + max(12px, env(safe-area-inset-bottom))); left: 13px; right: 13px; } .landing-preview { top: calc(100svh + 18px); left: 10px; right: 10px; padding: 22px 15px 17px; } .landing-preview h2 { font-size: 22px; } .hero-recut h1 { margin-bottom: 10px; } .hero-explain { margin-bottom: 11px; } .hero-points { margin-bottom: 11px; } }

/* Keep the inspector's face as the visual hook while bringing the verdict into the first mobile viewport. */
.scene-preview { padding-top: 470px; }
.scene-preview .scene-image { height: 530px; object-position: center top; }
.scene-preview .shade { height: 540px; background: linear-gradient(180deg, transparent 40%, #070609 96%); }
.partner-birth-toggle { width: 100%; margin: 15px 0 10px; padding: 13px 14px; display: flex; justify-content: space-between; border: 1px solid #d7b67555; background: #171218; color: #f4ece8; text-align: left; }
.partner-birth-toggle small { color: var(--gold); }
.partner-birth-panel { margin: 0 0 14px; padding: 14px; border: 1px solid #d7b67538; background: #0b090cdd; }
.partner-birth-panel > b { display: flex; justify-content: space-between; color: #f6ece7; font-size: 12px; }
.partner-birth-panel > b small { color: var(--gold); font-weight: 400; }
.partner-birth-panel > p { margin: 10px 0 0; color: #a9a0a5; font-size: 10px; line-height: 1.55; }
.partner-birth-panel .field-error { color: #ff8f9c; }
.partner-saju { margin: 15px 0; padding: 15px; border: 1px solid #d7b67555; background: linear-gradient(145deg, #181219, #0b080c); }
.partner-saju > span { color: var(--gold); font-size: 10px; letter-spacing: .06em; }
.partner-saju > div { display: flex; gap: 8px; margin: 10px 0; }
.partner-saju > div b { flex: 1; padding: 9px 6px; background: #261a20; color: #fff3ec; font-size: 11px; text-align: center; }
.partner-saju p { margin: 0 0 8px; color: #e7dfe0; font-size: 12px; line-height: 1.65; }
.partner-saju small { color: #91888d; font-size: 9px; line-height: 1.5; }
.scene-clue:has(.partner-birth-panel) { min-height: 1360px; }
@media (max-width: 390px) { .scene-preview { padding-top: 405px; } .scene-preview .scene-image { height: 465px; } .scene-preview .shade { height: 475px; } }
.free-reading,.share-lab{margin:16px 0;padding:16px;border:1px solid #d7b6753d;background:linear-gradient(145deg,#141015,#09070a)}
.reading-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:15px}.reading-heading span{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.08em}.reading-heading small{color:#8f858b;font-size:9px}
.free-reading article{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:14px 0;border-top:1px solid #ffffff12}.free-reading article>i{width:27px;height:27px;display:grid;place-items:center;border:1px solid #d7b67555;border-radius:50%;color:var(--gold);font-family:Georgia,serif;font-size:11px;font-style:normal}.free-reading article b{color:#c1b5b9;font-size:10px}.free-reading article h3{margin:5px 0 7px;color:#fff5ef;font-family:Georgia,"Noto Serif KR",serif;font-size:16px;line-height:1.45;word-break:keep-all}.free-reading article p{margin:0;color:#d0c6ca;font-size:11px;line-height:1.75;word-break:keep-all}.free-reading .next-action{margin:5px -8px;padding:15px 8px;background:#ef35520e}.free-reading .next-action h3{color:#ff8292}
.share-card-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.share-card-option{padding:5px 5px 10px;border:1px solid #ffffff18;background:#0a080b;color:#b8adb1}.share-card-option.active{border-color:var(--gold);box-shadow:0 0 0 1px #d7b67544}.share-card-option>b{display:block;margin-top:8px;font-size:10px}.share-card{position:relative;aspect-ratio:4/5;padding:12px;overflow:hidden;text-align:left}.share-card small,.share-card strong,.share-card span,.share-card em{position:relative;z-index:1;display:block}.secret-card{background:radial-gradient(circle at 75% 15%,#7a152d55,transparent 32%),linear-gradient(145deg,#2a0e16,#080609 70%);border:1px solid #9d2940}.secret-card small{color:#d7b675;font:7px Georgia,serif}.secret-card strong{margin-top:32%;color:#fff5ef;font-family:Georgia,"Noto Serif KR",serif;font-size:14px;line-height:1.35;word-break:keep-all}.secret-card p{color:#e55369;font-size:8px}.secret-card i{position:absolute;right:-8px;bottom:5px;color:#7f1e31;font:italic 72px Georgia,serif}.secret-card em{position:absolute;left:12px;bottom:12px;color:#b8aaad;font:8px Georgia,serif}
.record-card{background:linear-gradient(160deg,#121723,#080a0f);border:1px solid #806f50}.record-card small{color:#bca472;font-size:6px;letter-spacing:.08em}.record-card span{margin-top:18%;color:#8f99aa;font-size:7px}.record-card strong{margin-top:5px;color:#fff;font-family:Georgia,"Noto Serif KR",serif;font-size:13px;line-height:1.35}.record-card>div{margin-top:18px;padding:8px;border-left:1px solid #d7b675;background:#ffffff08}.record-card>div b{color:#d7b675;font:22px Georgia,serif}.record-card>div small{font-size:6px}.record-card em{position:absolute;left:12px;bottom:12px;color:#747b87;font-size:6px}.share-lab .outline{min-height:48px;margin-top:11px}.share-note{margin:8px 0 0;color:#82777c;font-size:9px;line-height:1.5;text-align:center}
@media(max-width:360px){.share-card-options{gap:6px}.share-card{padding:9px}.secret-card strong,.record-card strong{font-size:12px}}
.hero-recut h1,.dialogue .speech,.reaction,.result>.speech,.result h2{font-family:"Song Myung","AppleMyungjo","Noto Serif KR",serif}
.personal-clue span{font-size:13px;line-height:1.45}.personal-clue p{font-size:13px;line-height:1.72}
.partner-birth-panel input{scroll-margin:0}.scene-clue{scroll-padding-bottom:0}
.delivery-preview{margin:13px 0 2px;padding:12px;border:1px solid #ffffff16;background:#121014}.delivery-preview>b{display:block;margin-bottom:9px;color:#d7b675;font-size:10px}.delivery-bubble{display:flex;gap:10px;padding:10px;border-radius:10px;background:#eee8e0;color:#211b1e}.delivery-thumb{flex:0 0 58px;height:72px;display:grid;place-items:center;background:linear-gradient(145deg,#410f1d,#090608);color:#c4344e;font:italic 36px Georgia,serif}.delivery-bubble p{min-width:0;margin:0}.delivery-bubble strong{display:block;color:#241c20;font-size:10px;line-height:1.45}.delivery-bubble small{display:block;margin:5px 0;color:#71676b;font-size:8px;line-height:1.4}.delivery-bubble a{display:block;overflow:hidden;color:#8d2940;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.premium-card-benefit{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff1a}.premium-card-benefit b,.premium-card-benefit span{display:block}.premium-card-benefit b{color:#f1d39b;font-size:11px}.premium-card-benefit span{margin-top:5px;color:#b9aaaf;font-size:9px;line-height:1.5}
/* A compact bottom cue reads naturally on mobile and returns whenever more content remains. */
.scroll-hint{left:50%;right:auto;top:auto;bottom:max(14px,env(safe-area-inset-bottom));width:auto;min-width:148px;min-height:42px;padding:0 16px;flex-direction:row;gap:8px;transform:translateX(-50%);border-radius:999px;background:#09070be8}
.scroll-hint span{font-size:11px;line-height:1.2;writing-mode:horizontal-tb;letter-spacing:.01em}.scroll-hint b{font-size:17px}.scroll-hint.at-end{opacity:0;pointer-events:none;transform:translate(-50%,8px)}
@keyframes scrollNudge{50%{transform:translateY(5px)}}
.partner-birth-panel{scroll-margin:0}.partner-birth-panel input{scroll-margin:0}.scene-clue{scroll-padding-bottom:0}
.saju-basis span,.partner-saju>span,.method-note b,.reading-heading span{font-size:13px;line-height:1.45}.saju-basis b{font-size:17px}.saju-basis p,.partner-saju p,.method-note p,.free-reading article p{font-size:13px;line-height:1.72}.saju-basis small,.partner-saju small,.method-note small,.reading-heading small,.share-note{font-size:11px;line-height:1.55}.partner-saju>div b{font-size:13px}.free-reading article b{font-size:12px}.free-reading article h3{font-size:18px}.share-card-option>b{font-size:12px}.share-lab .outline{font-size:14px}.delivery-preview>b{font-size:12px}.delivery-bubble strong{font-size:12px}.delivery-bubble small,.delivery-bubble a{font-size:10px}
.share-card-options.single-card{display:block}.single-card .share-card-option{display:block;width:min(76%,250px);margin:auto}.single-card .share-card{aspect-ratio:4/5}
.shared-secret{position:relative;min-height:100svh;padding-top:430px;background:#09070a;color:#f6efe7}.shared-secret-hero{position:absolute;inset:0 0 auto;width:100%;height:560px;object-fit:cover;object-position:center 18%;filter:brightness(.72)}.shared-secret:before{content:"";position:absolute;z-index:1;top:0;left:0;right:0;height:580px;background:linear-gradient(180deg,transparent 43%,#09070a 100%);pointer-events:none}.shared-secret header{position:absolute}.shared-secret-sheet{position:relative;z-index:2;margin:0 14px 24px;padding:22px 17px;border:1px solid #9d2940;background:linear-gradient(145deg,#100c11f7,#080609);box-shadow:0 -20px 70px #000}.shared-verdict{margin:0 0 19px;font-family:"Song Myung",Georgia,"Noto Serif KR",serif;font-size:28px;line-height:1.48;word-break:keep-all}.shared-secret-sheet hr{margin:0 0 20px;border:0;border-top:1px solid #ffffff18}.shared-heading small,.shared-conclusion>small{color:#a99fa4;font-size:11px}.shared-heading h2,.shared-conclusion h2{margin:7px 0 14px;font-family:"Song Myung",Georgia,"Noto Serif KR",serif;font-size:20px;line-height:1.45}.shared-masters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shared-masters article{padding:13px;border:1px solid #ffffff18;background:#ffffff06}.shared-masters small,.evidence-chain small{display:block;color:var(--gold);font-size:10px}.shared-masters b{display:block;margin:7px 0;color:#fff;font-size:15px}.shared-masters p{margin:0;color:#bcb1b5;font-size:11px;line-height:1.55}.shared-masters .unknown{opacity:.72}.evidence-chain{margin:20px 0;padding-top:18px;border-top:1px solid #ffffff17}.evidence-chain h3{margin:0 0 14px;font-family:"Song Myung",Georgia,"Noto Serif KR",serif;font-size:18px}.evidence-chain>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.evidence-chain article{position:relative;padding:11px 9px;border-top:2px solid #a72540;background:#ffffff04}.evidence-chain i{display:grid;width:24px;height:24px;margin-bottom:9px;place-items:center;border-radius:50%;background:#a72540;color:#fff;font:normal 11px Georgia,serif}.evidence-chain p{margin:7px 0 0;color:#d4c9cd;font-size:10px;line-height:1.6;word-break:keep-all}.shared-conclusion{margin:18px 0;padding:17px;border:1px solid #d7b67535;background:#d7b67509}.shared-conclusion p{margin:8px 0 15px;color:#cfc4c8;font-size:12px;line-height:1.7}.shared-conclusion b{color:var(--gold);font-size:12px}.shared-secret-sheet>.cta{margin-top:3px}.shared-secret .scroll-hint{display:none}@media(max-width:370px){.shared-secret{padding-top:390px}.shared-secret-hero{height:510px}.shared-verdict{font-size:25px}.shared-masters{grid-template-columns:1fr}.evidence-chain>div{grid-template-columns:1fr}.evidence-chain article{min-height:auto}}
.scene-preview .result{padding-bottom:94px}.scene-preview #pay{position:fixed;z-index:9;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(calc(100% - 30px),490px);min-height:58px;transform:translateX(-50%);box-shadow:0 12px 42px #000,0 0 24px #ef355255}.scene-preview .scroll-hint{bottom:82px;top:auto}.scene-preview .scroll-hint.at-end{transform:translate(-50%,8px)}
.scene-briefing{min-height:1160px}.scene-briefing .scene-image{height:650px;object-position:center top}.scene-briefing .shade{height:680px;background:linear-gradient(180deg,transparent 38%,#070609 94%)}.scene-briefing .dialogue{top:370px;bottom:auto}.briefing-lore{margin:13px 0 18px;color:#c8bdc1;font-size:13px;line-height:1.75;word-break:keep-all}.archive-principle{display:grid;gap:5px;margin:15px 0;padding:12px;border:1px solid #d7b67535;background:#07060999}.archive-principle article{display:flex;align-items:center;gap:11px}.archive-principle article i{flex:0 0 34px;height:34px;display:grid;place-items:center;border:1px solid #a72740;border-radius:50%;color:#ef4963;font:normal 15px Georgia,serif}.archive-principle article div{min-width:0}.archive-principle article b,.archive-principle article small{display:block}.archive-principle article b{color:#fff5ef;font-size:12px}.archive-principle article small{margin-top:3px;color:#a99fa4;font-size:10px;line-height:1.45}.archive-principle>span{height:9px;margin-left:16px;color:#8f2940;font-size:12px;line-height:9px}.yeonhwi-role{padding:13px 14px;border-left:2px solid var(--gold);background:#d7b6750b}.yeonhwi-role b{color:var(--gold);font-family:"Song Myung",Georgia,"Noto Serif KR",serif;font-size:15px}.yeonhwi-role p{margin:7px 0 0;color:#d5cbd0;font-size:12px;line-height:1.65;word-break:keep-all}
.scene-preview .scene-image{filter:saturate(1.08) contrast(1.03)}
.scene-preview::after{content:"";position:absolute;z-index:1;left:50%;top:330px;width:310px;height:210px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,#d7b67542 0%,#d7b6751c 34%,transparent 72%);filter:blur(8px);transform:translate(-50%,-50%) scale(.82);opacity:0;animation:archiveGlow 1.8s .2s ease-out both}
.scene-preview .scene-image{animation:archiveImageReveal 1.35s ease-out both}
.scene-preview .result.reveal{animation-delay:.18s}
.modal h2{font-family:"Song Myung","AppleMyungjo","Noto Serif KR",serif;font-weight:400;letter-spacing:-.035em;word-break:keep-all}
@keyframes archiveGlow{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}38%{opacity:.65}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes archiveImageReveal{0%{opacity:.62;filter:saturate(.82) brightness(.72) contrast(1.04)}100%{opacity:1;filter:saturate(1.08) brightness(1) contrast(1.03)}}
@media(max-width:390px){.scene-briefing{min-height:1120px}.scene-briefing .dialogue{top:350px}.scene-preview #pay{width:calc(100% - 22px)}}
.partner-birth-sheet{position:fixed;z-index:30;left:50%;bottom:calc(env(keyboard-inset-height,0px) + env(safe-area-inset-bottom));width:min(100%,520px);padding:17px 16px 14px;transform:translateX(-50%);border:1px solid #d7b67555;border-bottom:0;background:#0d0a0ff7;box-shadow:0 -18px 60px #000;backdrop-filter:blur(18px)}.partner-sheet-backdrop{position:fixed;z-index:29;inset:0;background:#0009}.partner-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.partner-sheet-head b{font-family:"Song Myung",Georgia,serif;font-size:18px}.partner-sheet-head small{color:var(--gold);font-size:10px}.partner-birth-sheet .birth-fields{margin-bottom:8px}.partner-birth-sheet>p{margin:7px 0;color:#aaa0a6;font-size:10px;line-height:1.45}.partner-birth-sheet .field-error{color:#ff8f9c}.partner-birth-sheet .cta{min-height:48px;margin-top:9px}.partner-sheet-open,.partner-sheet-open body{overflow:hidden}.partner-sheet-open .scroll-hint{display:none}
.next-record{margin:16px 0;padding:17px;border:1px solid #d7b67535;background:linear-gradient(145deg,#171116,#0a080b)}.next-record small{color:var(--gold);font-size:10px}.next-record h3{margin:7px 0;font-family:"Song Myung",Georgia,"Noto Serif KR",serif;font-size:20px}.next-record p{margin:0;color:#aaa0a6;font-size:11px;line-height:1.6}.next-record .outline{font-size:13px}.request-modal{max-height:min(88svh,760px);overflow:auto}.request-types{display:grid;gap:7px;margin:14px 0}.request-types label{position:relative}.request-types input{position:absolute;opacity:0}.request-types span{min-height:46px;padding:12px 13px;display:flex;align-items:center;border:1px solid #ffffff18;background:#171319;color:#ddd;font-size:13px}.request-types input:checked+span{border-color:var(--gold);background:#d7b67513;color:#fff;box-shadow:inset 3px 0 var(--red)}.request-email{display:grid;gap:7px;margin-top:13px;color:#d5cbd0;font-size:12px}.request-email small{color:#8f858b}.request-email input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #ffffff22;background:#171319;color:#fff;font-size:16px}.request-consent{display:flex;align-items:flex-start;gap:9px;margin-top:12px;color:#c3b8bd;font-size:11px;line-height:1.5}.request-consent input{margin-top:3px;accent-color:#a21f39}.request-privacy{color:#81767b!important;font-size:9px!important;line-height:1.5!important}.request-modal .field-error{color:#ff8f9c}.request-modal .seal{margin-top:18px}
.locked>span{display:block;margin-bottom:8px;color:var(--gold);font-size:10px;font-weight:800}.request-consent b{color:#e4c98f}.scene-preview #reserve-precision{position:fixed;z-index:9;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(calc(100% - 30px),490px);min-height:58px;transform:translateX(-50%);box-shadow:0 12px 42px #000,0 0 24px #ef355255}.scene-preview .result>.next-record{margin-bottom:80px}