:root{--paper:#f3f1e9;--ink:#30392f;--muted:#686c61;--line:#cfd0c4;--accent:#4a583e;--rose:#6a444a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--rose);outline-offset:6px}header{margin:0 4%;padding:26px 0 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px}.brand{font-size:23px;line-height:.82;letter-spacing:-1.5px;font-weight:800;display:flex;flex-direction:column}.brand sup{font-size:11px;letter-spacing:0;vertical-align:top;padding-left:4px}.back-site{font-size:14px}.edition{margin-left:auto;font-size:12px;letter-spacing:1.3px}main{max-width:1360px;margin:auto}.spread{display:grid;grid-template-columns:1fr 1fr;gap:6%;min-height:calc(100svh - 159px);padding:50px 8% 45px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 30px}.copy h1{font:clamp(62px,6.8vw,108px)/.99 Georgia,serif;font-weight:400;letter-spacing:-4px;margin:0 0 26px}em{font-weight:400}.small-rule{height:1px;width:48px;background:#969e8a;margin:26px 0}.intro-line{font-size:19px;line-height:1.7;margin:18px 0 10px}.muted{color:var(--muted);font-size:16px;line-height:1.9;margin:10px 0 26px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;border:1px solid var(--accent);background:var(--accent);color:#fffdf5;min-height:54px;padding:15px 25px;border-radius:2px;transition:background .2s}.primary:hover{background:#34412c}.primary:disabled{opacity:.38;cursor:default}.primary span{font-size:23px;line-height:1}.fine{font-size:12px;letter-spacing:.7px;color:var(--muted);margin:13px 0}.gallery-stage{position:relative;padding:0 13% 26px 5%;isolation:isolate}.hero-art{margin:0;position:relative;transform:rotate(5deg);background:#faf6e8;border:1px solid #d2ccbb;padding:11px;box-shadow:0 25px 35px -20px #3b3c3655}.hero-art img{width:100%;height:auto;display:block;aspect-ratio:2/3;object-fit:contain}.hero-art figcaption,.fairy-card figcaption{display:flex;justify-content:space-between;align-items:center;padding:11px 6px 3px;letter-spacing:1.5px;font-size:12px}.behind{position:absolute;width:73%;left:0;top:6%;transform:rotate(-10deg);z-index:-1;padding:10px;border:1px solid #c9c4b2;background:#f6f0df;box-shadow:0 20px 30px -25px #34372b66}.behind img{width:100%;height:auto;display:block}.art-note{text-align:center;font:italic 18px Georgia,serif;margin:30px -20px 0;color:#6e7764}footer{border-top:1px solid var(--line);margin:0 4%;padding:18px 0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;gap:20px}[hidden]{display:none!important}.quiz-layout{display:grid;grid-template-columns:.75fr 1fr;gap:11%;padding:45px 9%;align-items:center;min-height:calc(100svh - 160px)}.quiz-side h2{font:42px/1.1 Georgia,serif;margin:0 0 24px;letter-spacing:-1px}.quiz-side .eyebrow{margin-bottom:18px}.quiz-side img{max-height:330px;width:100%;object-fit:contain;object-position:left}.progress-meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}progress{appearance:none;width:100%;height:2px;border:0;margin:17px 0 34px}progress::-webkit-progress-bar{background:#d9dace}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.question-panel h2{font-size:27px;line-height:1.55;letter-spacing:-.7px;font-weight:500;margin:0;word-break:keep-all}.question-hint{font-size:14px;margin:12px 0 23px}#answers{display:grid;gap:10px}.answer{display:flex;align-items:center;text-align:left;gap:16px;border:1px solid var(--line);border-radius:2px;background:transparent;padding:15px 18px;min-height:58px;line-height:1.5;transition:background .15s,border-color .15s}.answer .letter{font:italic 20px Georgia,serif;color:#7d8675}.answer:hover{border-color:#7d8675}.answer[aria-pressed=true]{background:#e3e7d9;border-color:var(--accent)}.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:20px}.text-button{border:0;border-bottom:1px solid #adb3a5;background:none;padding:7px 0;color:var(--ink);font-size:14px}.text-button:disabled{opacity:.35;cursor:default}.quiz-nav .primary{min-height:46px;font-size:14px}.result-spread{gap:8%;padding-top:34px;padding-bottom:32px}.result-art{max-width:390px;width:100%;justify-self:center}.tilt-area{perspective:1100px;touch-action:pan-y;padding:12px;cursor:grab}.tilt-area.dragging{touch-action:none;cursor:grabbing}.fairy-card{margin:0;background:#faf5e6;padding:12px;position:relative;border:1px solid #c5bea9;box-shadow:0 24px 36px -24px #262f255c;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .16s ease-out;will-change:transform;border-radius:3px}.art-window{overflow:hidden}.fairy-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block;pointer-events:none;user-select:none}.sheen{position:absolute;inset:0;background:radial-gradient(circle at var(--px,50%) var(--py,50%),#ffffff55,transparent 60%);pointer-events:none;opacity:var(--shine,0);border-radius:3px}.card-hint{text-align:center;font-size:13px;line-height:1.8;color:var(--muted);margin:12px -10px 0}.card-hint span{font-size:12px}.result-copy h2{font:clamp(48px,5vw,76px)/1.04 Georgia,serif;letter-spacing:-2px;margin:0 0 12px}.result-copy h2 em{display:block}.result-copy .eyebrow{margin-bottom:22px}.result-copy .intro-line{font-size:18px;margin-bottom:22px}.traits{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.traits span{font-size:13px;padding:7px 12px;border:1px solid #c6cbbd;border-radius:20px}.result-copy blockquote{margin:24px 0 5px;padding:0 0 0 18px;border-left:2px solid #9ba788;font-size:19px;line-height:1.7;word-break:keep-all}.result-copy .fine{padding-left:20px}.restart{margin-top:28px}.result-copy .muted{max-width:410px;word-break:keep-all}@media(min-width:1450px){.gallery-stage{max-width:500px}}@media(max-width:760px){header{padding:22px 0;gap:25px}.edition{display:none}.back-site{margin-left:auto}.spread{padding:34px 7%;gap:30px;min-height:auto;grid-template-columns:1fr}.copy h1{font-size:65px;letter-spacing:-2px}.eyebrow{margin-bottom:22px}.gallery-stage{width:76%;max-width:370px;justify-self:center;padding-right:5%;margin:0 0 10px}.copy .primary{width:100%}.intro-line{font-size:18px}.muted{font-size:16px}.quiz-layout{padding:30px 7% 40px;display:block;min-height:calc(100svh - 150px)}.quiz-side{display:none}.question-panel h2{font-size:25px}.quiz-nav{gap:30px}footer{font-size:10px;line-height:1.5}footer span:last-child{display:none}.result-spread{gap:16px}.result-art{max-width:310px;order:1}.result-copy{order:0}.result-copy h2{font-size:52px}.result-copy .eyebrow{margin-bottom:18px}.result-copy .muted{margin-bottom:15px}.result-copy blockquote{margin-top:18px}.restart{margin-top:18px}.fairy-card{padding:9px}.result-copy .primary{width:auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.fairy-card{transform:none!important}.sheen{display:none}}
/* Cinematic botanical edition */
.hero-art,.fairy-card{background:#292b26;border-color:#42463c;color:#f6f2e5;padding:7px;border-radius:12px;overflow:hidden}.hero-art img,.fairy-card img{border-radius:6px}.hero-art figcaption,.fairy-card figcaption{padding:12px 9px 7px;font-size:12px}.behind{background:#323b38;border-color:#505c50;border-radius:12px;padding:7px;overflow:hidden}.behind img{border-radius:6px}.quiz-side img{border-radius:8px;max-height:360px;width:auto;max-width:100%}.sheen{border-radius:12px}.tilt-area{touch-action:none}.art-note{color:#636f5e}

.fairy-card img{transform:translate(var(--mx,0px),var(--my,0px)) scale(1.055);transition:transform .35s ease-out}
.fairy-card.awake{box-shadow:0 28px 55px -20px #38483188}
#glitter{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}
.glitter-star{position:absolute;color:#fff4c5;font-style:normal;text-shadow:0 0 8px #ffef9b,0 0 20px #ffffffaa;animation:fairy-glitter 1.1s ease-out forwards}
@keyframes fairy-glitter{0%{opacity:0;transform:scale(.3)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(90deg) scale(.2)}}
.flower-meaning{border-top:1px solid var(--line);padding:18px 0 22px}.flower-meaning .eyebrow{font-size:10px;margin:0 0 9px}.flower-meaning>p:nth-child(2){font-size:21px;margin:0 0 8px}.flower-meaning small{font-size:11px;color:var(--muted)}
.save-actions{margin-top:27px}.save-actions .fine{padding-left:0;letter-spacing:0;line-height:1.6}.restart{margin-top:12px}.tilt-area{touch-action:pan-y}
@media(prefers-reduced-motion:reduce){.fairy-card img{transform:none!important}#glitter{display:none}}

#save-preview{margin:15px 0;max-width:260px}#save-preview img{width:100%;height:auto;border:1px solid var(--line);border-radius:5px}#save-preview p{font-size:12px;line-height:1.6;color:var(--muted)}

/* Focused, answer-to-advance questionnaire */
.quiz-layout{grid-template-columns:minmax(0,620px);justify-content:center;gap:0}.question-panel{width:100%}
@media(max-width:760px){.question-panel{max-width:620px;margin:auto}}

#result-title{overflow-wrap:normal;word-break:normal}.meaning-sources{font-size:11px;color:var(--muted);line-height:1.6;margin-top:8px}.meaning-sources summary{cursor:pointer}.meaning-sources a{text-decoration:underline}.meaning-sources p{max-width:390px}

/* Show the fairy before its story at every screen size. */
.result-spread{grid-template-columns:minmax(0,560px);justify-content:center;gap:28px}
.result-art{order:0}
.result-copy{order:1;width:100%}
.result-copy .muted{max-width:none}
@media(max-width:760px){.result-spread{gap:24px}}

/* Result introduction, artwork, then the full story. */
.result-heading{order:0;width:100%}.result-art{order:1}.result-copy{order:2}
.result-heading h2{font:clamp(48px,5vw,76px)/1.04 Georgia,serif;letter-spacing:-2px;margin:0 0 12px}.result-heading h2 em{display:block}.result-heading .eyebrow{margin-bottom:18px}.result-heading .intro-line{margin:18px 0 0}#result-title:focus{outline:none}
@media(max-width:760px){.result-heading h2{font-size:52px}}

/* Read the meaning and message before the artwork. */
.result-heading{order:0}.result-copy{order:1}.result-art{order:2}.result-actions{order:3;width:100%}

/* Explicit colors prevent native mobile button blue. */
button{color:var(--ink);-webkit-appearance:none;appearance:none}button.primary{color:#fffdf5}button.answer,button.text-button{color:var(--ink);-webkit-text-fill-color:var(--ink)}.card-meaning{text-align:center;margin:26px 0 18px;color:var(--ink)}.card-meaning .eyebrow{font-size:11px;letter-spacing:1.5px;margin:0 0 10px}.card-meaning #card-meaning-value{font-size:20px;line-height:1.6;margin:0;word-break:keep-all}

.collection-link{display:table;margin-top:20px;margin-bottom:18px;font-size:14px;color:var(--ink)}