:root{--paper:#f3eedf;--blue:#184a91;--deep:#0c3c76;--red:#9f2923;--black:#262321;--line:#184a9160;--serif:'Noto Serif KR','Batang',serif;--sans:Arial,'Malgun Gothic',sans-serif;color:var(--deep);background:#e9e8e1;font-family:var(--serif);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{word-break:keep-all;text-wrap:balance}button{touch-action:manipulation}button:focus:not(:focus-visible),[tabindex="-1"]:focus{outline:none}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;background:var(--deep);color:white;padding:14px;z-index:10}.skip:focus{top:10px}
.paper{max-width:1020px;min-height:100dvh;margin:auto;padding:26px 24px 22px;background-color:var(--paper);background-image:url('assets/paper.svg');border-inline:1px solid #d5d1c6}.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--blue);padding-bottom:17px;font-size:13px;letter-spacing:.06em}.masthead a{text-decoration:none}.masthead a span{font-size:11px;letter-spacing:.07em}.edition{font:12px var(--sans);white-space:nowrap}.eyebrow{font:12px var(--sans);letter-spacing:.12em}.screen{animation:arrive .3s ease both}.start-screen{text-align:center;padding-top:28px}.start-screen h1{font-size:clamp(3.4rem,10vw,6rem);letter-spacing:-.065em;line-height:1.26;font-weight:700;margin:18px 0 24px}.intro{font-size:17px;line-height:1.85;white-space:pre-line;word-break:keep-all}.intro-art{width:100%;max-width:470px;margin:6px auto 8px}.intro-art img,.result-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.ticket{width:100%;max-width:460px;display:flex;align-items:stretch;margin:0 auto;background:transparent;border:1px solid var(--red);box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6px var(--red);min-height:74px;padding:6px;font-size:25px;font-weight:700}.ticket-hole{border-right:1px solid var(--red);color:var(--red);font:28px var(--sans);display:grid;place-items:center;width:42px;flex-shrink:0}.ticket>span:last-child{flex:1;align-self:center;padding:12px}.ticket:hover{background:#9f292309}.edition-info{font:11px/1.7 var(--sans);letter-spacing:.045em;margin:24px 0 0;padding:19px 0 8px;border-top:1px solid var(--blue)}.site-footer{display:flex;justify-content:space-between;gap:16px;padding-top:23px;margin-top:20px;border-top:1px solid var(--line);font-family:var(--sans);font-size:12px;line-height:1.8}.site-footer a{text-decoration:none;font-weight:700}
.round-header{display:flex;align-items:center;gap:9px;padding:18px 0;border-bottom:1px solid var(--blue);font:12px var(--sans)}.back-link{border:0;background:none;font:24px var(--sans);width:34px;height:44px;padding:0;text-align:left}.round-header ol{display:flex;list-style:none;margin:0 0 0 auto;padding:0;gap:4px}.round-header li{min-width:24px;text-align:center;padding:9px 2px;font:16px Georgia,serif;border-bottom:2px solid transparent}.round-header li[aria-current="step"]{border-bottom-color:var(--blue);font-weight:bold}.round-header li.complete{font-size:17px}.question-screen h2{font-size:clamp(1.8rem,6vw,3.1rem);line-height:1.6;margin:25px 0 28px;letter-spacing:-.05em}.sentence-spread{display:grid;gap:19px}.sentence{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;min-height:250px;padding:46px 28px 48px;border:1px solid var(--blue);border-radius:45% 8% 7% 6% / 4% 1% 1% 1%;background:transparent;box-shadow:3px 3px 0 var(--paper),4px 4px 0 var(--blue);overflow:hidden}.sentence:last-child{border-radius:8% 45% 6% 7% / 1% 4% 1% 1%}.letter{position:absolute;top:19px;left:19px;font-size:23px;font-weight:700}.sentence-text{font-size:clamp(1.06rem,4.3vw,1.25rem);line-height:1.95;white-space:pre-line;word-break:keep-all;margin:auto;max-width:24em}.sentence .end-mark{display:block;width:28px;border-top:1px solid var(--blue);margin:23px auto 0}.bookmark{position:absolute;right:22px;top:0;width:24px;height:55px;background:var(--red);clip-path:polygon(0 0,100% 0,100% 100%,50% 81%,0 100%);transform:translateY(-100%);transition:transform .23s}.pick-stamp{position:absolute;right:18px;bottom:18px;border:1.5px solid var(--red);border-radius:50%;padding:6px 12px;color:var(--red);font-weight:700;font-size:15px;transform:rotate(-12deg) scale(1.35);opacity:0}.sentence.chosen .bookmark{transform:translateY(0)}.sentence.chosen .pick-stamp{animation:stamp .17s .12s both}.sentence.chosen{background:#fff9}.sentence:not(:disabled):hover{background:#fff6}.question-foot{text-align:center;font:14px/1.8 var(--sans);margin:33px 0 26px}.loading-screen{text-align:center;min-height:75dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}.loading-screen h2{font-size:20px;line-height:1.8;margin-top:32px}.loan-animation{width:240px;height:280px;position:relative;margin-top:30px;overflow:hidden}.loan-card{position:absolute;background:var(--paper);border:1px solid var(--blue);padding:20px 17px;inset:18px 12px 5px;transform:translateY(115px);animation:checkout 2.4s ease forwards;text-align:left;box-shadow:4px 4px 0 #184a9110}.loan-card>span{font-size:12px}.loan-card>strong{display:block;border-bottom:1px solid;margin:10px 0 12px;padding-bottom:10px;font-size:20px}.loan-card div{padding:7px 0;border-bottom:1px solid var(--line);font:14px var(--sans)}.loan-card b{display:block;position:absolute;right:18px;bottom:18px;color:var(--red);border:2px solid;font-size:18px;padding:6px;transform:rotate(-10deg)}.card-pocket{position:absolute;bottom:0;left:0;right:0;height:91px;background:#e5e2d8;border:1px solid var(--blue);border-top:2px solid;clip-path:polygon(0 0,33% 0,40% 10%,60% 10%,67% 0,100% 0,100% 100%,0 100%)}
.result-top{display:flex;justify-content:space-between;gap:10px;padding:21px 0 15px;border-bottom:1px solid var(--blue);font:11px/1.6 var(--sans);letter-spacing:.035em}.result-heading{text-align:center;padding-top:29px}.result-heading h2{font-size:clamp(2.1rem,7.7vw,3.8rem);line-height:1.46;letter-spacing:-.065em}.result-summary{font-size:17px;line-height:1.85;max-width:33em;margin:20px auto 0;white-space:pre-line;word-break:keep-all}.result-art{position:relative;max-width:520px;margin:18px auto 4px;padding:0 12px 0 0}.date-card{position:absolute;right:-4px;bottom:13%;width:103px;text-align:center;background:var(--paper);transform:rotate(6deg);border:1px solid var(--red);color:var(--red);font:11px/1.7 var(--sans);box-shadow:0 1px 0 var(--paper)}.date-card span{display:block;border-bottom:1px solid var(--red);padding:5px}.date-card time{display:block;padding:6px 2px;border-bottom:1px solid var(--red);font:12px/1.5 monospace}.date-card b{display:block;font-size:10px;padding:5px 2px;font-weight:400}.result-story{font:16px/1.95 var(--sans);word-break:keep-all;max-width:600px;margin:15px auto 33px}.result-story p+p{margin-top:16px}.bookshelf h3{font-size:25px;line-height:1.65;letter-spacing:-.04em;border-block:1px solid var(--blue);padding:15px 0 18px}.book-list{display:grid}.book-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:17px;padding:27px 0;border-bottom:1px solid var(--line);align-items:start}.book-cover{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:15px;min-height:119px;aspect-ratio:2/3;color:var(--paper);background:var(--deep);border:1px solid var(--deep);box-shadow:3px 1px 0 var(--paper),4px 1px 0 var(--blue);padding:11px 7px 10px 10px;position:relative;font-size:11px;line-height:1.6;text-align:center;word-break:keep-all}.book-cover::before{content:'';position:absolute;left:4px;top:0;bottom:0;border-left:1px solid #f3eedf90}.book-cover.red{background:var(--red);border-color:var(--red)}.book-cover.cream{background:transparent;color:var(--deep)}.cover-index{font:10px var(--sans);align-self:flex-start;opacity:.9}.cover-mark{font-size:22px;font-family:Georgia,serif}.book-role{font:11px/1.6 var(--sans);letter-spacing:.025em;color:var(--red);font-weight:700}.book-card h4{font-size:21px;line-height:1.65;letter-spacing:-.05em;margin:6px 0 12px;word-break:keep-all}.book-copy{font:16px/1.85 var(--sans);white-space:pre-line;word-break:keep-all}.book-description{font:14px/1.8 var(--sans);margin-top:10px;color:var(--deep);white-space:pre-line;word-break:keep-all}.book-link{font:700 14px var(--sans);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 13px;border:1px solid var(--red);text-decoration:none;margin-top:18px;background:transparent}.book-link:hover{background:var(--red);color:var(--paper)}.affiliate{font:14px/1.8 var(--sans);color:var(--black);padding:20px 0 25px}.result-actions{display:grid;gap:12px}.primary,.outline{min-height:56px;border:1px solid var(--deep);padding:14px 17px;font:700 16px/1.5 var(--sans);display:flex;justify-content:center;gap:13px;align-items:center;background:var(--deep);color:var(--paper)}.outline{background:transparent;color:var(--deep)}.save-status{font:14px/1.7 var(--sans);margin-top:12px}.retry{text-align:center;padding:33px 0 8px}.retry p{font:16px/1.8 var(--sans);margin-bottom:8px}.text-button{min-height:44px;border:0;background:none;font-size:19px;font-weight:700;padding:10px}.common-share{border:1px solid var(--deep)!important;border-radius:0!important;background:var(--paper)!important;color:var(--deep)!important}.common-share button{border-radius:0!important;border-color:var(--blue)!important;color:var(--deep)!important;background:var(--paper)!important}.common-share [data-device]{background:var(--deep)!important;color:var(--paper)!important}.common-share .share-preview{border-radius:0!important}
@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes stamp{from{opacity:0;transform:rotate(-12deg) scale(1.35)}to{opacity:1;transform:rotate(-12deg) scale(1)}}@keyframes checkout{0%{transform:translateY(115px)}75%,100%{transform:translateY(0)}}
@media(min-width:600px){.paper{padding:32px 42px}.masthead{font-size:16px}.masthead a span{font-size:12px}.start-screen{padding-top:39px}.start-screen h1{margin-top:23px}.intro-art{max-width:460px;margin-top:4px}.edition-info{font-size:12px}.round-header{font-size:14px}.round-header li{min-width:34px}.question-screen h2{text-align:center;margin-top:37px}.mobile-break{display:none}.sentence{min-height:290px}.sentence-text{font-size:21px}.book-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.book-card{grid-template-columns:64px minmax(0,1fr);gap:14px}.book-cover{min-height:106px}.book-card h4{font-size:21px}.result-heading h2{max-width:14em;margin:auto}.result-actions{grid-template-columns:1fr 1fr}.bookshelf h3{font-size:29px}.date-card{right:0;width:125px}.date-card span{font-size:13px}.date-card time{font-size:14px}.date-card b{font-size:12px}}
@media(min-width:900px){.paper{margin:26px auto;padding:30px 55px;border:1px solid #d5d1c6;min-height:calc(100dvh - 52px)}.start-screen{max-width:600px;margin:auto}.start-screen h1{font-size:80px}.intro-art{max-width:420px}.question-screen{min-height:640px}.question-screen h2{font-size:38px;line-height:1.65}.question-screen h2 br{display:none}.sentence-spread{grid-template-columns:1fr 1fr;gap:9px;padding:8px 2px}.sentence{min-height:370px;padding-inline:34px}.sentence-text{font-size:20px}.book-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.book-card{display:flex;flex-direction:column;gap:21px;padding-block:28px}.book-cover{width:94px;min-height:141px;font-size:13px;margin:0 auto}.book-body{display:flex;flex-direction:column;flex:1;width:100%}.book-card h4{min-height:70px;font-size:23px}.book-copy{font-size:16px}.book-link{align-self:flex-start;margin-top:auto}.book-description{margin-bottom:21px}.result-heading{padding-top:35px}.result-art{max-width:480px;margin-top:5px}.result-summary{font-size:19px}.result-story{font-size:17px}.site-footer{font-size:13px}.loading-screen{min-height:680px}}
@media(max-width:360px){.paper{padding-inline:19px}.masthead{font-size:12px}.masthead a span{font-size:10px}.start-screen h1{font-size:3.2rem}.intro{font-size:16px}.sentence{padding-inline:23px}.round-header{gap:4px}.round-header li{min-width:22px}.result-heading h2{font-size:2rem}.book-card{grid-template-columns:60px minmax(0,1fr);gap:14px}.book-cover{min-height:103px;font-size:10px}.book-card h4{font-size:20px}.date-card{width:88px;right:-5px}.edition-info{font-size:10px}.result-top{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loan-card{transform:none}}

/* Contemporary typography requested for the shared archive. */
:root{--serif:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;--sans:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;--mono:'JetBrains Mono',monospace}
.start-screen h1,.result-heading h2{font-weight:900;line-height:1.14}
.masthead a span,.edition,.eyebrow,.round-header,.book-role,.result-top{font-family:var(--mono);font-weight:700;letter-spacing:.16em}
.eyebrow{letter-spacing:.3em}
.mid-share{text-align:center;margin:30px auto 38px;padding:25px 18px;border-block:1px solid var(--blue);max-width:620px}
.mid-share p{font-size:15px;font-weight:700;margin-bottom:14px}.mid-share .primary{width:min(100%,390px);margin:auto}
.action-link{text-decoration:none;background:transparent;color:var(--deep)}
@media(min-width:600px){.result-actions{grid-template-columns:repeat(3,1fr)}}