@font-face{font-family:NanumSquare;src:url('/app/media/psych-tests/releases/57935627c5f7/shared/NanumSquareB.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:NanumSquare;src:url('/app/media/psych-tests/releases/57935627c5f7/shared/NanumSquareR.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--glow:224,96,143;--ink:#f4efe8;--gold:#dfc18e;--muted:#cac2b5;--shade:0 1px 2px #000,0 0 10px rgba(0,0,0,.95),0 0 26px rgba(0,0,0,.8),0 0 48px rgba(0,0,0,.55);--pick:0 1px 2px #000,0 0 12px rgba(var(--glow),.95),0 0 30px rgba(var(--glow),.85),0 0 60px rgba(var(--glow),.6)}
*{box-sizing:border-box}html,body{margin:0;background:#000;color:var(--ink);font-family:NanumSquare,'Apple SD Gothic Neo',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.catalog{max-width:1120px;margin:auto;padding:48px 24px 80px}.catalog header{max-width:650px;margin:0 0 38px}.catalog h1{font-size:34px;line-height:1.3;font-weight:700;margin:0 0 16px}.catalog header p{font-size:17px;color:var(--muted);line-height:1.7;margin:0}.topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px}.topic{display:block}.topic figure{margin:0;overflow:hidden;background:#181412;border-radius:10px;aspect-ratio:2/3}.topic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.topic:hover img{transform:scale(1.025)}.topic h2{font-size:19px;line-height:1.45;word-break:keep-all;margin:16px 0 7px}.topic p{font-size:14px;color:var(--muted);margin:0}.catalog footer{color:var(--muted);font-size:13px;margin-top:56px}
.player-page{height:100vh;height:100dvh;overflow:hidden;display:grid;place-items:center}.stage{position:relative;width:min(100%,calc(100dvh * 2 / 3));height:100vh;height:100dvh;overflow:hidden;isolation:isolate;background:#000}.poster,video,.lens{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster{z-index:0}video{z-index:1;opacity:0;pointer-events:none}video.on{opacity:1}.memory{z-index:2}.lens{z-index:5;opacity:0;pointer-events:none}.lens.on{opacity:1}.shade{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 18%,transparent 58%,rgba(0,0,0,.15))}.topbar{position:absolute;top:calc(12px + env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;gap:12px;z-index:12}.icon-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.45);flex-shrink:0}.icon-button svg{width:20px;height:20px}.character{font-size:14px;text-shadow:var(--shade);flex:1}.music[aria-pressed="true"]{color:#a79c8e}.progress{position:absolute;right:24px;top:calc(66px + env(safe-area-inset-top));z-index:8;font-size:12px;text-shadow:var(--shade);color:var(--muted)}
.caption{position:absolute;left:18px;right:18px;bottom:calc(17% + env(safe-area-inset-bottom));z-index:8;color:#fff9f0;margin:0;font-size:clamp(19px,5.7vw,27px);font-weight:700;line-height:1.5;text-align:center;white-space:pre-line;word-break:keep-all;text-wrap:balance;text-shadow:var(--shade);pointer-events:none;opacity:0;transition:opacity .14s}.caption.on{opacity:1}.layer{position:absolute;inset:0;z-index:9;display:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:20px;padding:0 24px calc(56px + env(safe-area-inset-bottom))}.layer.on{display:flex}.opts{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.choice{position:relative;max-width:100%;padding:12px 18px;border:0;background:none;color:#fff;font-size:21px;line-height:1.45;font-weight:700;letter-spacing:-.01em;word-break:keep-all;text-wrap:balance;text-shadow:var(--shade);transition:opacity .45s,transform .45s,filter .45s,letter-spacing .5s,text-shadow .4s}.choice:after{content:"";position:absolute;left:50%;bottom:6px;width:0;height:1px;background:linear-gradient(90deg,rgba(var(--glow),0),rgba(var(--glow),.95),rgba(var(--glow),0));transform:translateX(-50%);transition:width .5s}.layer.on .choice{animation:cin .55s cubic-bezier(.2,.7,.2,1) backwards}.layer.on .choice:nth-child(2){animation-delay:.12s}.layer.on .choice:nth-child(3){animation-delay:.24s}@keyframes cin{from{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.choice:hover:after,.choice:focus-visible:after{width:70%}.choice.picked{transform:scale(1.08);letter-spacing:.02em;text-shadow:var(--pick)}.choice.picked:after{width:90%}.choice.gone{opacity:0;filter:blur(6px);transform:translateY(6px)}
.gate{position:absolute;inset:0;z-index:11;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:20px;padding:24px 24px calc(44px + env(safe-area-inset-bottom));background:linear-gradient(transparent 40%,rgba(0,0,0,.68));text-align:center}.gate h1{font-size:27px;line-height:1.4;word-break:keep-all;margin:0;max-width:440px}.gate p{font-size:15px;color:var(--muted);line-height:1.65;margin:0}.gate button{font-size:20px;font-weight:700;letter-spacing:-.02em;background:none;border:0;padding:15px 26px;text-shadow:var(--shade)}.gate button:disabled{opacity:.5;cursor:default}.gate .hint{font-size:13px}.spoken{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.result{position:absolute;inset:0;z-index:14;overflow-y:auto;overscroll-behavior:contain;background:#000;opacity:0;transition:opacity .7s}.result.on{opacity:1}.result-portrait{display:block;width:100%;height:42vh;height:42dvh;object-fit:cover;object-position:50% 26%;opacity:.92}.result-head{position:relative;background:linear-gradient(transparent,#000 35%);margin-top:-70px;padding:70px 26px 18px}.result .topic-label{color:var(--gold);font-size:14px;margin:0 0 14px}.result h1{font-size:30px;line-height:1.4;font-weight:700;word-break:keep-all;margin:0 0 22px}.result .lead{color:var(--ink);font-size:18px;line-height:1.9;word-break:keep-all;margin:0}.result section{margin:22px 26px 0;padding:24px 0;border-top:1px solid #302c26}.result h2{font-size:18px;color:var(--gold);line-height:1.5;margin:0 0 18px}.result p{font-size:17px;line-height:1.85;word-break:keep-all;margin:0 0 16px}.evidence{display:grid;gap:16px}.evidence blockquote{margin:0;padding:0 0 0 16px;border-left:1px solid var(--gold);font-size:18px;line-height:1.75;word-break:keep-all}.result .small{font-size:14px;line-height:1.8;color:var(--muted)}.answers{margin:24px 26px;padding:22px 0;border-top:1px solid #302c26}.answers summary{cursor:pointer;font-size:16px}.answer-row{margin:22px 0}.answer-row strong{font-size:15px;color:var(--gold);font-weight:400}.answer-row p{font-size:16px;margin:8px 0 0}.result-actions{display:flex;flex-direction:column;gap:16px;padding:26px 26px calc(48px + env(safe-area-inset-bottom));align-items:center}.result-actions a{font-size:18px;font-weight:700;padding:10px 20px}.result-actions a:last-child{font-size:15px;color:var(--muted)}.result-close{position:absolute;left:14px;top:calc(14px + env(safe-area-inset-top));z-index:1}.friend-summary{display:grid;gap:18px}.friend-summary h3{font-size:16px;font-weight:400;color:var(--gold);margin:0 0 8px}.friend-summary p{font-size:20px;line-height:1.6}
@media(max-width:900px){.topics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.catalog{padding:28px 20px 60px}.catalog h1{font-size:29px}.topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.topic h2{font-size:18px}.stage{width:100%}}@media(max-width:360px){.choice{font-size:19px;padding:10px 12px}.layer{padding-left:14px;padding-right:14px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.result h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.choice,.caption,.topic img,.result{transition:none}.layer.on .choice{animation:none}.choice.picked{transform:none}.choice.gone{filter:none}}