.birth-label,.gap-label{display:grid;gap:6px;color:#cfc5ca;font-size:11px}.birth-fields{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:7px;margin:7px 0 12px}.birth-fields label{position:relative}.birth-fields input,.gap-label select{width:100%;min-height:48px;padding:10px 25px 10px 10px;border:1px solid var(--line);background:#171319;color:white;color-scheme:dark;font-size:14px}.birth-fields span{position:absolute;right:9px;top:14px;color:#8f858b;font-size:11px}.gap-label{margin-bottom:12px}.gap-label select{margin-top:1px;padding-right:9px;font-size:12px}.personal-clue{margin:13px 0;padding:14px;border:1px solid #ffffff1f;background:#ffffff08}.personal-clue span{color:var(--gold);font-size:10px}.personal-clue p{margin:6px 0 0;color:#c9c0c5;font-size:11px;line-height:1.6}.personal-clue b{color:#fff;font-weight:700}
.saju-basis,.method-note{margin:13px 0;padding:14px;border:1px solid #d7b67536;background:#d7b6750b}.saju-basis span{display:block;color:var(--gold);font-size:10px}.saju-basis b{display:block;margin:6px 0;color:#fff;font-size:15px}.saju-basis p,.method-note p{margin:0;color:#c9c0c5;font-size:11px;line-height:1.6}.method-note b{display:block;margin-bottom:5px;color:var(--gold);font-size:11px}.method-note small{display:block;margin-top:8px;padding-top:8px;border-top:1px solid #ffffff16;color:#8f858b;font-size:9px;line-height:1.5}
.calendar-toggle{display:grid;grid-template-columns:1fr 1fr;margin:0 0 12px;border:1px solid #ffffff24}.calendar-toggle button{min-height:38px;border:0;background:#141116;color:#8f858b;font-size:12px}.calendar-toggle button.active{background:#7e172a;color:#fff;font-weight:800}.time-head{margin:4px 0 7px;display:flex;align-items:center;justify-content:space-between;color:#cfc5ca;font-size:11px}.time-head button{padding:5px 8px;border:1px solid #ffffff24;background:#141116;color:#9b9297;font-size:10px}.time-head button.active{border-color:#d7b67566;color:var(--gold)}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.time-fields label{position:relative}.time-fields input{width:100%;min-height:45px;padding:10px 26px 10px 10px;border:1px solid var(--line);background:#171319;color:#fff;font-size:13px}.time-fields span{position:absolute;right:10px;top:13px;color:#8f858b;font-size:11px}.time-fields.disabled{opacity:.32}.precision{display:block;margin-top:8px;padding:6px 8px;background:#0003;color:var(--gold);font-size:9px}
.scene-clue{min-height:1120px}.scene-clue .scene-image{height:620px;object-position:center top}.scene-clue .shade{height:650px;background:linear-gradient(180deg,transparent 45%,#070609 96%)}.scene-clue .dialogue{top:430px;bottom:auto}.scene-analyzing .scene-image{object-position:center top}.scene-analyzing .shade{background:linear-gradient(180deg,transparent 42%,rgba(7,6,9,.72) 68%,#070609 100%)}.analyzing{position:absolute;z-index:3;left:24px;right:24px;bottom:70px;text-align:center}.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{position:relative;width:76px;height:76px;margin:auto;display:grid;place-items:center;border:1px solid #d7b67555;border-radius:50%;background:#130d11cc}.thread-orbit span{color:var(--red);font-family:serif;font-size:25px}.thread-orbit i{position:absolute;inset:-7px;border:1px solid transparent;border-top-color:var(--red);border-right-color:var(--red);border-radius:50%;animation:orbit 1.1s linear infinite}.loading-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.loading-dots b{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:pulse 1s ease-in-out infinite}.loading-dots b:nth-child(2){animation-delay:.16s}.loading-dots b:nth-child(3){animation-delay:.32s}.result.reveal{transform-origin:top center;animation:unfold .85s cubic-bezier(.2,.75,.2,1) both}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes unfold{from{opacity:0;clip-path:inset(0 0 96% 0);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{height:800px;object-position:center top}.scene-preview .shade{height:810px;background:linear-gradient(180deg,transparent 62%,#070609 99%)}.scene-preview .result{margin:0 18px 18px;position:relative;left:auto;right:auto;bottom: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{margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid #ffffff18;color:var(--gold);font-family:Georgia,"Noto Serif KR",serif;font-size:14px;line-height:1.55;word-break:keep-all}.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{height:630px;background:linear-gradient(180deg,transparent 48%,#070609 98%)}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}}