:root{--sand:#efe6d6;--paper:#f8f3ea;--ink:#2b2622;--muted:#7a6e62;--line:#2b26221f;--terra:#b5563a;--terra-dark:#964429;--olive:#6b7a4b;--indigo:#3e4a6b;--radius:16px;--serif:"Gowun Batang", "Nanum Myeongjo", serif;--sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--sand);color:var(--ink);font-family:var(--sans);word-break:keep-all;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;height:auto;display:block}ul{list-style:none}cite{font-style:normal}.app{max-width:480px;min-height:100dvh;margin:0 auto}.screen{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.eyebrow{letter-spacing:.04em;color:var(--terra);margin-bottom:10px;font-size:13px;font-weight:600}.eyebrow.center{text-align:center}.display{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(36px,11vw,46px);font-weight:700;line-height:1.22}.display.small{font-size:32px}.title{font-family:var(--serif);margin-bottom:8px;font-size:26px;line-height:1.35}.title.inline{margin:0;font-size:20px}.lead{color:var(--muted);margin-top:16px}.muted{color:var(--muted)}.muted-inline{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}.btn{border-radius:14px;width:100%;min-height:54px;font-size:16px;font-weight:600;transition:transform .12s,background .2s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:#3a332d}.btn.ghost{background:var(--paper);border:1px solid var(--line)}.btn.link{min-height:44px;color:var(--muted);text-underline-offset:4px;font-weight:500;text-decoration:underline}.icon-btn{border-radius:12px;flex-shrink:0;width:40px;height:40px;font-size:20px}.icon-btn:active{background:var(--line)}.bottom-actions{gap:10px;margin-top:auto;padding-top:24px;display:grid}.row-actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;display:grid}.footer{text-align:center;letter-spacing:.08em;color:var(--muted);opacity:.8;padding-top:16px;font-size:11px}.home{justify-content:space-between;overflow:hidden}.home-bg{background:url(/images/background.webp) center bottom / cover no-repeat var(--sand);z-index:-1;position:fixed;inset:0}.home-copy{padding-top:8vh}.home-actions{gap:4px;padding-top:32px;display:grid}.home .footer{color:var(--ink);opacity:.7;text-shadow:0 0 8px #f8f3eaf2}.home .btn.primary{box-shadow:0 8px 24px #2b26222e}.mbti-preview{text-align:center;font-family:var(--serif);letter-spacing:.3em;margin:28px 0 20px;padding-left:.3em;font-size:40px}.mbti-grid{gap:10px;display:grid}.seg{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seg-btn{background:var(--paper);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:52px;transition:all .15s;display:flex}.seg-btn strong{font-size:18px}.seg-btn span{color:var(--muted);font-size:14px}.seg-btn.on{background:var(--terra);border-color:var(--terra);color:var(--paper)}.seg-btn.on span{color:#f8f3ead9}.quiz-head{align-items:center;gap:12px;margin:0 -8px 8px;display:flex}.progress{background:var(--line);border-radius:4px;flex:1;height:4px;overflow:hidden}.progress-fill{background:var(--terra);height:100%;transition:width .3s}.count{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:36px;font-size:13px}.question{padding-top:8px}.q-art{aspect-ratio:1;width:min(44vw,170px);height:auto;margin:0 auto 4px}@media (height<=700px){.q-art{width:110px}.q-text{margin-bottom:18px;font-size:20px}.option{min-height:50px;padding:12px 16px}}.q-no{font-family:var(--serif);color:var(--terra);margin-bottom:6px;font-size:18px}.q-text{font-family:var(--serif);margin-bottom:28px;font-size:22px;font-weight:700;line-height:1.5}.options{gap:10px;display:grid}.option{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:14px;min-height:56px;padding:16px 18px;line-height:1.5;transition:all .15s}.option:active,.option.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.more{text-align:center;justify-content:center}.more-mark{color:var(--terra);margin-bottom:16px;font-size:40px}.more .bottom-actions{margin-top:40px}.result{gap:20px}.result .eyebrow{margin:0}.portrait{aspect-ratio:1;background:var(--paper);border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #2b26221f}.result-head{text-align:center}.type-name{font-family:var(--serif);color:var(--terra);margin-top:4px;font-size:19px}.meta{color:var(--muted);margin-top:8px;font-size:13px}.summary{font-size:16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card cite,.evidence cite{color:var(--muted);margin-top:6px;font-size:13px;display:block}.card-title{font-family:var(--serif);margin-bottom:12px;font-size:18px}.evidence{gap:18px;display:grid}.tag{color:var(--olive);background:#6b7a4b1f;border-radius:6px;margin-bottom:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.personal-label{font-family:var(--serif);color:var(--terra);margin:-4px 0 6px;font-size:19px;font-weight:700}.personal h4,.lessons h4{color:var(--muted);margin:14px 0 4px;font-size:13px;font-weight:600}.personal h4{margin-top:14px}.lessons h4:first-of-type{margin-top:0}.pair .card-title+.pills{margin-bottom:20px}.pair .pills:last-child{margin-bottom:0}.pills{flex-wrap:wrap;gap:8px;display:flex}.pills li{border-radius:999px;padding:8px 12px;font-size:14px;line-height:1.4}.pills.good li{color:#4d5935;background:#6b7a4b24}.pills.care li{color:var(--terra-dark);background:#b5563a1f}.rarity{color:var(--terra-dark);background:#b5563a1a;border-radius:999px;margin-top:10px;padding:4px 12px;font-size:12px;display:inline-block}.insight{background:var(--sand);border-radius:12px;margin-top:14px;padding:14px 16px}.insight span{color:var(--terra);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.insight p{font-family:var(--serif);font-size:17px;line-height:1.5}.hidden-note{background:var(--sand);font-size:14px}.crisis{margin-top:8px;font-weight:600}.ministry-note{color:var(--muted);margin:-6px 0 10px;font-size:13px}.hidden-closest{margin-top:8px;font-weight:600}.me-list{margin-top:4px;display:grid}.me-list li{padding:12px 0}.me-list li+li{border-top:1px solid var(--line)}.me-trait{letter-spacing:.04em;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.me-list p{font-family:var(--serif);font-size:17px;line-height:1.5}.me-list li.lead{padding:4px 0 16px}.me-list li.lead .me-trait{color:var(--terra)}.me-list li.lead p{font-size:22px;font-weight:700;line-height:1.4}.sub-title{color:var(--muted);margin:18px 0 12px;font-size:13px;font-weight:600}.ministry ol{list-style:none;display:grid}.ministry li{padding:4px 0 14px}.ministry li+li{border-top:1px solid var(--line);padding-top:16px}.ministry-name{font-family:var(--serif);color:var(--terra);font-size:19px;font-weight:700}.ministry-desc{color:var(--muted);margin-bottom:8px;font-size:13px}.ministry-bible{color:var(--muted);margin-top:8px;font-size:14px}.ministry-bible cite{font-size:12px}.conflict img[hidden]{display:none}.conflict img{width:150px;margin:0 auto 8px}.conflict-title{font-family:var(--serif);text-align:center;font-size:19px;font-weight:700}.conflict-desc{color:var(--muted);text-align:center;margin-bottom:14px;font-size:13px}.conflict-bible{color:var(--muted);margin-top:10px;font-size:14px}.conflict-bible span,.conflict-tip span{color:var(--olive);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.conflict-tip{background:var(--sand);border-radius:12px;margin-top:14px;padding:12px 14px}.combo{background:var(--sand);border-radius:12px;margin-bottom:10px;padding:14px 16px}.combo strong{font-family:var(--serif);margin-bottom:4px;font-size:16px;display:block}.combo p{font-size:14px}.traits{margin-top:6px}.traits li+li{border-top:1px solid var(--line)}.trait-head{text-align:left;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;width:100%;padding:14px 0;display:grid}.trait-name{color:var(--muted);font-size:13px}.trait-name em{color:var(--terra);margin-left:4px;font-style:normal;font-weight:600}.trait-headline{font-family:var(--serif);grid-column:1;font-size:17px;font-weight:700}.chev{color:var(--muted);grid-area:1/2/span 2;font-size:20px}.trait-body{padding-bottom:16px;font-size:15px}.trait-body dl{gap:10px;margin-top:12px;display:grid}.trait-body dt{color:var(--muted);font-size:12px;font-weight:600}.trait-body dd{margin:2px 0 0}.trait-body cite{color:var(--muted);font-size:12px;display:inline}.fineprint{color:var(--muted);margin-top:12px;font-size:12px}.legend{color:var(--muted);gap:16px;margin:-4px 0 14px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend .dot{position:static;transform:none}.bars{gap:16px;display:grid}.bar-label{color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;display:flex}.bar-label strong{color:var(--ink);font-size:14px}.bar-track{background:linear-gradient(90deg, #3e4a6b2e, var(--line) 50%, #b5563a2e);border-radius:6px;height:6px;position:relative}.bar-track:after{content:"";background:var(--line);width:1px;height:12px;position:absolute;top:-3px;left:50%}.dot{border:2px solid var(--paper);border-radius:50%;width:14px;height:14px;display:inline-block;position:absolute;top:50%;transform:translate(-50%,-50%)}.dot.you{background:var(--terra);z-index:1}.dot.them{background:var(--indigo);opacity:.85}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chips{gap:6px;font-size:14px;display:grid}.chips li:before{content:"+ ";color:var(--olive);font-weight:700}.chips.soft li:before{content:"– ";color:var(--terra)}.verse{text-align:center;font-family:var(--serif);padding:24px 8px;font-size:18px;line-height:1.7}.verse:before{content:"“";color:var(--terra);font-size:40px;line-height:1;display:block}.verse cite{font-family:var(--sans);color:var(--muted);margin-top:10px;font-size:13px;display:block}.others-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.other{text-align:center;font-size:14px}.other img{aspect-ratio:1;object-fit:cover;background:var(--paper);border-radius:14px;margin-bottom:6px}.other span{color:var(--muted);font-size:12px;display:block}.disclaimer{color:var(--muted);font-size:12px;line-height:1.6}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);border-radius:999px;padding:10px 18px;font-size:14px;animation:.2s fade;position:fixed;transform:translate(-50%)}.grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px;display:grid}.tile{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:8px 8px 12px}.tile img,.tile-lock{aspect-ratio:1;object-fit:cover;background:var(--sand);border-radius:10px;width:100%;margin-bottom:8px}.tile-lock{font-family:var(--serif);color:var(--muted);place-items:center;font-size:40px;display:grid}.tile strong{padding:0 4px;font-size:15px;display:block}.tile span{color:var(--muted);padding:0 4px;font-size:12px;line-height:1.4;display:block}.sources{color:var(--muted);margin-top:24px;font-size:13px}.sources summary{cursor:pointer;padding:8px 0}.sources li{margin:4px 0}.sources a{color:inherit}.sheet-backdrop{z-index:10;background:#2b262273;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--sand);width:100%;max-width:480px;max-height:90dvh;padding:20px 20px calc(20px + env(safe-area-inset-bottom));text-align:center;border-radius:24px 24px 0 0;gap:10px;animation:.25s up;display:grid;overflow-y:auto}.share-sheet{text-align:center}.share-title{font-family:var(--serif);margin:4px 0 8px;font-size:18px;font-weight:700}.sheet img{border-radius:18px}.sheet .summary{text-align:left}.fade-in{animation:.35s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=600px){.screen{padding-left:28px;padding-right:28px}.grid{grid-template-columns:repeat(3,1fr)}}