:root{--ink:#070609;--paper:#f6efe7;--red:#ef3552;--gold:#d7b675;--line:#ffffff24}*{box-sizing:border-box}html,body{color:var(--paper);background:#030304;margin:0;font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.experience{background:var(--ink);width:min(100%,520px);min-height:100vh;margin:auto;box-shadow:0 0 90px #000}.scene{min-height:100svh;animation:.4s fade;position:relative;overflow:hidden}.scene-image,.shade{width:100%;height:100%;position:absolute;inset:0}.scene-image{object-fit:cover;object-position:center top}.shade{pointer-events:none;background:linear-gradient(#0000 28%,#04030540 48%,#070609f5 78%,#070609)}header{z-index:3;background:linear-gradient(#050407aa,#0000);justify-content:space-between;align-items:center;height:65px;padding:0 21px;display:flex;position:absolute;top:0;left:0;right:0}header span{background:#0007;border:1px solid #ffffff32;border-radius:99px;padding:7px 10px;font-size:10px}.brand{color:#fff;background:0 0;border:0;font-family:Georgia,serif;font-weight:800}.brand i{color:var(--red);font-size:12px;font-style:normal}.landing,.dialogue,.result{z-index:2;position:absolute;bottom:18px;left:18px;right:18px}.landing{padding:20px 7px 0}.dialogue,.result{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0f0c11f2,#070609fc);border:1px solid #d7b67545;padding:21px 18px 17px;box-shadow:0 -12px 48px #0007}.tag{color:var(--gold);letter-spacing:.09em;align-items:center;gap:9px;margin-bottom:12px;font-size:11px;font-weight:900;display:flex}.tag i{background:var(--red);width:23px;height:1px}.whisper,.speech{word-break:keep-all;font-family:Georgia,Noto Serif KR,serif}.whisper{margin:10px 0 13px;font-size:15px}.speech{letter-spacing:-.025em;margin:0 0 16px;font-size:20px;line-height:1.52}.landing h1{letter-spacing:-.065em;text-shadow:0 3px 18px #000;margin:0 0 17px;font-size:clamp(35px,10vw,49px);line-height:1.08}.landing h1 em{color:#ff5c71;font-style:normal}.landing ul{border:1px solid var(--line);background:#070609ad;margin:0 0 18px;padding:13px 16px;list-style:none}.landing li{padding:4px 0 4px 17px;font-size:12px;position:relative}.landing li:before{content:"";background:var(--red);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:0}.cta,.outline{border-radius:0;width:100%;min-height:57px;font-weight:900}.cta{color:#fff;background:linear-gradient(100deg,#a81734,#e12b49);border:1px solid #fb6173;box-shadow:0 11px 30px #d11f3f3d}.cta:disabled{opacity:.35}.outline{border:1px solid var(--line);color:#ddd;background:#ffffff0a;margin-top:9px}.landing small,.privacy{text-align:center;color:#9b9197;margin:10px 0 0;font-size:10px;display:block}.choices{gap:8px;display:grid}.choices button{border:1px solid var(--line);color:#eee;text-align:left;background:#181419;justify-content:space-between;align-items:center;min-height:49px;padding:11px 14px;font-size:13px;display:flex}.choices b{color:var(--gold);font-size:20px}.back{color:#9c9298;background:0 0;border:0;margin:11px auto 0;font-size:11px;display:block}.fields{grid-template-columns:1fr 1fr;gap:9px;margin:2px 0 12px;display:grid}.fields label{color:#cfc5ca;gap:6px;font-size:11px;display:grid}.fields input,.fields select{border:1px solid var(--line);color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171319;width:100%;min-height:47px;padding:10px;font-size:12px}.result{margin:370px 18px 18px;position:relative;bottom:auto;left:auto;right:auto}.result .speech{font-size:18px}.score{background:#0d0a0e;border:1px solid #ef355247;margin:14px 0;padding:15px 17px}.score span{color:#aaa;font-size:10px;display:block}.score strong{color:#ff5c70;font-size:48px}.score small{color:#988}.result h2{margin:0 0 14px;font-size:30px}.evidence{border-left:2px solid var(--gold);background:#d7b67512;margin:14px 0;padding:15px}.evidence span,.evidence b{display:block}.evidence span{color:var(--gold);margin-bottom:6px;font-size:10px}.evidence b{font-size:12px;line-height:1.55}.locked{background:#251016;border:1px solid #ef355252;margin:14px 0;padding:16px}.locked b{font-family:Georgia,serif;font-size:18px}.locked p{color:#aaa;margin:6px 0 0;font-size:11px;line-height:1.55}.modal-backdrop{z-index:10;background:#000d;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal{background:#141116;border:1px solid #d7b67547;width:min(100%,460px);padding:27px 21px;box-shadow:0 35px 100px #000}.modal h2{font-size:31px;line-height:1.18}.modal p{color:#aaa;font-size:13px;line-height:1.65}.modal-close{float:right;color:#fff;background:0 0;border:0;font-size:25px}.seal{border:2px solid var(--red);width:58px;height:58px;color:var(--red);border-radius:50%;place-items:center;margin:8px auto 17px;font-family:serif;font-size:25px;display:grid}@keyframes fade{0%{opacity:.2;transform:scale(1.008)}to{opacity:1;transform:none}}@media (max-width:390px){.dialogue{padding:17px 13px;bottom:10px;left:10px;right:10px}.speech{font-size:18px}.choices button{font-size:12px}.fields{grid-template-columns:1fr}.landing ul{display:none}.result{margin:330px 10px 10px}}.birth-label,.gap-label{color:#cfc5ca;gap:6px;font-size:11px;display:grid}.birth-fields{grid-template-columns:1.3fr 1fr 1fr;gap:7px;margin:7px 0 12px;display:grid}.birth-fields label{position:relative}.birth-fields input,.gap-label select{border:1px solid var(--line);color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171319;width:100%;min-height:48px;padding:10px 25px 10px 10px;font-size:14px}.birth-fields span{color:#8f858b;font-size:11px;position:absolute;top:14px;right:9px}.gap-label{margin-bottom:12px}.gap-label select{margin-top:1px;padding-right:9px;font-size:12px}.personal-clue{background:#ffffff08;border:1px solid #ffffff1f;margin:13px 0;padding:14px}.personal-clue span{color:var(--gold);font-size:10px}.personal-clue p{color:#c9c0c5;margin:6px 0 0;font-size:11px;line-height:1.6}.personal-clue b{color:#fff;font-weight:700}.saju-basis,.method-note{background:#d7b6750b;border:1px solid #d7b67536;margin:13px 0;padding:14px}.saju-basis span{color:var(--gold);font-size:10px;display:block}.saju-basis b{color:#fff;margin:6px 0;font-size:15px;display:block}.saju-basis p,.method-note p{color:#c9c0c5;margin:0;font-size:11px;line-height:1.6}.method-note b{color:var(--gold);margin-bottom:5px;font-size:11px;display:block}.method-note small{color:#8f858b;border-top:1px solid #ffffff16;margin-top:8px;padding-top:8px;font-size:9px;line-height:1.5;display:block}.calendar-toggle{border:1px solid #ffffff24;grid-template-columns:1fr 1fr;margin:0 0 12px;display:grid}.calendar-toggle button{color:#8f858b;background:#141116;border:0;min-height:38px;font-size:12px}.calendar-toggle button.active{color:#fff;background:#7e172a;font-weight:800}.time-head{color:#cfc5ca;justify-content:space-between;align-items:center;margin:4px 0 7px;font-size:11px;display:flex}.time-head button{color:#9b9297;background:#141116;border:1px solid #ffffff24;padding:5px 8px;font-size:10px}.time-head button.active{color:var(--gold);border-color:#d7b67566}.time-fields{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px;display:grid}.time-fields label{position:relative}.time-fields input{border:1px solid var(--line);color:#fff;background:#171319;width:100%;min-height:45px;padding:10px 26px 10px 10px;font-size:13px}.time-fields span{color:#8f858b;font-size:11px;position:absolute;top:13px;right:10px}.time-fields.disabled{opacity:.32}.precision{color:var(--gold);background:#0003;margin-top:8px;padding:6px 8px;font-size:9px;display:block}.scene-clue{min-height:1120px}.scene-clue .scene-image{object-position:center top;height:620px}.scene-clue .shade{background:linear-gradient(#0000 45%,#070609 96%);height:650px}.scene-clue .dialogue{top:430px;bottom:auto}.scene-analyzing .scene-image{object-position:center top}.scene-analyzing .shade{background:linear-gradient(#0000 42%,#070609b8 68%,#070609 100%)}.analyzing{z-index:3;text-align:center;position:absolute;bottom:70px;left:24px;right:24px}.analyzing p{margin:20px 0 8px;font-family:Georgia,Noto Serif KR,serif;font-size:22px;line-height:1.55}.analyzing small{color:#aaa0a6;font-size:11px}.thread-orbit{background:#130d11cc;border:1px solid #d7b67555;border-radius:50%;place-items:center;width:76px;height:76px;margin:auto;display:grid;position:relative}.thread-orbit span{color:var(--red);font-family:serif;font-size:25px}.thread-orbit i{border:1px solid #0000;border-top-color:var(--red);border-right-color:var(--red);border-radius:50%;animation:1.1s linear infinite orbit;position:absolute;inset:-7px}.loading-dots{justify-content:center;gap:6px;margin-top:16px;display:flex}.loading-dots b{background:var(--gold);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite pulse}.loading-dots b:nth-child(2){animation-delay:.16s}.loading-dots b:nth-child(3){animation-delay:.32s}.result.reveal{transform-origin:top;animation:.85s cubic-bezier(.2,.75,.2,1) both unfold}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes unfold{0%{opacity:0;clip-path:inset(0 0 96%);transform:translateY(-18px)}to{opacity:1;clip-path:inset(0);transform:none}}@media (max-width:390px){.scene-clue{min-height:1080px}.scene-clue .dialogue{top:390px}}.scene-preview{min-height:auto;padding-top:780px;overflow:visible}.scene-preview .scene-image{object-position:center top;height:800px}.scene-preview .shade{background:linear-gradient(#0000 62%,#070609 99%);height:810px}.scene-preview .result{margin:0 18px 18px;position:relative;bottom:auto;left:auto;right:auto}.scene-preview header{position:absolute}@media (max-width:390px){.scene-preview{padding-top:680px}.scene-preview .scene-image{height:700px}.scene-preview .shade{height:710px}.scene-preview .result{margin:0 10px 10px}}.reaction{color:var(--gold);word-break:keep-all;border-bottom:1px solid #ffffff18;margin:0 0 8px;padding-bottom:10px;font-family:Georgia,Noto Serif KR,serif;font-size:14px;line-height:1.55}.dialogue .speech{font-size:22px}.choices button{min-height:56px;padding:14px 15px;font-size:15px;line-height:1.45}.cta{min-height:60px;font-size:16px}.back{min-height:38px;font-size:12px}.birth-label,.gap-label,.time-head{font-size:13px}.birth-fields input,.gap-label select,.time-fields input{font-size:16px}.privacy{font-size:11px;line-height:1.5}.scene-origin,.scene-meeting{min-height:1040px}.scene-situation,.scene-pace{min-height:950px}.scene-origin .dialogue,.scene-meeting .dialogue,.scene-situation .dialogue,.scene-pace .dialogue{top:390px;bottom:auto}.scene-origin .scene-image,.scene-meeting .scene-image,.scene-situation .scene-image,.scene-pace .scene-image{height:610px}.scene-origin .shade,.scene-meeting .shade,.scene-situation .shade,.scene-pace .shade{background:linear-gradient(#0000 48%,#070609 98%);height:630px}header{padding-top:env(safe-area-inset-top)}.landing,.dialogue,.result{padding-bottom:max(17px,env(safe-area-inset-bottom))}@media (max-width:390px){.dialogue .speech{font-size:21px}.reaction{font-size:13px}.choices button{font-size:14px}.scene-origin,.scene-meeting{min-height:1000px}.scene-situation,.scene-pace{min-height:900px}.scene-origin .dialogue,.scene-meeting .dialogue,.scene-situation .dialogue,.scene-pace .dialogue{top:360px}}.scene-analyzing .brand{font-size:0}.scene-analyzing .brand i{display:none}.scene-analyzing .brand:before{content:"紅緣書庫";color:var(--red);margin-right:7px;font-size:11px}.scene-analyzing .brand:after{content:"홍연서고";color:#fff;font-size:15px}.dual-score{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.dual-score>div{background:#0d0a0e;border:1px solid #ef355247;padding:14px}.dual-score span{color:#aaa0a6;min-height:28px;font-size:10px;line-height:1.35;display:block}.dual-score strong{color:#ff5c70;font-size:38px}.dual-score small{color:#988d93;font-size:10px}.result h2{margin-top:18px}.choices button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cta:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.choices button:active,.cta:active{transform:scale(.985)}.entry-panel,.briefing-panel{z-index:3;left:18px;right:18px;bottom:max(22px,env(safe-area-inset-bottom));text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0f0c11eb,#070609fa);border:1px solid #d7b67555;padding:22px 18px 17px;position:absolute}.door-seal{border:1px solid var(--red);width:52px;height:52px;color:var(--red);border-radius:50%;place-items:center;margin:0 auto 12px;font-family:serif;font-size:22px;display:grid;box-shadow:0 0 28px #ef35523d}.entry-kicker{color:var(--gold);letter-spacing:.08em;margin:0 0 8px;font-size:11px}.entry-panel h2{margin:0 0 10px;font-family:Georgia,Noto Serif KR,serif;font-size:34px;line-height:1.2}.entry-panel>p:not(.entry-kicker){color:#bbb1b6;margin:0 0 17px;font-size:13px;line-height:1.6}.scene-entry.door-opening .entry-panel{animation:.35s both panelFade}.scene-briefing .shade{background:linear-gradient(#0000 35%,#07060959 55%,#070609 87%)}.briefing-panel{text-align:left}.briefing-panel .speech{font-size:23px}.briefing-copy{color:#c8bfc3;word-break:keep-all;margin:0 0 15px;font-size:14px;line-height:1.7}.briefing-copy b{color:#fff}.briefing-rules{flex-wrap:wrap;gap:7px;margin-bottom:15px;display:flex}.briefing-rules span{color:#d7c6a5;background:#d7b67510;border:1px solid #d7b6753d;padding:7px 9px;font-size:10px}.skip-intro{color:#b0a6ac;background:0 0;border:0;width:100%;min-height:42px;margin-top:7px;font-size:12px;text-decoration:underline}@keyframes doorApproach{0%{transform:scale(1)}to{filter:brightness(1.4);transform:scale(1.12)}}@keyframes panelFade{to{opacity:0;transform:translateY(12px)}}@media (max-width:390px){.entry-panel,.briefing-panel{left:10px;right:10px}.entry-panel h2{font-size:31px}.briefing-panel .speech{font-size:21px}}.scene-signal{min-height:1040px}.scene-signal .dialogue{top:390px;bottom:auto}.scene-signal .scene-image{height:610px}.scene-signal .shade{background:linear-gradient(#0000 48%,#070609 98%);height:630px}@media (max-width:390px){.scene-signal{min-height:1000px}.scene-signal .dialogue{top:360px}}.hero-recut h1{letter-spacing:-.05em;margin:8px 0 14px;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(34px,9vw,46px);line-height:1.22}.hero-recut h1 em{color:#ff5c71}.hero-explain{color:#d0c7cb;word-break:keep-all;margin:0 0 15px;font-size:14px;line-height:1.65}.hero-points{gap:6px;margin-bottom:15px;display:flex}.hero-points span{color:#d9c7a6;background:#08070aad;border:1px solid #d7b6753d;padding:7px 9px;font-size:10px}.scene-entry .shade{background:linear-gradient(#0000 35%,#0706094d 58%,#070609 96%)}.entry-transition{z-index:3;text-align:center;position:absolute;bottom:70px;left:20px;right:20px}.entry-transition .door-seal{animation:1s ease-in-out infinite sealPulse}.entry-transition p{color:#f4ece6;margin:13px 0 5px;font-family:Georgia,Noto Serif KR,serif;font-size:19px}.entry-transition small{color:#9d9398;font-size:11px}.scene-entry.door-opening .scene-image{animation:1.25s cubic-bezier(.2,.7,.2,1) both enterArchive}.scene-entry.door-opening .entry-transition{animation:1.1s both entryFade}@keyframes enterArchive{0%{filter:brightness();transform:scale(1)}65%{filter:brightness(1.35);transform:scale(1.08)}to{filter:brightness(2);transform:scale(1.18)}}@keyframes entryFade{0%,60%{opacity:1}to{opacity:0}}@keyframes sealPulse{50%{transform:scale(1.06);box-shadow:0 0 35px #ef355282}}@media (max-width:390px){.hero-recut h1{font-size:34px}.hero-explain{font-size:13px}.hero-points span{font-size:9px}}.scene-entry.door-opening .scene-image{animation-duration:1.9s}.scene-entry.door-opening .entry-transition{animation-duration:1.7s}.field-error{color:#ff8b9b;background:#ff385015;border-left:2px solid #ff5269;margin:-5px 0 12px;padding:8px 10px;font-size:11px;line-height:1.45}.field-error[hidden]{display:none}.birth-fields input.invalid,.time-fields input.invalid{background:#2a1016;border-color:#ff5269;box-shadow:inset 0 0 0 1px #ff526938}html,body{background:#030304;min-height:100%;margin:0;overflow:hidden}.prototype-shell{background:#030304;width:100%;height:100dvh}.prototype-frame{background:#030304;border:0;width:100%;height:100%;display:block}