@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#171a16;--paper:#f4f5ee;--lime:#cbff62;--muted:#686e61;--line:#d2d7c9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans KR',sans-serif;word-break:keep-all}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #627e22;outline-offset:5px}header{max-width:1280px;margin:auto;padding:28px 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.brand{color:inherit;text-decoration:none;font-size:25px;letter-spacing:-1px;font-weight:900;display:flex;align-items:center;gap:16px}.brand span{font-size:10px;letter-spacing:1px;max-width:75px;line-height:1.4}.edition{font-size:13px;color:var(--muted)}.edition b{color:var(--ink);margin-left:15px}main{max-width:1176px;min-height:calc(100svh - 178px);margin:auto}.intro{position:relative;padding:60px 0 0;overflow:hidden}.eyebrow{font-size:13px;letter-spacing:1px;font-weight:700}h1{font-size:clamp(48px,6.2vw,84px);line-height:1.2;letter-spacing:-.065em;font-weight:900;margin:28px 0}h1 span{background:var(--lime);box-shadow:10px 0 var(--lime),-5px 0 var(--lime)}.lead{font-size:19px;line-height:1.7;color:#52594c}.start-row{display:flex;align-items:center;gap:25px;margin-top:34px}.primary{background:var(--ink);color:var(--lime);border:0;padding:20px 26px;min-height:64px;font-size:17px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:65px}.primary:hover{background:#31372c}.primary span{font-size:26px}.micro{font-size:13px;line-height:1.8;color:var(--muted)}.stamp{position:absolute;right:9%;top:170px;border:2px solid var(--ink);border-radius:50%;width:230px;height:230px;display:grid;place-content:center;text-align:center;line-height:1.2;font-size:48px;font-weight:900;letter-spacing:-3px;transform:rotate(13deg);background:var(--lime);box-shadow:inset 0 0 0 9px var(--lime),inset 0 0 0 10px var(--ink)}.index{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding:21px 0;margin-top:48px;font-size:12px;letter-spacing:1px}footer{max-width:1280px;margin:auto;padding:25px 52px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.quiz{max-width:760px;margin:auto;padding:45px 0 65px}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}.plain{border:0;background:transparent;color:var(--muted);padding:12px 0;font-size:14px}.progress{height:3px;background:var(--line);margin:15px 0 45px}.progress div{height:100%;background:var(--ink);transition:width .25s}.qno{font-size:14px;color:var(--muted);letter-spacing:2px}.quiz h2{font-size:clamp(28px,4vw,40px);letter-spacing:-1.5px;line-height:1.45;margin:16px 0 12px}.hint{color:var(--muted);font-size:14px;margin-bottom:30px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:18px;text-align:left;width:100%;padding:21px 23px;border:1px solid var(--line);background:transparent;min-height:78px;font-size:17px;line-height:1.5;transition:background .15s,border-color .15s}.option .letter{font-size:13px;color:var(--muted);border:1px solid var(--line);padding:5px 9px}.option:hover,.option.selected{background:var(--lime);border-color:var(--ink)}.option.selected .letter{border-color:var(--ink);color:var(--ink)}.qbottom{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.qbottom .primary{min-height:54px;padding:14px 25px;gap:40px}.primary:disabled{opacity:.35;cursor:default}.result{padding:40px 0 65px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.result-card{background:var(--lime);border:1px solid var(--ink);padding:35px;position:relative}.result-card .big-number{font-size:100px;font-weight:900;line-height:1;margin:32px 0 25px;letter-spacing:-7px}.result-card h1{font-size:43px;line-height:1.3;letter-spacing:-2px;margin:20px 0}.result-card .quote{font-size:20px;line-height:1.6;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:24px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid var(--ink);padding:6px 10px;font-size:13px}.card-foot{font-size:12px;margin-top:40px;display:flex;justify-content:space-between}.result-description{font-size:16px;line-height:1.9;color:#454d3c}.books-title{font-size:25px;letter-spacing:-1px;margin-top:30px}.book{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:8px}.book-num{font-size:13px;color:var(--muted);padding-top:4px}.book h3{font-size:19px;margin:0 0 5px;letter-spacing:-.6px}.author{font-size:13px;color:var(--muted)}.book p{font-size:15px;line-height:1.7;margin:12px 0 0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.secondary{border:1px solid var(--ink);background:transparent;padding:16px 10px;font-size:14px;font-weight:600}.secondary:hover{background:#e6e9df}.result-note{font-size:12px;color:var(--muted);line-height:1.7}.result .primary{width:100%;justify-content:center;margin-top:16px}.closing{font-size:15px;line-height:1.7;margin-top:26px;font-weight:600}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;background:var(--ink);color:white;padding:13px 22px;font-size:14px;z-index:10;display:none}.fade{animation:enter .25s ease-out}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.intro{padding-top:75px}}@media(max-width:1240px){main{margin:0 52px}}@media(max-width:760px){header{padding:22px 24px}.brand{font-size:23px}.brand span{display:none}.edition{font-size:12px}.edition b{margin-left:8px}main{margin:0 24px;min-height:calc(100svh - 145px)}.intro{padding-top:34px}h1{font-size:clamp(42px,10vw,67px);margin:28px 0}.lead{font-size:16px}.stamp{width:102px;height:102px;font-size:23px;letter-spacing:-1px;right:4px;top:290px;box-shadow:inset 0 0 0 5px var(--lime),inset 0 0 0 6px var(--ink)}.start-row{display:block;margin-top:35px}.start-row .primary{width:100%;margin-top:50px}.micro{text-align:center}.index{font-size:10px;gap:16px;margin-top:25px;line-height:1.6}footer{padding:20px 24px;font-size:11px}footer span:last-child{display:none}.quiz{padding-top:25px}.progress{margin-bottom:35px}.quiz h2{font-size:29px}.option{font-size:16px;padding:18px 16px}.result{grid-template-columns:1fr;gap:24px;padding-top:26px}.result-card{padding:28px}.result-card h1{font-size:38px}.result-card .big-number{font-size:86px;margin:24px 0}.result-description{margin-top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.book-theme{display:table;font-size:12px;color:#414c2d;background:#e4edcf;padding:4px 8px;margin-top:10px}.book .content-note{font-size:12px;line-height:1.6;color:var(--muted);border-left:2px solid #a8b092;padding-left:9px}

h1[tabindex]:focus,h2[tabindex]:focus{outline:none}

.buy-book{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:48px;margin-top:18px;padding:12px 16px;background:var(--ink);color:var(--lime);font-size:14px;font-weight:700;text-decoration:none}.buy-book:hover{background:#31372c}.affiliate-notice{grid-column:1/-1;font-size:14px;line-height:1.7;margin:0;padding:16px 18px;border:1px solid var(--line);background:#e8eddf}.result:has(.affiliate-notice){row-gap:26px}
/* Photographic question scenes and real edition covers. */
.quiz{max-width:820px;padding-top:26px}.progress{margin:10px 0 24px}.question-scene{position:relative;overflow:hidden;background:#dde1d5;aspect-ratio:16/6;max-height:290px}.question-scene img{display:block;width:100%;height:100%;object-fit:cover}.scene-label{position:absolute;left:16px;bottom:14px;background:rgba(23,26,22,.82);color:#fff;padding:7px 10px;font-size:12px;letter-spacing:1.6px}.quiz h2{font-size:clamp(26px,3.4vw,34px);margin-top:24px}.hint{margin:10px 0 20px}.option{min-height:70px;padding:17px 21px}.book{grid-template-columns:112px minmax(0,1fr);gap:20px}.book-cover{margin:0;align-self:start}.book-cover img{display:block;width:100%;height:auto;max-height:185px;object-fit:contain;object-position:top;filter:drop-shadow(3px 5px 5px #171a161f)}.book-cover figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin-top:8px}.book-info{min-width:0}.book-num{display:block;letter-spacing:1px;font-size:12px;margin-bottom:8px}.cover-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:-10px}.book p{font-size:16px}.book .author{font-size:14px}.book-theme{font-size:13px}.books-title{margin-bottom:22px}.result{gap:38px}
@media(max-width:760px){.question-scene{aspect-ratio:16/8;max-height:215px}.quiz{padding-top:20px}.quiz h2{font-size:25px;letter-spacing:-.8px;margin-top:20px}.option{font-size:16px;padding:15px 14px;gap:12px}.book{grid-template-columns:86px minmax(0,1fr);gap:16px}.book h3{font-size:18px}.book p{font-size:15px}.qbottom .primary{gap:25px;padding:14px 20px}.result{gap:24px}.question-scene img{object-position:center}}
/* Emotional reading portraits: on-screen card and saved image use the same art. */
.result-card.emotion-card{padding:0;overflow:hidden}.emotion-header{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;font-size:12px;font-weight:800;letter-spacing:.7px}.result-portrait{position:relative;aspect-ratio:1080/650;isolation:isolate;overflow:hidden;background:#242a23}.result-portrait img{display:block;width:100%;height:100%;object-fit:cover}.portrait-caption{position:absolute;inset:auto 0 0;padding:50px 24px 22px;color:#fff;font-weight:700;font-size:18px;line-height:1.5;background:linear-gradient(transparent,rgba(0,0,0,.8));text-wrap:balance}.emotion-copy{padding:25px 28px 23px}.emotion-card h1{margin:13px 0 17px;font-size:clamp(30px,3.4vw,43px);line-height:1.2;letter-spacing:-1.5px}.emotion-card .quote{font-size:17px;font-weight:500;line-height:1.65;margin:0 0 18px;padding:0;border:0}.emotion-card .tags{gap:7px}.emotion-card .tags span{font-size:12px;border:0;padding:0}.emotion-card .card-foot{border-top:1px solid #171a1670;padding-top:15px;margin-top:23px;font-size:11px;gap:12px}.secondary:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){.emotion-header{font-size:11px;padding:15px 18px}.emotion-copy{padding:23px 21px 19px}.emotion-card h1{font-size:36px}.portrait-caption{font-size:16px;padding:45px 20px 18px}.emotion-card .quote{font-size:16px}.emotion-card .card-foot{font-size:10px}.emotion-card .eyebrow{font-size:12px}}
@media(max-width:360px){.emotion-card h1{font-size:31px}.emotion-card .card-foot{flex-wrap:wrap}}