/* Shared with the homepage: cream paper, pastel blocks and 8px corners. */
:root{--paper:#faf9f6;--bg:#faf9f6;--surface:#fff;--surface-soft:#f5f4ef;--ink:#292e2b;--text:#292e2b;--muted:#696e68;--quiet:#696e68;--line:#e6e8df;--yellow:#ffda68;--pink:#f7dedb;--blue-soft:#dcecf4;--radius:8px;--ease:cubic-bezier(.22,1,.36,1);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:var(--paper);color:var(--ink)}
body,body.journal{background:var(--paper);background-image:none;color:var(--ink);font-family:inherit}
body:before,body:after,.journal:before,.journal:after{display:none}
.site,.journal .site-shell{max-width:1152px;padding:0 36px;margin:auto}
.site-header,.journal .site-header{min-height:100px;border:0;padding:18px 0;display:flex;align-items:center;gap:24px;background:transparent}
.site-header .brand,.site-header #brand,.journal .brand{display:flex;align-items:center;gap:8px;font-size:30px;font-weight:900;letter-spacing:-1.4px;color:var(--ink);text-decoration:none}
.site-header .brand-mark,.journal .brand-mark{display:block;width:43px;height:43px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;transition:transform .4s var(--ease)}
.site-header a:hover .brand-mark{transform:rotate(-12deg)}
.site-header .brand small,.site-header #brand small{display:inline;font-size:11px;margin-left:3px;letter-spacing:0;color:inherit}
.all-tests-link{font-size:13px;opacity:1;color:var(--ink)}
.site>footer,.journal .site-footer{border:0;border-top:1px solid var(--line);margin-top:56px;padding:24px 0;gap:12px;color:var(--muted);background:transparent;font-size:11px}
.site>footer>span:first-child,.journal .site-footer>span:first-child{font-weight:800;color:var(--ink);letter-spacing:.3px}
.paper,.pair-card,.journal .access-card,.journal .question-card,.journal .result-section,.journal .dossier{border:0;border-radius:8px;box-shadow:0 3px 14px #292e2b08;background:#fff;background-image:none}
.paper:before,.paper:after,.journal .access-card:before,.journal .question-card:before,.journal .question-card:after,.journal .result-section:before,.journal .result-section:after,.journal .dossier:before,.journal .dossier:after{display:none}
.tape,.metal-clip,.blue-tape,.club-label,.home-note,.ticket-sticker,.file-mark,.journal .dossier-signoff{display:none}
.primary,.journal .primary-button{background:var(--yellow);color:var(--ink);border:0;border-radius:8px;box-shadow:none;transform:none;font-family:inherit;font-size:14px;font-weight:700;line-height:1.6;min-height:46px;transition:transform .25s var(--ease),background .2s,box-shadow .25s}
.primary:hover:not(:disabled),.journal .primary-button:hover:not(:disabled){background:#ffd151;color:var(--ink);transform:translateY(-3px);box-shadow:0 6px 0 #292e2b0b}
.primary:active:not(:disabled),.journal .primary-button:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:none}
.secondary,.journal .outline-button{border:0;border-radius:8px;background:#efeee7;color:var(--ink);box-shadow:none;transform:none;transition:background .2s,transform .25s var(--ease)}
.secondary:hover:not(:disabled),.journal .outline-button:hover:not(:disabled){background:#fbefcf;transform:translateY(-2px)}
.text-button,.journal .back-link{color:var(--muted)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #456753;outline-offset:4px}
input,textarea,select,.journal input{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-shadow:none}
.hero h1,.journal .hero h1,.small-title,.journal h1,.journal h2,.journal h3{color:var(--ink);text-shadow:none}
.journal .hero h1 em{color:var(--ink);font-style:normal;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:7px;text-underline-offset:7px}
.journal .hero{padding-top:35px}.journal .hero-copy>p{color:var(--muted);line-height:1.9}
.journal .journal-collage{border:0;background:var(--blue-soft);border-radius:8px;box-shadow:none;min-height:300px;padding:20px;display:grid;place-items:center}
.journal .polaroid,.journal .main-polaroid{border:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #292e2b0b;transform:rotate(-3deg)}
.journal .journal-collage .polaroid{position:relative;inset:auto;width:230px;margin:0;transition:transform .4s var(--ease)}
.journal .journal-collage:hover .polaroid{transform:rotate(2deg) translateY(-4px)}
.journal .star-sticker{background:none;border:0;box-shadow:none}
.journal .metric,.chips span{border:0;background:#f0eee6;border-radius:8px;box-shadow:none}
.art-postcard{border:0;border-radius:8px;background:var(--pink);box-shadow:0 4px 16px #292e2b0b}.art-postcard:nth-child(2){background:#dfebd7}.art-postcard b{border:0}
.steps li,.preferences>div,.answer-list button,.review details{border-color:var(--line);border-style:solid}
.empty{border:0;background:#f0eee6}.pair-card{background:white}.tag{border-radius:8px;background:#fbefcf}
.profile{background:#dfebd7}.invitation-card{background:#fbefcf}.reuse-note{border:0;background:#dfebd7}
.quiz,.journal .quiz-shell{max-width:720px}.question,.journal .question-card{padding:36px 40px 25px}
.question h1,.journal .question-card h1{font-size:25px;line-height:1.7;font-weight:700;letter-spacing:0;color:var(--ink)}
.progress,.mini-progress,.journal .progress-track{height:6px;border:0;border-radius:8px;background:#eae9e1;box-shadow:none;overflow:hidden}
.progress i,.mini-progress i,.journal .progress-fill{height:100%;background:var(--yellow);border-radius:8px;box-shadow:none}
.option,.journal .option{border:0;border-radius:8px;background:#f7dedb;color:var(--ink);box-shadow:none;min-height:58px;font-weight:500;transition:transform .18s,background .18s}
.option:nth-child(2),.journal .option:nth-child(2){background:#fbefcf}.option:nth-child(3),.journal .option:nth-child(3){background:#efeee7}.option:nth-child(4),.journal .option:nth-child(4){background:#dfebd7}.option:nth-child(5),.journal .option:nth-child(5){background:#dcecf4}
.option:hover:not(:disabled),.journal .option:hover:not(:disabled){background:#f9e6ae;transform:translateX(3px)}
.option.selected,.journal .option.selected{background:#ffebaf;outline:2px solid #456753;outline-offset:2px;color:var(--ink)}
.option>span,.journal .option-key{border:0;color:#696e68;background:transparent;border-radius:8px;font-style:normal;transform:none}
.journal .question-nav,.journal .answer-review,.journal .review-answer{border-color:var(--line);border-style:solid}
.journal .number-label,.journal .quiz-count,.journal .question-hint,.journal .save-note{color:var(--muted)}
.journal .dossier{background:#fbefcf}.journal .dossier-title h1{color:var(--ink);text-shadow:none}.journal .dossier-top{border:0;color:var(--muted)}
.journal .identity-sheet,.journal .interpretation-card,.journal .core-card,.journal .career-card,.journal .ability-note{border:0;border-radius:8px;background:#fff;box-shadow:none;transform:none;background-image:none}
.journal .core-card{background:#dfebd7}.journal .core-card:nth-child(2){background:#dcecf4}.journal .career-card{background:#fbefcf}.journal .ability-note{background:#f3f2ed}
.journal .profile-row,.journal .core-detail,.journal .interpretation-row{border-color:var(--line);border-style:solid}.journal .section-icon,.journal .ability-sticker{border:0;background:transparent;box-shadow:none}
.journal .result-section[data-paper=skills]{background:#dcecf4}.journal .result-section[data-paper=careers]{background:#f7dedb}.journal .result-section[data-paper=scores]{background:#fff}
.dimension,.next-step,.relation-reveal,.report-cover,.interest-summary,.shared-interests{border-radius:8px;box-shadow:none}
dialog{border:0;border-radius:8px;background:var(--paper);box-shadow:0 20px 80px #292e2b30}dialog::backdrop{background:#292e2b66}#image-actions{background:var(--paper)}
@media(max-width:600px){.site,.journal .site-shell{padding:0 20px}.site-header,.journal .site-header{min-height:78px;padding:14px 0}.site-header .brand,.site-header #brand,.journal .brand{font-size:26px}.site-header .brand-mark,.journal .brand-mark{width:37px;height:37px}.all-tests-link{font-size:12px}.question,.journal .question-card{padding:27px 21px 21px}.question h1,.journal .question-card h1{font-size:21px}.journal .hero{padding-top:20px}.journal .journal-collage{min-height:260px;margin-top:24px}.journal .journal-collage .polaroid{width:200px}.site>footer,.journal .site-footer{margin-top:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.site>footer,.journal .site-header,.journal .site-footer{display:none}.site,.journal .site-shell{padding:0}}

.retake-control{margin-bottom:24px}
body.journal{--text:#292e2b;--muted:#696e68;--line:#e6e8df;--blue-soft:#dcecf4}
.journal .brand-mark{color:var(--ink)}
.journal .journal-collage{transform:none}
.journal .metric strong,.journal .section-heading h2,.journal .dossier h1{color:var(--ink);text-shadow:none}
.journal .identity-sheet dl>div{border-bottom:1px solid var(--line)}
.journal .identity-sheet dd,.journal .character-quote,.journal .profile-row p,.journal .career-card p,.journal .hero p{color:var(--ink)}
.journal .identity-sheet dt,.journal .profile-row>span,.journal .section-heading p,.journal .card-label{color:var(--muted)}
.journal .identity-sheet{padding:20px}.journal .dossier-top>span{color:var(--ink)}
.journal .score-pill,.journal .core-symbol{border-radius:8px}.journal .core-empty{border:0;border-radius:8px;background:#dfebd7}
.journal .question-nav,.journal .question-page-top{border:0;box-shadow:none}
.journal .answer-review{border:0;border-top:1px solid var(--line)}
.journal .review-answer,.journal .profile-row,.journal .core-detail,.journal .interpretation-row{border:0;border-bottom:1px solid var(--line)}
.steps li,.preferences>div,.answer-list button{border:0;border-bottom:1px solid var(--line)}
.review details{border:0;border-top:1px solid var(--line)}