/* Shared scrapbook finish. All illustrations come from the retained handoff. */
:root{--paper:#fff9e9;--ink:#4a3025;--muted:#88715a;--line:#edd8a1;--shadow:0 6px 18px #aa7a2910}
body{color:var(--ink);background-color:#fff6d7;background-image:radial-gradient(ellipse at 0 10%,#cde8e675,transparent 42%),radial-gradient(ellipse at 100% 55%,#ffe59465,transparent 50%),repeating-linear-gradient(7deg,#fff9eb00 0 3px,#e5c98c0a 3px 4px)}
.topbar{background:#fffcf1f5;border-bottom:1px solid #eedcb6}.header-tool{box-shadow:0 3px 0 #eed5a344;background:#fffdf5}
.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0 -16px -8px;z-index:-2;background:radial-gradient(ellipse at 8% 5%,#a9ddf499,transparent 44%),radial-gradient(ellipse at 98% 36%,#cae9b275,transparent 35%),linear-gradient(180deg,#fff9e9 65%,#ecedbb80);border-radius:0 0 40% 4%/0 0 4% 2%}
.hero .eyebrow{color:#9b8058;letter-spacing:.12em}.hero .eyebrow-dot{background:#f3bd42;box-shadow:0 0 0 4px #fff0ae}
.hero h1{color:#482b20;font-weight:950;letter-spacing:-.035em;text-shadow:2px 3px #fffdf1}.hero h1 .highlight:after{display:none}.title-world{display:inline-block;transform:rotate(-2deg)}.title-world i{font-style:normal}.title-world i:nth-child(1){color:#ed675f}.title-world i:nth-child(2){color:#ef8770}.title-world i:nth-child(3){color:#2797c5}.title-world i:nth-child(4){color:#efad26}.title-world i:nth-child(5){color:#3a9e66}.title-last{display:inline-block;position:relative}.title-last:after{content:"";height:7px;background:#f2c84299;position:absolute;bottom:0;left:0;right:0;border-radius:70%;transform:rotate(-3deg);z-index:-1}
.hero-desc{color:#806d52}.hero-group-illustration{filter:drop-shadow(0 5px 0 #fff8e5)}
.paper-sticker{position:absolute;background-image:url('./assets/decor/sticker-sheet.png');background-size:512px 512px;pointer-events:none;z-index:-1}
.paper-sun{width:90px;height:94px;background-position:-2px -2px;right:-8px;top:4px;transform:rotate(10deg)}
.paper-cloud{width:108px;height:78px;background-position:-175px -22px;left:-12px;top:98px;opacity:.9;transform:rotate(-8deg)}
.paper-flower{width:68px;height:79px;background-position:0 -163px;right:-10px;bottom:82px;transform:rotate(15deg)}
 .hero-actions .btn-primary{border:2px solid #fff8c7;outline:2px solid #e5a32c;border-radius:48% 52% 48% 50%/38% 43% 40% 46%;background:repeating-linear-gradient(12deg,#f8c64a 0 3px,#f6bf3d 4px 5px);box-shadow:0 5px 0 #df9d28;color:#4d2d15;text-shadow:0 1px #ffeeb0}
.hero-metrics{background:#fffdf3;border:1px solid #f1d99b;box-shadow:0 4px 0 #eddc9d30}.hero-metrics span{color:#71543c}
.section{border-top:2px dashed #e8cd87}.section-kicker{color:#b8893e}.section h2{color:#593824}.section-intro{color:#927b61}
.sample-postcard{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;padding:22px 17px;margin:12px 0 20px;border:2px solid #f3d26e;border-radius:25px 20px 28px 18px;background:#fffdf0;box-shadow:3px 5px 0 #ecd39b40;transform:rotate(-.5deg)}
.sample-postcard:before{content:"";width:88px;height:22px;position:absolute;top:-12px;left:30%;transform:rotate(-4deg);background:repeating-linear-gradient(90deg,#ffa5a288 0 8px,#ffd1c4aa 8px 16px);border-block:2px dashed #fff9ee}
.sample-postcard img{width:100%;height:150px;object-fit:contain;filter:drop-shadow(2px 3px #f5dd9940)}.sample-caption{display:block;color:#b37d38;font-size:11px;font-weight:800}.sample-postcard h3{font-size:23px;line-height:1.45;margin:6px 0 9px;color:#563222}.sample-postcard h3 em{font-style:normal;color:#e66e65}.sample-postcard p{font-size:12px;line-height:1.85;margin:0;color:#8b7059}
.trait-card{background:#fffdf1;border:1px solid #eed8a5;border-radius:22px 18px 25px 19px;box-shadow:2px 4px #e8ce8e20}.trait-icon{border-radius:50%;color:#5b3a27}.trait-card:nth-child(1) .trait-icon{background:#ffd8d0!important}.trait-card:nth-child(2) .trait-icon{background:#ffeca1!important}.trait-card:nth-child(3) .trait-icon{background:#d0eacb!important}
.home-art-callout{position:relative;background:#fffdf0;border:2px dashed #e4c682;border-radius:35% 10% 30% 8%/8% 30% 10% 25%}.home-art-callout p{color:#8b6241}.home-art-callout:after{content:"♥";position:absolute;right:10px;top:-16px;color:#ee8e93;font-size:27px;transform:rotate(15deg)}
.card-back{background:repeating-linear-gradient(135deg,#fff4cf 0 9px,#fae8b9 9px 12px);color:#9a815b}.card-back-symbol{border-color:#e2ad5b;box-shadow:2px 3px #f1cc7c;background:#fffcf0;color:#dc9b4d}.character-card{border-color:#e8d299;box-shadow:2px 4px #d9ba7320}.character-chip{background:#fff0bd}
.quiz-topline{padding-top:12px}.progress-track{height:10px;background:#f0e4ce}.progress-fill{background:repeating-linear-gradient(15deg,#f4bf3c 0 5px,#ffd65d 5px 8px)}
.quiz-welcome{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 19px}.quiz-welcome img{width:105px;height:72px;object-fit:contain}.quiz-welcome p{max-width:230px;margin:0;padding:12px 15px;background:#fffdf0;border:1px dashed #d8b16a;border-radius:21px 21px 21px 4px;color:#896b43;font-size:13px;line-height:1.7}
.question-card{background:#fffdf2;border:2px solid #f0dcaa;box-shadow:3px 6px #dec98d22;border-radius:25px 22px 27px 20px}.question-card:after{border-color:#f0cf69;background:radial-gradient(circle at 52% 50%,#ffdf7933,transparent 60%)}.question-index{border:0;border-radius:20px;background:#ffdc70;color:#6a451a;box-shadow:0 3px #e6c260}.question-kind{color:#b79868}.question-title{color:#4c3127}
.option{background:#fffefa;border:1px solid #ecd99e;box-shadow:0 3px 0 #f3dfb033}.option:hover{transform:none}.option.selected{background:#fff4d8;border-color:#edb63f;box-shadow:inset 0 0 0 1px #edb63f,0 3px #f4dc9a}.option-letter{border-radius:50%;background:#fbd1d5;color:#a44d64}.option:nth-child(2) .option-letter{background:#cceaf4;color:#358aae}.option:nth-child(3) .option-letter{background:#d9ecc8;color:#5e9650}.option:nth-child(4) .option-letter{background:#ffe0b8;color:#bd7e28}.option:nth-child(5) .option-letter{background:#e8d9f3;color:#9b74b1}.option.selected .option-letter{background:#f3c652;color:#694613}.option.selected .option-check{background:#eab23e;border-color:#eab23e}
.btn-primary{background:#ed8985;box-shadow:0 4px #d76f6a}.btn-primary:hover{background:#e97e78}.btn-secondary{border-color:#dcc394;background:#fffdf4}
.result-wrap>.page-head .eyebrow{color:#bc8e47}.result-banner{border:2px solid #efd797;background:#fffcf0;border-radius:28px 22px 32px 20px;box-shadow:3px 6px #e9ce8740;overflow:visible}.result-banner:before{background:repeating-linear-gradient(12deg,#fff0ba 0 4px,#ffecad 4px 6px)}.result-art{position:relative;border:0;background:radial-gradient(ellipse,#ffe39f99,transparent 70%);border-radius:45%;overflow:visible}.result-art:before{border:0}.result-art:after{content:"✦";position:absolute;right:-6px;top:9px;color:#eab432;font-size:32px;transform:rotate(12deg)}.result-art img{filter:drop-shadow(0 5px #e4ce8d35)}
.result-title{color:#e7837b}.result-tags span:nth-child(3n+1){background:#ffdbd2}.result-tags span:nth-child(3n+2){background:#e0ecd0}.result-tags span:nth-child(3n){background:#ffebac}.role-identity{background:#fff6d8;border:1px dashed #dfc080;border-radius:17px}.match-index{color:#bf8251}
.report-card{border:0;box-shadow:none;background:none;padding:0;margin-top:24px}.report-section{position:relative;padding:24px 19px;margin:0 0 21px;border:1px solid #edd8a2;border-radius:23px 19px 27px 21px;background:#fffdf2;box-shadow:3px 5px #e4c98025}.report-section:last-child{border:1px solid #edd8a2}.report-card h2{position:relative;margin:0 0 16px;padding-bottom:9px;color:#7c4d2e;border-bottom:3px solid #f3d56866}.report-card h2:after{content:"✿";color:#eb9a96;font-size:20px;margin-left:8px}.report-card h3{color:#ab7752}.report-card p{color:#7f6853}.story-card{background:#fff8df;border:1px dashed #e2ca8e;box-shadow:none}.report-card blockquote{background:#fff3ce;border:0;border-radius:16px;color:#9b6a3c;transform:rotate(-.5deg)}.report-dimension-track{background:#f3ead7}.result-disclaimer{color:#9c896f}
.gallery-intro{border:1px dashed #ddbd74;background:#fff0c5;border-radius:24px}.about-card{background:#fffdf0;border-color:#e9d4a2}.site-footer{border-top:2px dashed #e6cd96;color:#a38d68}
@media(max-width:680px){.hero h1{font-size:34px;line-height:1.25;margin:10px 0 12px}.hero .eyebrow{font-size:11px}.hero .hero-group-illustration{max-height:260px}.hero .hero-actions{padding-inline:6px}.hero .hero-actions .btn-primary{background:repeating-linear-gradient(12deg,#f8c64a 0 3px,#f6bf3d 4px 5px)}.hero-metrics{margin-bottom:24px}.sample-postcard{grid-template-columns:100px minmax(0,1fr)}.sample-postcard h3{font-size:22px}.report-card{padding:0}.report-section{padding:23px 17px}.result-art{width:210px;height:230px}.quiz-welcome{gap:8px}.quiz-welcome img{width:92px}.quiz-welcome p{font-size:12px;padding:9px 12px}.paper-sun{transform:scale(.75) rotate(10deg);transform-origin:right top}.paper-cloud{transform:scale(.7) rotate(-8deg);transform-origin:left top;top:126px}.paper-flower{bottom:105px;right:-14px;transform:scale(.8) rotate(15deg)}}
.result-banner{overflow:hidden}.paper-flower{right:0}
@media(max-width:359px){.hero:before{left:-12px;right:-12px}}
@media(max-width:680px){.paper-flower{right:0}}
@media print{.paper-sticker,.quiz-welcome{display:none}.report-section{box-shadow:none;break-inside:avoid;background:white}.hero:before{display:none}}

/* Extend only the header paint to the screen edges, without widening its layout. */
.topbar{background:#fffdf1;box-shadow:0 0 0 100vmax #fffdf1;clip-path:inset(0 -100vmax)}
.quiz-topline>.text-button:last-child{display:inline-flex;white-space:nowrap}.quiz-topline .progress-wrap{min-width:0}