/* B: bright paper, a small collage, and generous space for real answers. */
body{caret-color:var(--primary)}.page{animation:none}::selection{background:#ffe36c;color:#302a24}button,a{touch-action:manipulation}.button{border-radius:7px;min-height:52px}.button.primary:hover{background:#a72b25}.button.secondary{border-color:#a99a88}.text-button{color:#665647}.brand{letter-spacing:-.03em;font-size:26px}.brand-mark{background:#ec4d42;border-radius:0;clip-path:polygon(0 10%,90% 0,100% 88%,12% 100%);font-size:0;width:30px;height:34px}.brand-mark:after{content:'';width:4px;height:20px;background:#fff;transform:rotate(13deg)}.brand small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:12px;border-left:1px solid var(--line);padding-left:12px}.eyebrow{letter-spacing:0;font-size:14px;color:#736252}.home-header{padding:6px 0 24px;border-bottom:1px solid var(--line)}.home-header>.text-button{font-size:14px}.scrapbook-home{max-width:1220px}.scrapbook-home .hero{padding:64px 12px 70px;grid-template-columns:1fr 1fr;gap:44px;min-height:540px}.scrapbook-home .hero h1{font-size:clamp(42px,4.4vw,64px);line-height:1.32;letter-spacing:-.035em;max-width:650px}.scrapbook-home .hero-description{font-size:19px;margin-top:24px;color:#6b6057}.hero-actions{display:flex;flex-direction:column;gap:14px;max-width:340px;margin-top:32px}.hero-actions .button{justify-content:space-between;font-size:18px;padding:15px 23px}.hero-actions .button:after{content:'↗';font-size:22px;line-height:1}.hero-actions .secondary:after{content:'＋'}.hero-note{font-size:14px;color:#6e6052;margin-top:18px}.collage{position:relative;width:400px;height:380px;max-width:100%;justify-self:center;isolation:isolate}.blue-paper{position:absolute;inset:48px 10px 26px 25px;background:#3ba4e5;transform:rotate(5deg);clip-path:polygon(1% 3%,10% 1%,18% 2%,27% 0,36% 2%,44% 0,55% 2%,66% 1%,76% 3%,88% 0,99% 3%,98% 16%,100% 30%,98% 46%,100% 61%,98% 77%,100% 92%,90% 99%,74% 97%,57% 100%,40% 97%,27% 100%,13% 97%,0 99%,2% 82%,0 65%,1% 47%,0 28%)}.paper-dots{position:absolute;width:75px;height:95px;right:15px;top:15px;background:radial-gradient(#fff6d6 2px,transparent 2.5px) 0 0/17px 17px}.yellow-note{position:absolute;top:15px;left:49px;width:242px;height:270px;padding:48px 28px 28px;background:#ffe04c;clip-path:polygon(0 0,100% 0,100% 95%,92% 98%,84% 95%,76% 99%,68% 96%,60% 99%,52% 96%,44% 99%,36% 96%,28% 99%,20% 96%,12% 99%,0 96%)}.note-tape{position:absolute;top:0;left:35%;height:24px;width:85px;background:#fff4b3;clip-path:polygon(0 0,100% 0,96% 22%,100% 38%,95% 62%,100% 82%,96% 100%,0 100%,4% 76%,0 56%,4% 30%)}.note-small{display:block;font-size:14px;margin-bottom:14px}.note-big{display:block;font-family:KaiTi,STKaiti,serif;font-size:43px;line-height:1.35;letter-spacing:2px}.note-stroke{display:block;width:110px;height:10px;border-bottom:3px solid #49301b;border-radius:50%;transform:rotate(-4deg);margin-top:4px}.thread-ring{position:absolute;width:142px;height:142px;border-radius:50%;background:repeating-conic-gradient(#ec4b36 0deg 6deg,#f88c62 6deg 8deg);left:52%;bottom:5px;transform:rotate(8deg);box-shadow:6px 9px 10px #61421d12}.thread-ring:before{content:'';position:absolute;inset:17px;border:2px dashed #f9a486;border-radius:50%}.thread-ring span{position:absolute;inset:39px;background:#3ba4e5;border-radius:50%;border:3px solid #ee6e4e}.red-sticker{position:absolute;right:0;top:45%;width:94px;height:94px;border-radius:50%;background:#ed4c41;color:#fff;border:2px dashed #ffb49f;outline:5px solid #ed4c41;text-align:center;display:grid;align-content:center;font-size:17px;line-height:1.5;transform:rotate(12deg)}.tiny-flower{position:absolute;width:64px;height:64px;left:0;bottom:2px}.tiny-flower i{position:absolute;width:35px;height:35px;border-radius:50%;background:#ffe04c}.tiny-flower i:nth-child(1){left:15px;top:0}.tiny-flower i:nth-child(2){right:0;top:15px}.tiny-flower i:nth-child(3){left:15px;bottom:0}.tiny-flower i:nth-child(4){left:0;top:15px}.tiny-flower b{position:absolute;inset:23px;border-radius:50%;background:#60402c}.resume-line{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:15px 0;font-size:15px}.exploration-notes{border-top:1px solid var(--line);padding:48px 12px}.exploration-notes>h2{font-size:30px;margin-bottom:18px}.exploration-notes>.muted{max-width:650px}.everyday-items{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px}.everyday-item{display:flex;align-items:flex-start;gap:18px}.icon-cutout{width:62px;height:62px;flex:none;background:#f7d9e3;border-radius:14px 23px 16px 20px;display:grid;place-items:center;transform:rotate(-4deg)}.note-1 .icon-cutout{background:#d8ebf8;transform:rotate(5deg)}.note-2 .icon-cutout{background:#fff0ab}.everyday-item h3{font-size:19px;margin:4px 0 10px}.everyday-item p{font-size:16px;color:#6b6057;line-height:1.8}.home-footer{max-width:900px;border-top:1px solid var(--line);padding-top:32px;font-size:14px}.home-footer .footer-line{font-size:18px}.home-footer .text-button{font-size:15px}.question-page{max-width:780px}.question-heading{padding-top:24px}.question-heading .eyebrow{font-size:0;margin:0}.question-heading h1{font-size:26px;line-height:1.65}.quiz-top{border-bottom:1px solid var(--line);padding-bottom:14px}.quiz-edition{color:#5f5247}.question-page progress{accent-color:#3ba4e5}.question-page progress::-webkit-progress-value{background:#3ba4e5}.option{background:#fff;border-radius:8px;border-color:#d2c8bb;min-height:58px}.option:has(input:checked){background:#fff1b4;border-color:#a28b3e}.option input:checked+.option-indicator{background:#805a28;border-color:#805a28}.question-footer{background:var(--bg)}.question-actions .button{min-height:52px}.question-footer>.muted{font-size:15px}.selection-message{color:#665b50}.report-page{max-width:1120px}.report-cover{background:none;border:0;box-shadow:none;border-radius:0;padding:44px 0 30px;position:relative;overflow:visible}.report-cover:before,.report-cover:after{display:none}.report-mode{background:none;color:#806c5a;padding:0;font-size:15px}.report-cover h1{font-size:46px;color:var(--ink);letter-spacing:-.03em;margin:14px 0 24px;max-width:760px}.report-summary{font-size:18px;max-width:720px;color:#64574b;line-height:1.9}.report-stamp{position:absolute;right:24px;top:48px;width:120px;height:120px;border:0;border-radius:0;background:#ffe04c;color:#3c301c;clip-path:polygon(50% 0,60% 10%,75% 4%,79% 20%,95% 22%,91% 38%,100% 50%,90% 60%,95% 76%,80% 80%,75% 96%,60% 91%,50% 100%,40% 90%,24% 95%,20% 80%,5% 76%,10% 60%,0 50%,10% 39%,5% 23%,21% 20%,25% 5%,40% 10%);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(8deg);font-size:18px;line-height:1.6;margin:0}.report-stamp span{color:inherit}.traits-paper{background:#fff;padding:32px 38px;margin:22px 0 44px;border-top:3px solid #3ba4e5;position:relative;max-width:800px}.traits-paper:before{content:'';position:absolute;width:75px;height:27px;background:#f3b5a6c9;right:38px;top:-16px;transform:rotate(11deg);clip-path:polygon(0 3%,100% 0,96% 30%,100% 62%,94% 100%,0 94%,5% 67%,0 33%)}.traits-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:12px}.traits-title h2{font-size:25px}.traits-title p{font-size:14px;color:#766250}.traits-paper>.muted{font-size:15px}.chart-note{border-top:1px dashed #ded5c8;margin-top:28px!important;padding-top:22px;font-size:15px;color:#786652}.career-card{border:0;border-radius:11px;background:var(--category-surface,#fff1e5);box-shadow:none;padding:27px;color:#302a24}.career-card-top{margin-bottom:14px}.career-category{display:flex;gap:10px;align-items:center;color:var(--category-color,#70583d);font-size:15px;font-weight:600}.career-category img{flex:none;opacity:.78}.career-card .tag{background:transparent;border-radius:0;padding:0;font-size:13px;color:var(--category-color,#70583d)}.career-card h3{margin-top:15px;font-size:24px;letter-spacing:-.02em}.career-card .occupation{color:var(--category-color,#70583d);font-weight:600}.career-card .text-button{color:var(--category-color,#70583d);border-top:1px solid color-mix(in srgb,var(--category-color) 20%,transparent);width:100%;margin-top:16px;padding-top:15px}.career-card p,.career-detail p{font-size:16px}.career-grid{gap:22px}.detail-section,.next-step,.empty-clues,.clues-section{border-radius:8px}.report-footer .muted{font-size:14px}.report-tools{gap:12px}.unlock-page{max-width:920px}.unlock-paper{max-width:540px;margin:48px auto;background:#fff;padding:34px;border-top:3px solid #3ba4e5;position:relative}.unlock-paper h1{font-size:31px;line-height:1.5;margin:20px 0}.paper-badge{font-size:15px;background:#ffed92;padding:5px 10px}.unlock-form{margin-top:28px}.unlock-form label{font-weight:600;display:block;margin-bottom:10px}.secret-field{display:flex;border:1px solid #ad9c86;border-radius:7px;align-items:center}.secret-field input{border:0;background:transparent;width:100%;min-width:0;min-height:54px;font-size:18px;padding:12px}.secret-field button{flex-shrink:0;min-width:54px}.unlock-form .muted{font-size:14px;margin:12px 0 22px}.form-message{color:#a52c25;line-height:1.7}.shop-section{margin-top:32px;padding-top:26px;border-top:1px dashed var(--line)}.shop-section h2{font-size:21px;margin-bottom:12px}.shop-section p{font-size:15px}.shop-link{font-size:14px!important;padding:12px;background:#fff6da;user-select:all;overflow-wrap:anywhere}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.shop-section .button{font-size:14px}.report-nav .brand small{display:none}
@media(max-width:760px){.page{padding:20px 23px 40px}.brand{font-size:24px}.brand small{display:none}.home-header{padding:0 0 18px}.scrapbook-home .hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:34px 0 36px}.scrapbook-home .hero-copy{display:contents}.scrapbook-home .hero h1{font-size:41px;line-height:1.35;order:0;letter-spacing:-.035em}.scrapbook-home .hero-description{font-size:17px;line-height:1.8;margin:17px 0 0;order:1}.collage{order:2;width:280px;height:215px;align-self:center;margin:20px 0 22px}.blue-paper{inset:26px 9px 13px 17px}.yellow-note{top:0;left:36px;width:172px;height:180px;padding:28px 20px 15px}.note-small{font-size:11px;margin-bottom:7px}.note-big{font-size:31px;line-height:1.28;letter-spacing:1px}.note-tape{height:17px;width:58px}.note-stroke{width:65px;height:6px;border-bottom-width:2px}.paper-dots{width:55px;height:65px;background-size:13px 13px}.thread-ring{width:99px;height:99px;bottom:1px;left:52%}.thread-ring:before{inset:13px;border-width:1.5px}.thread-ring span{inset:28px}.red-sticker{width:68px;height:68px;top:36%;right:0;font-size:12px;border-width:1px;outline-width:4px}.tiny-flower{width:42px;height:42px;bottom:2%}.tiny-flower i{width:24px;height:24px}.tiny-flower i:nth-child(1){left:9px}.tiny-flower i:nth-child(2){top:9px}.tiny-flower i:nth-child(3){left:9px}.tiny-flower i:nth-child(4){top:9px}.tiny-flower b{inset:14px}.hero-actions{order:3;margin:0;max-width:none;gap:12px}.hero-actions .button{min-height:56px;font-size:17px;width:100%}.hero-note{order:4;font-size:13px;text-align:center;margin-top:17px}.exploration-notes{padding:34px 0}.exploration-notes>h2{font-size:25px}.everyday-items{grid-template-columns:1fr;gap:28px;margin-top:32px}.everyday-item{gap:19px}.everyday-item h3{font-size:18px}.everyday-item p{font-size:16px}.resume-line{flex-direction:column;align-items:flex-start;gap:4px}.home-footer{padding-top:26px}.question-page{padding-top:16px}.question-heading h1{font-size:23px}.question-heading{padding-top:20px}.question-footer{padding:20px 0 10px}.option{padding:15px 16px;min-height:58px}.report-cover{padding:32px 0 20px}.report-cover h1{font-size:34px;margin:16px 0 22px;max-width:75%}.report-summary{font-size:16px}.report-stamp{width:86px;height:86px;right:-2px;top:57px;font-size:15px}.report-mode{font-size:14px}.traits-paper{padding:26px 18px 22px;margin:18px 0 34px}.traits-paper:before{width:58px;height:23px;right:26px;top:-13px}.traits-title{display:block}.traits-title h2{font-size:22px}.traits-title p{margin-top:10px;font-size:13px}.traits-paper>.muted{font-size:14px}.chart-note{font-size:14px;margin-top:24px!important;padding-top:19px}.career-card{padding:24px 22px}.career-card h3{font-size:23px}.career-category{font-size:14px}.report-tools{display:flex;flex-direction:column}.report-tools .button{width:100%}.unlock-paper{padding:25px 21px;margin:32px 0}.unlock-paper h1{font-size:27px}.unlock-page .home-header{gap:16px}.unlock-page .brand{font-size:22px}.unlock-form .button{font-size:16px}.button-row>.button{width:100%}}
@media(max-width:359px){.page{padding-left:18px;padding-right:18px}.scrapbook-home .hero h1{font-size:36px}.collage{width:260px;height:210px}.traits-paper{padding-left:12px;padding-right:12px}.report-cover h1{font-size:29px}.report-stamp{width:68px;height:68px;font-size:13px;right:0}.traits-title h2{font-size:20px}.question-heading h1{font-size:21px}.unlock-paper{padding:23px 17px}.unlock-paper h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}