body[data-page=joseon]{--j-ink:#4e443c;--j-muted:#807568;--j-gold:#ab8955;--j-line:#e7dbca;--j-paper:#fffcf5;color:var(--j-ink)}
.joseon-shell .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.joseon-shell{max-width:1020px}.joseon-breadcrumb{display:flex;gap:9px;font-size:11px;color:#9a8976;margin:20px 0 22px}.joseon-kicker{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#9b8265}.joseon-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:24px 0 38px}.joseon-intro-label{font-size:15px;color:#7f6b53;display:flex;gap:16px;align-items:center;margin:22px 0 0}.joseon-intro-label>span{border:1px solid #c2927a;border-radius:5px;padding:5px;font-size:12px;color:#ad6f5e;transform:rotate(-6deg)}.joseon-intro h1{font-size:51px;letter-spacing:-2.5px;line-height:1.3;margin:18px 0 20px;font-weight:800}.joseon-intro h1 em{font-style:normal;color:#b1905d}.intro-copy{font-size:16px;line-height:1.9;color:var(--j-muted);word-break:keep-all}.joseon-intro-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.joseon-intro-meta span{font-size:11px;border:1px solid var(--j-line);border-radius:30px;padding:8px 11px;background:#fffdf7;color:#927b5c}.joseon-intro .flow-intro-actions{margin:24px 0 0}.intro-picture{position:relative;background:#f5efe4;border:1px solid var(--j-line);border-radius:160px 160px 24px 24px;transform:rotate(2deg);padding:35px 0 4px}.intro-picture>img{width:100%;height:auto;display:block}.picture-note{display:block;text-align:center;font-family:Georgia,'Apple SD Gothic Neo',serif;font-size:16px;color:#9d8a70;transform:rotate(-5deg)}.joseon-seal{position:absolute;bottom:35px;right:25px;font:700 21px serif;line-height:1.2;border:2px solid #b96e5c;color:#b96e5c;padding:8px;transform:rotate(-8deg);border-radius:5px}.joseon-fine{font-size:12px!important;line-height:1.8!important;color:#9d8d7c!important;margin:18px 0 0!important;word-break:keep-all}.joseon-stage{max-width:720px;background:var(--j-paper);border-color:var(--j-line);box-shadow:0 10px 35px #8d754710}.joseon-stage h2{color:var(--j-ink);font-size:27px;line-height:1.5;margin:12px 0}.joseon-stage>p{color:var(--j-muted)}.joseon-shell .flow-next{background:#ab8955;border-color:#ab8955;box-shadow:0 4px 0 #8d6c3d}.joseon-shell .flow-next:hover{background:#9d7a46}.joseon-shell .flow-back{background:#fffdf7;color:#897559;border-color:var(--j-line)}.joseon-shell .flow-steps li[aria-current]{color:#8d6d3b;border-color:#b69866}.joseon-shell .flow-steps li[aria-current]:before{background:#b69866}.joseon-shell .flow-progress{max-width:720px}.character-options{margin:24px 0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.character-choice{position:relative;display:flex;align-items:center;flex-direction:column;border:1px solid var(--j-line);border-radius:19px;background:#fffdf8;padding:12px 12px 20px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;min-width:0}.character-choice:has(input:checked){background:#f3e8d2;border:2px solid #b49661;padding:11px 11px 19px}.character-choice:hover{transform:translateY(-2px)}.character-choice>input{position:absolute;right:13px;top:13px;accent-color:#ab8955;width:17px;height:17px;cursor:pointer}.character-choice>img{display:block;max-width:100%;object-fit:contain}.character-choice>strong{font-size:18px;margin:7px 0}.character-choice>span{font-size:11px;color:#8c7d6b;text-align:center;line-height:1.7;word-break:keep-all}.nickname-label{font-size:14px;font-weight:700;display:flex;gap:8px;margin:28px 0 12px}.nickname-label>span{font-size:11px;font-weight:400;color:#a18e74}.nickname-input{width:100%;border:1px solid var(--j-line);border-radius:12px;padding:16px;color:#69573f;background:#fff;font-size:16px}.nickname-input::placeholder{color:#af9f88}.nickname-input:focus{outline:2px solid #ac8c58;outline-offset:2px}.question-top{display:flex;gap:12px;justify-content:space-between;align-items:center}.question-top>.joseon-kicker{letter-spacing:.3px;font-size:12px}.question-top>#question-count{white-space:nowrap;font-size:13px;color:#a18a68}.question-track{height:5px;background:#ede3d5;border-radius:30px;margin:19px 0 28px;overflow:hidden}.question-track>span{display:block;height:100%;background:#bb9a64;transition:width .2s}.question-stage h2{font-size:28px}.question-greeting{margin-bottom:25px!important;font-size:14px!important}.question-options{border:0;padding:0;margin:24px 0 0;display:grid;gap:11px}.question-choice{display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:1px solid var(--j-line);border-radius:14px;padding:18px;font-size:16px;line-height:1.6;cursor:pointer;transition:background .15s,border-color .15s}.question-choice>input{accent-color:#ad8d59;flex:none;width:17px;height:17px}.question-choice:has(input:checked){background:#f3e8d2;border-color:#b49661}.question-choice:hover{background:#faf5e9}.review-envelope{width:140px;height:100px;margin:28px auto;background:#efe3cd;position:relative;border:1px solid #d1bb92;box-shadow:5px 7px 0 #e6dccb;transform:rotate(-4deg);display:grid;place-items:center;border-radius:10px;overflow:hidden}.review-envelope:before{content:'';position:absolute;width:90px;height:90px;transform:rotate(45deg);top:-58px;border:1px solid #cfb993;background:#f8efdf}.review-envelope>span{color:#b27260;border:2px solid #b27260;border-radius:5px;padding:5px;z-index:1;font-family:serif;transform:rotate(7deg)}.joseon-stage .flow-recap>div{background:#f6efdf}.joseon-stage .flow-recap dt{color:#9a8568}.joseon-stage .flow-recap dd{color:#69553c}.joseon-result{max-width:760px;margin:auto}.past-life-card{position:relative;border:1px solid #ddccac;border-radius:24px;background:radial-gradient(ellipse at 50% 55%,#fffdf8,#f8efde);padding:30px;text-align:center;overflow:hidden;box-shadow:0 9px 34px #8266410e}.past-life-card:before{content:'';position:absolute;inset:10px;border:1px solid #e6d7ba;border-radius:17px;pointer-events:none}.result-paper-top{display:flex;justify-content:space-between;align-items:center;position:relative}.result-stamp{font:bold 14px serif;color:#b56f58;border:2px solid #b56f58;padding:6px;border-radius:4px;transform:rotate(9deg)}.result-address{font-size:14px;margin:24px 0 8px;color:#8d795b;overflow-wrap:anywhere}.past-life-card h2{font-size:52px;line-height:1.25;letter-spacing:-2px;margin:5px 0 10px;font-weight:800}.result-subtitle{font-size:18px;line-height:1.6;margin:0;color:#887254}.portrait-wrap{position:relative;width:260px;max-width:100%;margin:6px auto 0}.portrait-wrap>img{position:relative;width:100%;height:auto;display:block;z-index:1}.portrait-orbit{position:absolute;width:210px;height:210px;max-width:90%;border:1px solid #d6bc8c;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.portrait-orbit:before{content:'✧';position:absolute;top:6px;left:19px;color:#b79c6d;font-size:24px;background:#fbf3e3}.role-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;position:relative}.role-tags>span{border:1px solid #e4d8c1;background:#fff9ec;padding:8px 13px;border-radius:30px;font-size:12px;color:#9d835b}.past-life-card blockquote{font-size:17px;line-height:1.85;color:#776249;margin:23px auto 13px;max-width:440px;word-break:keep-all}.role-context{font-size:11px;line-height:1.8;color:#a3937d;margin:0;word-break:keep-all}.result-primary-actions{display:flex;gap:12px;margin:20px 0 28px}.result-primary-actions>button{flex:1;min-width:0}.story-reader{background:#fffdf8;border:1px solid var(--j-line);border-radius:22px;overflow:hidden}.story-tabs{display:flex;gap:0;border-bottom:1px solid var(--j-line);background:#f6f0e4}.story-tabs button{flex:1;min-width:0;font-size:14px;white-space:nowrap;font-weight:700;border:0;background:transparent;padding:19px 8px;color:#a18a69;cursor:pointer;border-bottom:3px solid transparent}.story-tabs button[aria-selected=true]{color:#806034;border-bottom-color:#ae8a52;background:#fffdf8}.story-panel{padding:30px}.story-panel h3{font-size:23px;line-height:1.5;margin:15px 0 22px;letter-spacing:-.7px;word-break:keep-all}.story-panel p{font-size:17px;line-height:1.95;color:#80715f;margin:0 0 20px;word-break:keep-all}.story-item{display:flex;gap:15px;align-items:center;padding:20px;background:#f4edde;border-radius:14px}.story-item>span{font-size:27px;color:#b08a4f}.story-item div>span{display:block;font-size:11px;color:#a08662;margin-bottom:7px}.story-item strong{font-size:16px;font-weight:700;color:#796145}.story-next{display:block;margin:27px 0 0 auto;border:0;background:none;color:#947345;font-size:14px;font-weight:700;padding:12px 0 12px 15px}.today-action{padding:22px;background:#f4edde;border:1px dashed #d4c19f;border-radius:14px}.today-action h4{font-size:16px;color:#8e6c3c;margin:0 0 10px}.today-action p{margin:0}.companion-card{display:flex;align-items:center;gap:18px;border:1px solid #e2d7c4;border-radius:16px;padding:14px;background:#faf4e7}.companion-card img{flex:none;max-width:29%;height:auto}.companion-card div>span{font-size:11px;color:#a08967;display:block;margin:0 0 7px}.companion-card strong{font-size:22px}.companion-card p{font-size:14px;margin:8px 0 0}.result-last-actions{margin-top:24px}.result-privacy{text-align:center;margin-bottom:24px!important}.history-note{max-width:760px;margin:28px auto 30px;border:1px solid var(--j-line);border-radius:15px;background:#fffdf8;padding:18px 22px}.history-note summary{font-size:13px;color:#927854;cursor:pointer;display:flex;justify-content:space-between;gap:10px;list-style:none}.history-note summary::-webkit-details-marker{display:none}.history-note p{font-size:13px;line-height:1.9;color:#91816a;margin:17px 0 0;word-break:keep-all}.history-note a{text-decoration:underline;text-underline-offset:3px}.history-note summary>span{transition:transform .2s}.history-note[open] summary>span{transform:rotate(45deg)}.noscript-note{padding:20px;text-align:center;font-size:15px}.joseon-result.is-unfolding .past-life-card{animation:paper-unfold .9s cubic-bezier(.16,1,.3,1) both;transform-origin:top center}.joseon-result.is-unfolding .result-stamp{animation:seal-arrive .65s .65s both}.joseon-result.is-unfolding .portrait-wrap>img{animation:portrait-arrive 1s .2s both}.joseon-result.is-unfolding .role-tags{animation:story-arrive .6s .8s both}.joseon-result.is-unfolding blockquote{animation:story-arrive .6s 1s both}.result-gate[data-content=joseon] .gate-count{background:#f6efdf;border-color:#e5d5b7}.result-gate[data-content=joseon] .gate-count strong{color:#a1824f}.result-gate[data-content=joseon] .gate-icon{color:#b09363}
@keyframes paper-unfold{from{opacity:0;transform:perspective(900px) rotateX(-28deg) scale(.93)}to{opacity:1;transform:perspective(900px) rotateX(0) scale(1)}}@keyframes seal-arrive{from{opacity:0;transform:scale(2) rotate(9deg)}to{opacity:1;transform:scale(1) rotate(9deg)}}@keyframes portrait-arrive{from{opacity:0;transform:translateY(25px) scale(.85) rotate(-7deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes story-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.joseon-shell{padding:0 20px}.joseon-intro{grid-template-columns:1fr;text-align:center;gap:28px;padding:4px 0 28px}.joseon-intro-label,.joseon-intro-meta{justify-content:center}.joseon-intro h1{font-size:42px;margin:16px 0;letter-spacing:-2px}.intro-copy{font-size:15px}.joseon-intro .flow-intro-actions{margin:23px auto 0}.intro-picture{max-width:340px;justify-self:center;width:100%;padding-top:25px}.intro-picture>img{max-height:225px;object-fit:contain}.picture-note{font-size:13px}.joseon-seal{font-size:17px;bottom:23px;right:25px}.joseon-stage{padding:25px 21px}.joseon-stage h2,.question-stage h2{font-size:23px}.joseon-stage>p{font-size:15px}.character-options{gap:10px;margin:22px 0}.character-choice{padding:9px 8px 16px}.character-choice:has(input:checked){padding:8px 7px 15px}.character-choice>img{width:95px;height:120px}.character-choice>strong{font-size:16px}.character-choice>span{font-size:10px}.question-choice{padding:15px 12px;gap:10px;font-size:15px}.question-track{margin-bottom:24px}.question-greeting{font-size:13px!important}.past-life-card{padding:25px 20px}.past-life-card h2{font-size:44px}.result-subtitle{font-size:16px}.portrait-wrap{width:215px}.portrait-orbit{width:175px;height:175px}.role-tags>span{padding:7px 10px;font-size:11px}.past-life-card blockquote{font-size:16px}.result-primary-actions{gap:9px;margin:18px 0 23px}.story-panel{padding:23px 20px}.story-panel h3{font-size:21px}.story-panel p{font-size:16px;line-height:1.9}.story-tabs button{font-size:13px;padding:17px 5px}.companion-card{gap:12px;padding:10px}.companion-card strong{font-size:20px}.companion-card p{font-size:13px}.today-action{padding:18px}.history-note{padding:17px}.history-note summary{font-size:12px}.joseon-breadcrumb{margin-bottom:20px}.result-last-actions{flex-wrap:wrap}.result-last-actions>button{flex:1 1 100%}}
@media(max-width:360px){.joseon-shell{padding:0 15px}.joseon-intro h1{font-size:37px}.joseon-stage{padding:23px 17px}.character-choice>span{font-size:9px}.character-choice>strong{font-size:14px}.joseon-stage h2{font-size:21px}.question-choice{font-size:14px}.result-primary-actions{flex-wrap:wrap}.result-primary-actions>button{flex:1 1 100%}.question-top>.joseon-kicker{font-size:11px}.nickname-label{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.joseon-result.is-unfolding .past-life-card,.joseon-result.is-unfolding .result-stamp,.joseon-result.is-unfolding .portrait-wrap>img,.joseon-result.is-unfolding .role-tags,.joseon-result.is-unfolding blockquote{animation:none}.character-choice,.question-choice,.question-track>span{transition:none}}
.copy-joseon-link{display:block;margin:-10px auto 25px;padding:9px 12px;font-size:13px;color:#9a7c4f;background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
/* 전생 기록관의 작은 놀이와 소리 */
.joseon-play-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 20px}.recordkeeper-label{font-size:12px;color:#9a805b;line-height:1.7}.recordkeeper-label>span{display:inline-block;font-size:19px;margin-right:5px;transform:rotate(-12deg)}.joseon-sound-toggle{flex:none;display:flex;gap:5px;align-items:center;border:1px solid var(--j-line);border-radius:30px;background:#fffdf8;color:#9a805b;font-size:12px;padding:9px 12px;cursor:pointer}.joseon-sound-toggle>span:first-child{font-size:16px}.joseon-sound-toggle[aria-pressed=false]{color:#a79c8d;background:#f6f1e8}.joseon-sound-toggle:disabled{cursor:default}.intro-picture>img{animation:joseon-idle 4.8s ease-in-out 2}.intro-twinkle{position:absolute;pointer-events:none;color:#be9b62;font-size:31px;z-index:2;animation:joseon-twinkle 2.6s ease-in-out 3}.twinkle-one{top:23%;left:8%}.twinkle-two{top:40%;right:8%;animation-delay:.7s;font-size:22px}.question-greeting{min-height:44px;color:#967749!important}.question-choice{position:relative;padding-right:39px}.choice-seal{display:none;position:absolute;right:10px;top:13px;border:1px solid #b47058;border-radius:3px;padding:2px 3px;color:#b47058;font:12px serif;transform:rotate(-10deg);}.question-choice:has(input:checked) .choice-seal{display:block;animation:joseon-answer-seal .24s ease-out}.reveal-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.reveal-sparkles>span{position:absolute;top:44%;left:50%;color:#c4a36c;font-size:24px;opacity:0;--spark-x:-180px;--spark-y:-110px}.reveal-sparkles>span:nth-child(2){--spark-x:190px;--spark-y:-90px;font-size:16px}.reveal-sparkles>span:nth-child(3){--spark-x:-210px;--spark-y:100px;font-size:17px}.reveal-sparkles>span:nth-child(4){--spark-x:220px;--spark-y:100px}.reveal-sparkles>span:nth-child(5){--spark-x:-90px;--spark-y:-180px}.reveal-sparkles>span:nth-child(6){--spark-x:100px;--spark-y:200px;font-size:15px}.joseon-result.is-unfolding .reveal-sparkles>span{animation:joseon-spark-burst 1.3s .3s ease-out both}.joseon-result.is-unfolding .result-stamp{animation:joseon-stamp-thump .65s .65s both}.joseon-result.is-unfolding #result-title{animation:joseon-title-arrive .65s .3s both}.past-life-tmi{position:relative;margin:20px 0 0;padding:21px 24px 18px;background:#f6eacb;border:1px dashed #d5bc8e;border-radius:15px;box-shadow:3px 4px 0 #eadfc95c}.past-life-tmi:before{content:'';position:absolute;top:-8px;left:calc(50% - 25px);width:50px;height:17px;background:#e5d6aeaa;transform:rotate(-4deg);border:1px solid #d9c89444}.tmi-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.past-life-tmi .joseon-kicker{letter-spacing:.2px;font-size:12px;color:#87693f}.tmi-progress{font-size:11px;white-space:nowrap;color:#a38a62}.tmi-message{min-height:54px;font-size:16px;line-height:1.8;color:#806342;margin:15px 0 8px;word-break:keep-all}.tmi-button{font-size:13px;font-weight:700;border:0;background:none;color:#916d38;cursor:pointer;padding:9px 0}.tmi-button:hover{text-decoration:underline;text-underline-offset:4px}.portrait-wrap>img{will-change:transform}
@keyframes joseon-idle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-1deg)}}@keyframes joseon-twinkle{0%,100%{opacity:.3;transform:scale(.8) rotate(-10deg)}50%{opacity:.95;transform:scale(1.15) rotate(8deg)}}@keyframes joseon-answer-seal{from{opacity:0;transform:scale(1.65) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(-10deg)}}@keyframes joseon-spark-burst{0%{opacity:0;transform:translate(0,0) scale(.1)}25%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(1) rotate(55deg)}}@keyframes joseon-stamp-thump{0%{opacity:0;transform:scale(2.5) rotate(17deg)}55%{opacity:1;transform:scale(.9) rotate(7deg)}78%{transform:scale(1.09) rotate(9deg)}100%{opacity:1;transform:scale(1) rotate(9deg)}}@keyframes joseon-title-arrive{from{opacity:0;transform:translateY(12px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.joseon-play-controls{gap:8px;margin-bottom:16px}.recordkeeper-label{font-size:11px}.joseon-sound-toggle{padding:8px 10px;font-size:11px;gap:4px}.question-choice{padding-right:35px}.past-life-tmi{padding:20px 18px 15px}.tmi-message{font-size:15px;min-height:54px}.reveal-sparkles>span{--spark-x:-100px;--spark-y:-70px}.reveal-sparkles>span:nth-child(2){--spark-x:100px;--spark-y:-70px}.reveal-sparkles>span:nth-child(3){--spark-x:-110px;--spark-y:80px}.reveal-sparkles>span:nth-child(4){--spark-x:110px;--spark-y:90px}}
@media(max-width:360px){.recordkeeper-label{max-width:145px;font-size:10px}.joseon-sound-toggle{font-size:10px;padding:8px}.tmi-heading{gap:7px}.past-life-tmi .joseon-kicker{font-size:11px}}
@media(prefers-reduced-motion:reduce){.intro-picture>img,.intro-twinkle,.question-choice:has(input:checked) .choice-seal,.joseon-result.is-unfolding .result-stamp,.joseon-result.is-unfolding #result-title,.joseon-result.is-unfolding .reveal-sparkles>span{animation:none}.intro-twinkle{opacity:.6}.reveal-sparkles{display:none}.portrait-wrap>img{will-change:auto}}