@charset "UTF-8";
:root{color-scheme:light;--paper:#f8f5ee;--ink:#3f334b;--muted:#7e7285;--purple:#75548f;--line:#e4dce6;--accent:#8d70ad;--tint:#eee6f5;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}button:disabled{cursor:default;opacity:.4}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9678b3;outline-offset:5px}h1:focus,h2:focus,#app:focus{outline:none}h1,h2,h3,h4,p{margin-top:0}::selection{background:#dfcceb;color:#45334e}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-70px;left:20px;background:#75548f;color:white;padding:12px;z-index:100}.skip:focus{top:8px}.studio-nav{max-width:1280px;padding:24px 44px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6cbdc66;gap:20px}.studio-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:1px}.studio-brand>span{display:flex;align-items:center;gap:14px}.studio-brand small{font-size:12px;font-weight:400;color:#827088;letter-spacing:1px;border-left:1px solid #cfc0d5;padding-left:14px}.studio-nav nav{display:flex;gap:32px;font-size:12px;color:#7d6c88}.studio-nav nav a:last-child{margin-left:12px}.studio-nav a:hover{color:#8d5ca8}.studio-nav nav span{margin-left:8px}#app{max-width:1280px;margin:auto;min-height:70vh;padding:0 44px}.eyebrow{display:block;font:600 10px "Segoe UI",sans-serif;letter-spacing:2.3px;color:#8c7695}.studio-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:8px;padding:40px 0 42px;min-height:580px}.hero-words{position:relative;padding:0 0 0 12px;z-index:1}.hero-words h1{font-size:54px;line-height:1.45;font-weight:500;letter-spacing:1px;margin:25px 0 24px;position:relative}.hero-words h1 em{font-style:normal;color:#8f73a9;position:relative}.hero-words h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:7px;background:#d8c2e0;clip-path:polygon(0 60%,25% 8%,52% 30%,80% 15%,100% 70%,70% 58%,50% 76%,20% 60%)}.title-star{width:32px;height:32px;position:absolute;right:30px;top:6px;color:#b69b61;transform:rotate(12deg)}.hero-words>p{color:#8b7b90;font-size:14px;line-height:2.1;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:24px}.primary,.secondary,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:8px;font-size:13px;font-weight:500;min-height:45px;padding:12px 21px;transition:transform .2s,background .2s}.primary{background:#785791;color:#fff9ff;box-shadow:0 5px 15px #745c8714}.primary:hover:not(:disabled){background:#68467f;transform:translateY(-1px)}.primary span{font-size:18px;margin-left:8px}.secondary{background:#f3eef5;color:#775b8a;border:1px solid #dfd2e6;box-shadow:none}.secondary:hover:not(:disabled){background:#e9deef}.text-link{background:transparent;padding:7px 0;color:#8c719c;min-height:34px;font-size:12px;box-shadow:none}.text-link:hover{color:#5d3e73}.hero-notes{display:flex;gap:13px;align-items:center;margin-top:23px;color:#94849c;font-size:10px}.hero-notes i{width:3px;height:3px;background:#baa8c3;border-radius:50%}.hero-garden{position:relative;min-width:0}.hero-garden img{display:block;width:115%;height:auto;max-width:none;margin-left:-6%;mix-blend-mode:multiply}.floating-note{position:absolute;right:0;top:28%;background:#fdfaf2ed;border:1px solid #e5dbca;border-radius:9px;padding:13px 21px;color:#8b745a;font-size:17px;letter-spacing:3px;transform:rotate(7deg);box-shadow:0 8px 25px #6255440a;line-height:1.3}.floating-note small{font-size:9px;letter-spacing:2px}.garden-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#a2969f;font-size:10px;letter-spacing:1px;white-space:nowrap}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.section-heading h2{font-size:25px;font-weight:500;letter-spacing:1px;margin:9px 0 0}.section-heading>p,.section-heading>span{color:#95849b;font-size:11px;margin:0 0 4px}.section-heading p span{margin:0 7px;color:#c2b0cb}.test-library{padding-top:22px}.test-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.test-card{position:relative;padding:21px 22px 0;background:var(--tint);border:1px solid color-mix(in srgb,var(--accent),transparent 82%);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.test-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #695b7410}.card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.test-number{font:15px Georgia,serif;color:var(--accent);font-style:italic}.test-kind{font-size:9px;color:color-mix(in srgb,var(--accent),#44334a 35%);border:1px solid color-mix(in srgb,var(--accent),transparent 75%);border-radius:20px;padding:3px 7px;background:#ffffff26}.card-symbol{color:var(--accent);width:120px;height:120px;margin:11px auto 9px}.card-symbol svg{width:100%;height:100%}.test-card h3{font-size:19px;letter-spacing:.4px;font-weight:500;margin:5px 0 7px}.test-card>p{font-size:11px;color:#776d79;min-height:36px;line-height:1.8;margin-bottom:10px}.card-facts{display:flex;gap:15px;color:#8c7f91;font-size:10px;padding-bottom:19px}.card-facts span+span{border-left:1px solid #95869c44;padding-left:15px}.card-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #83758e26;padding:14px 0;font-size:12px;color:#62506e;min-height:49px}.card-action span{font-size:20px;font-weight:400}.studio-about{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:66px;padding:48px 12px;border-top:1px solid #ded4e0}.studio-about h2{font-size:27px;font-weight:500;line-height:1.6;letter-spacing:1px;margin:15px 0 20px}.studio-about>div>p{color:#8d7f94;font-size:12px;line-height:2.1;max-width:410px}.about-points article{display:flex;align-items:flex-start;gap:18px;margin-bottom:20px}.about-points article>span{font:italic 20px Georgia,serif;color:#b198bb;line-height:1.4}.about-points h3{font-size:13px;font-weight:500;margin:0 0 8px}.about-points p{font-size:11px;line-height:1.9;color:#918598;max-width:355px;margin:0}.studio-fineprint{color:#938698;font-size:10px;line-height:1.9;text-align:center;margin:5px 0 28px}.studio-footer{max-width:1192px;margin:0 auto;padding:26px 0;display:flex;align-items:center;gap:24px;border-top:1px solid #dfd5e1;color:#a295a8;font-size:9px}.studio-footer>a:first-child{font:600 12px "Segoe UI",sans-serif;letter-spacing:1px;color:#897492}.studio-footer>a:first-child span{font:10px "Microsoft YaHei",sans-serif;margin-left:15px;color:#a295a8;letter-spacing:0}.studio-footer>a:last-child{margin-left:auto}.inside-page,.result-page,.review-page{padding:30px 0 40px}.back-link{font-size:12px;color:#8c7898}.back-link:hover{color:#654778}.intro-sheet{display:grid;grid-template-columns:300px 1fr;gap:65px;background:#fffdf8;border:1px solid #e5dbe6;border-radius:18px;padding:50px;margin:26px 0}.intro-art{align-self:center;background:var(--tint);border:1px solid #bba6c32b;border-radius:50% 50% 43% 43%;aspect-ratio:.9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent)}.intro-art svg{width:75%}.intro-art>span{font-size:10px;color:#7c6983;margin-top:10px;letter-spacing:1px}.intro-words h1{font-size:36px;font-weight:500;margin:14px 0 8px}.intro-subtitle{font-size:17px!important;color:#9277a3!important}.intro-words>p{font-size:12px;color:#8f7f97;line-height:1.9}.intro-facts{display:flex;gap:35px;padding:21px 0;margin:20px 0;border-block:1px solid #e6dce8}.intro-facts>span{font:26px Georgia,serif;color:#87629d}.intro-facts small{display:block;font:10px "Microsoft YaHei",sans-serif;color:#9d8ba5;margin-top:7px}.intro-words .answer-guidance{border-left:2px solid #c7b2d1;padding:3px 0 3px 13px;color:#7d6c88;margin:21px 0}.intro-buttons{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.local-note{font-size:10px!important;color:#9f8da8!important;margin:16px 0 0;text-align:center}.intro-words .local-note{text-align:left}.method{border:1px solid #e2d8e6;border-radius:11px;padding:17px 21px;margin:25px 0;background:#fcf9f4;font-size:12px;color:#83718f}.method summary{font-size:12px;color:#7b648d}.method[open] summary{margin-bottom:17px}.method p{font-size:11px;line-height:2;max-width:940px}.method p:last-child{margin-bottom:0}.source-links{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:#826496}.source-links a{text-decoration:underline;text-underline-offset:4px}.question-page{max-width:860px;margin:0 auto;padding:30px 0 40px}.question-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.question-top .text-link{padding:0;min-height:26px}.progress-meta{display:flex;justify-content:space-between;font-size:10px;color:#9a88a4;margin-bottom:9px}progress{display:block;appearance:none;height:4px;width:100%;border:0;background:#e8deed;border-radius:4px;overflow:hidden}progress::-webkit-progress-bar{background:#e8deed}progress::-webkit-progress-value{background:#a18ab4;border-radius:4px}progress::-moz-progress-bar{background:#a18ab4}.question-sheet{position:relative;background:#fffdf9;border:1px solid #e1d7e5;border-radius:18px;margin-top:23px;padding:39px 36px 28px;box-shadow:0 15px 50px #7c608908;overflow:hidden}.question-decor{position:absolute;right:-18px;top:-35px;width:160px;height:160px;color:var(--accent);opacity:.1;pointer-events:none}.question-counter{display:flex;gap:12px;align-items:baseline;font-size:9px;color:#a78db4;letter-spacing:2px}.question-counter b{font:italic 31px Georgia,serif;color:#9476a6;letter-spacing:0;font-weight:400}.question-counter small{font-size:10px;letter-spacing:0}.question-sheet h1{position:relative;font-size:26px;line-height:1.7;max-width:670px;min-height:88px;font-weight:500;margin:23px 0 10px;letter-spacing:.2px}.question-hint{font-size:11px;color:#9b87a5;margin-bottom:30px}.answers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;border:0;padding:0;margin:0}.answer-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:23px 7px 18px;min-height:149px;background:#fbf8fc;border:1px solid #e9e0ed;border-radius:10px;font-size:12px;color:#8c7898;text-align:center;cursor:pointer;transition:background .15s,border .15s,transform .15s}.answer-option:hover{border-color:#c4afd2;background:#f4ecf9}.answer-option:has(input:focus-visible){outline:3px solid #9b7cb5;outline-offset:3px}.answer-option.selected{background:#eee2f5;border-color:#a07db8;color:#735088;box-shadow:0 4px 13px #9b75b512}.answer-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.answer-circle{display:grid;place-items:center;width:31px;height:31px;border:1.5px solid #c5b2d0;border-radius:50%;background:#fff9ff}.answer-option:nth-child(1) .answer-circle,.answer-option:nth-child(5) .answer-circle{width:37px;height:37px}.answer-option:nth-child(3) .answer-circle{width:25px;height:25px;margin:6px 0}.answer-option:nth-child(2) .answer-circle,.answer-option:nth-child(4) .answer-circle{margin:3px 0}.selected .answer-circle{border-color:#9d7cb3;background:#a483bc}.selected .answer-circle i{width:10px;height:10px;border-radius:50%;background:#fff7ff}.answer-option kbd{font:9px "Segoe UI",sans-serif;color:#ad9cb8;background:#f2ecf6;border:1px solid #e9dfef;width:18px;height:19px;border-radius:4px}.question-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:35px;padding-top:24px;border-top:1px solid #e9e1ec}.question-bottom .secondary{font-size:11px;background:transparent;border-color:#e1d5e7}.keyboard-tip{font-size:9px;color:#b1a0bb}.quiet-reminder{text-align:center;color:#ac9ab5;font-size:10px;margin:12px 0 0}.review-page{max-width:880px;margin:auto}.review-heading{margin:30px 0 25px}.review-heading h1{font-size:30px;font-weight:500;margin:15px 0}.review-heading p{font-size:12px;color:#8f7c9c}.review-actions{display:flex;gap:25px;align-items:center;margin-bottom:25px}.review-list{padding:0;list-style:none;border:1px solid #e4dae8;border-radius:14px;background:#fffdf8;overflow:hidden}.review-list li{display:flex;align-items:center;gap:20px;padding:17px 23px;border-bottom:1px solid #ede5ef}.review-list li:last-child{border:0}.review-list li>span{font:italic 19px Georgia,serif;color:#b19abd;min-width:26px}.review-list li>div{flex:1}.review-list p{font-size:12px;margin:0 0 4px;color:#75617f}.review-list small{font-size:10px;color:#a08baa}.review-list small.unanswered{color:#a1714f}.review-edit{background:#f2ebf6;border:1px solid #e7ddec;padding:6px 12px;font-size:10px;color:#90749e;border-radius:6px;white-space:nowrap;min-height:32px}.result-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:15px}.result-breadcrumb>span{font-size:10px;color:#a08baa}.result-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:45px;margin:28px 0 36px;padding:38px 45px;background:#f2ebf4;border:1px solid #e0d2e7;border-radius:18px;position:relative;overflow:hidden}.result-heading>.eyebrow{font-size:9px;letter-spacing:2px}.result-kicker{display:block;font-size:12px;color:#9a7bab;margin-top:30px;margin-bottom:9px}.result-heading h1{font-size:39px;font-weight:500;letter-spacing:2px;color:#70508a;margin:0 0 22px}.result-heading h1>span{color:#bda371;font-size:20px;vertical-align:super;margin-left:12px}.result-heading>p{font-size:12px;line-height:2;color:#8a7298;max-width:510px}.result-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 9px}.result-tags span{border:1px solid #ceb7db66;border-radius:20px;color:#9475a4;background:#faf5fb88;padding:4px 10px;font-size:9px}.result-heading>small{font-size:9px;color:#aa95b4}.radar-card{text-align:center}.radar{display:block;width:100%;max-width:300px;margin:auto;overflow:visible}.radar-card p{font-size:11px;color:#8e6e9e;margin:0}.radar-card>small{font-size:9px;color:#ad95b8}.result-note{padding:15px 22px;background:#f2ebdc;border:1px solid #dcc79f55;color:#967c59;border-radius:10px;font-size:11px;line-height:1.9;margin-bottom:25px}.score-overview{border:1px solid #e4dae8;border-radius:14px;padding:27px 35px 20px;background:#fffdf9;display:grid;grid-template-columns:1fr 1fr;gap:18px 45px;margin-bottom:38px}.score-overview .section-heading{grid-column:1/-1;margin-bottom:6px}.score-overview h2{font-size:20px;margin:0}.score-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.score-row strong{font-size:12px;font-weight:500;color:#7c658a}.score-row>div>span{font:22px Georgia,serif;color:#9170a3}.score-row small{font:9px "Segoe UI",sans-serif;color:#b0a0b9}.score-track{position:relative;height:7px;background:#ede5f0;border-radius:5px;overflow:hidden}.score-track i{display:block;height:100%;border-radius:5px}.score-track b{position:absolute;height:7px;width:1px;background:#ffffffc9;left:50%;top:0}.score-row>p{display:flex;justify-content:space-between;font-size:9px;color:#ac98b6;margin:6px 0}.detail-heading h2{font-size:24px}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dimension-card{background:#fffdf9;border:1px solid #e4dbe7;border-radius:14px;padding:27px 29px;min-width:0}.dimension-card header{display:flex;align-items:center;gap:11px;margin-bottom:20px}.dimension-card header>span{font:italic 20px Georgia,serif;color:var(--dim)}.dimension-card h3{font-size:19px;font-weight:500;margin:0;letter-spacing:1px}.dimension-card header>b{margin-left:auto;color:var(--dim);font:26px Georgia,serif}.dimension-card header>b small{font:9px "Segoe UI",sans-serif;margin-left:4px;color:#ad9ab7}.dimension-description{font-size:12px;line-height:2;color:#8b7698;margin-bottom:20px}.reading-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.reading-pair h4{font-weight:500;font-size:11px;color:#8d709e;margin:0 0 7px}.reading-pair p{font-size:11px;line-height:1.9;color:#a08aaa;margin-bottom:18px}.little-step{padding:13px 15px;background:color-mix(in srgb,var(--dim),#fffdf9 92%);border:1px solid color-mix(in srgb,var(--dim),transparent 85%);border-radius:8px}.little-step>span{font-size:10px;color:var(--dim);font-weight:600}.little-step p{font-size:11px;line-height:1.9;color:#89738f;margin:5px 0 0}.answer-evidence{margin-top:17px;font-size:10px;color:#a28bac}.answer-evidence summary{font-size:10px;color:#9b80a9}.answer-evidence p{font-size:11px;padding-left:10px;border-left:2px solid #e2d6e8;margin:12px 0;line-height:1.8}.answer-evidence b{display:block;font-size:10px;color:#8d699e;font-weight:500;margin-top:3px}.answer-evidence>small{font-size:9px;line-height:1.8}.takeaway{display:flex;justify-content:space-between;align-items:center;gap:25px;border-block:1px solid #ded2e3;padding:30px 5px;margin-top:35px}.takeaway h2{font-size:24px;font-weight:500;margin:9px 0}.takeaway p{font-size:11px;color:#9b86a4;margin:0}.takeaway>div:last-child{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.takeaway button{font-size:11px}.result-actions{display:flex;gap:25px;align-items:center;margin:15px 0;flex-wrap:wrap}.studio-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:150;max-width:calc(100vw - 30px);border-radius:10px;background:#60476fee;color:#fff7ff;box-shadow:0 7px 25px #50355e22;font-size:12px;line-height:1.8;text-align:center;pointer-events:none}.studio-toast:not(:empty){padding:12px 22px}dialog{border:1px solid #dbcbe4;border-radius:16px;background:#fffdf9;color:#725480;padding:30px;max-width:min(450px,calc(100vw - 30px));box-shadow:0 25px 90px #60416d33}dialog::backdrop{background:#3e2e4b60;backdrop-filter:blur(4px)}dialog h2{font-size:24px;font-weight:500;margin:15px 0}dialog p{font-size:12px;line-height:1.9;color:#977d9f}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.dialog-actions button{font-size:12px}
@media(max-width:1080px){.studio-nav{padding-inline:30px}#app{padding-inline:30px}.hero-words h1{font-size:43px}.title-star{right:10px}.studio-hero{min-height:500px}.test-card{padding-inline:17px}.test-card h3{font-size:17px}.test-kind{font-size:8px;padding:3px 5px}.studio-footer{margin-inline:30px}.studio-about{gap:50px}.intro-sheet{grid-template-columns:240px 1fr;gap:38px;padding:35px}.result-hero{gap:25px;padding:35px}.result-heading h1{font-size:32px}.takeaway{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.studio-nav{padding:19px 25px}.studio-nav nav{gap:20px}.studio-brand small{font-size:11px}.hero-words h1{font-size:34px;letter-spacing:0}.hero-words .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-words>p{font-size:12px}.hero-actions{gap:15px}.hero-actions .primary{font-size:11px;padding:10px 15px}.hero-actions .text-link{font-size:10px}.hero-notes{font-size:9px;gap:10px}.title-star{display:none}.studio-hero{min-height:420px;padding:28px 0 25px}.floating-note{padding:10px;font-size:13px;right:0;top:10%}.floating-note small{font-size:8px;letter-spacing:0}.garden-caption{font-size:8px}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.test-card{padding-inline:22px}.test-card h3{font-size:20px}.test-kind{font-size:9px;padding:3px 8px}.card-symbol{height:135px;width:135px;margin-block:5px}.test-card>p{min-height:0;font-size:11px}.section-heading h2{font-size:23px}.section-heading>p{font-size:9px}.studio-about{gap:35px;padding-inline:0;margin-top:45px}.studio-about h2{font-size:22px}.studio-about>div>p{font-size:11px}.about-points article{gap:12px}.about-points h3{font-size:12px}.about-points p{font-size:10px}.intro-sheet{grid-template-columns:180px 1fr;gap:27px;padding:26px}.intro-words h1{font-size:28px}.intro-art{aspect-ratio:.85}.intro-words>.eyebrow{font-size:8px}.intro-subtitle{font-size:14px!important}.intro-facts{gap:25px;margin:15px 0;padding:15px 0}.intro-words .answer-guidance{margin:15px 0}.intro-buttons .primary{font-size:12px}.question-sheet{padding:30px 25px 25px}.question-sheet h1{font-size:24px}.answers{gap:8px}.answer-option{font-size:11px;padding-inline:4px}.keyboard-tip{display:none}.dimension-grid{gap:15px}.dimension-card{padding:23px 20px}.reading-pair{grid-template-columns:1fr;gap:0}.result-hero{padding:28px;gap:10px}.result-heading h1{font-size:29px}.result-heading h1 span{font-size:16px;margin-left:5px}.result-heading>.eyebrow{font-size:7px;letter-spacing:1px}.result-heading>p{font-size:11px}.result-kicker{margin-top:18px}.result-tags{margin-top:12px;gap:5px}.result-tags span{font-size:8px}.radar-card>small{font-size:8px}.score-overview{padding:24px;gap:14px 30px}}
@media(max-width:580px){.studio-nav{padding:17px 18px;gap:10px}.studio-brand{font-size:18px;gap:8px}.studio-brand img{width:27px;height:27px}.studio-brand>span{display:block;line-height:1.1}.studio-brand small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px;border:0;padding:0}.studio-nav nav{gap:16px;font-size:10px}.studio-nav nav a:last-child{margin-left:0}.studio-nav nav a:first-child{display:none}.studio-nav nav span{margin-left:3px}#app{padding-inline:20px}.studio-hero{grid-template-columns:1fr;gap:0;padding:30px 0 28px;min-height:0}.hero-words{padding:0 4px}.hero-words h1{font-size:37px;line-height:1.45;margin:16px 0 16px}.hero-words .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-words>p{font-size:11px;line-height:1.9;margin-bottom:20px}.hero-actions{gap:22px}.hero-actions .primary{font-size:12px;padding:12px 20px}.hero-actions .text-link{font-size:11px}.hero-notes{margin-top:17px;font-size:9px;gap:12px}.title-star{display:block;right:13px;top:0;width:26px;height:26px}.hero-garden{width:88%;max-width:340px;margin:-6px auto 0}.hero-garden img{width:112%;margin-left:-6%}.floating-note{right:-12px;top:25%;padding:11px 12px;font-size:15px}.garden-caption{bottom:-4px;font-size:8px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:23px;margin-top:7px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.section-heading>p,.section-heading>span{display:block;font-size:10px;margin-top:8px}.test-library{padding-top:20px}.test-grid{gap:13px}.test-card{padding:14px 13px 0;border-radius:11px}.test-number{font-size:12px}.test-kind{font-size:7px;padding:3px 5px}.card-symbol{width:105px;height:105px;margin:8px auto 5px}.test-card h3{font-size:15px;letter-spacing:0}.test-card>p{font-size:9px;min-height:33px;line-height:1.8;margin-bottom:9px}.card-facts{font-size:8px;gap:8px;padding-bottom:12px}.card-facts span+span{padding-left:8px}.card-action{font-size:10px;min-height:43px;padding:9px 0}.card-action span{font-size:17px}.studio-about{grid-template-columns:1fr;gap:15px;margin-top:37px;padding:30px 0 14px}.studio-about>.eyebrow{font-size:8px}.studio-about h2{font-size:23px;margin:12px 0 15px}.studio-about>div>p{font-size:11px}.about-points article{gap:15px;margin-bottom:23px}.about-points h3{font-size:12px}.about-points p{font-size:11px}.studio-fineprint{font-size:9px;line-height:1.9;margin:0 0 24px}.studio-footer{margin:0 20px;padding:22px 0;gap:14px;flex-wrap:wrap}.studio-footer>a:first-child span{font-size:9px;margin-left:9px}.studio-footer>span{display:none}.studio-footer>a:last-child{width:100%;margin-left:0;font-size:8px}.inside-page,.result-page,.review-page{padding-top:20px}.intro-sheet{grid-template-columns:1fr;padding:25px 23px;gap:22px;margin-top:21px}.intro-art{width:140px;height:150px;aspect-ratio:auto;justify-self:center}.intro-art svg{width:105px}.intro-art>span{font-size:8px;margin:0}.intro-words h1{font-size:28px;margin:12px 0 9px}.intro-subtitle{font-size:14px!important}.intro-words>p{font-size:11px}.intro-facts{gap:32px}.intro-facts>span{font-size:24px}.intro-facts small{font-size:9px}.intro-buttons{gap:12px}.intro-buttons .primary{font-size:11px;padding:11px 16px}.intro-buttons .text-link{font-size:10px}.local-note{font-size:9px!important;line-height:1.9}.method{padding:16px;font-size:11px}.method p{font-size:10px}.method summary{font-size:11px}.source-links{gap:14px;font-size:10px}.question-page{padding-top:21px}.question-top{margin-bottom:20px}.question-top .back-link,.question-top .text-link{font-size:10px}.progress-meta{font-size:9px}.question-sheet{padding:23px 20px 20px;border-radius:13px;margin-top:18px}.question-counter{font-size:8px;gap:10px}.question-counter b{font-size:27px}.question-counter small{font-size:9px}.question-sheet h1{font-size:23px;min-height:0;margin:18px 0 13px;line-height:1.7}.question-hint{font-size:10px;line-height:1.9;margin-bottom:20px}.question-decor{width:125px;right:-27px;top:-30px}.answers{grid-template-columns:1fr;gap:9px}.answer-option{min-height:53px;flex-direction:row;justify-content:flex-start;gap:15px;padding:11px 15px;font-size:12px;text-align:left}.answer-option .answer-circle{width:24px!important;height:24px!important;margin:0!important;border-width:1.5px}.answer-option .answer-circle i{width:8px;height:8px}.answer-option kbd{display:none}.question-bottom{margin-top:22px;padding-top:20px;gap:10px}.question-bottom button{min-height:42px;padding:10px 13px;font-size:11px}.quiet-reminder{font-size:9px}.review-heading{margin:25px 0 21px}.review-heading h1{font-size:24px;line-height:1.6}.review-heading p{font-size:11px;line-height:1.9}.review-actions{gap:20px}.review-actions .primary{font-size:12px}.review-list li{padding:15px 13px;gap:12px}.review-list p{font-size:11px;line-height:1.9}.review-list li>span{font-size:17px;min-width:22px}.review-edit{font-size:9px;padding:6px 8px}.review-list small{font-size:9px}.result-breadcrumb .back-link,.result-breadcrumb>span{font-size:9px}.result-hero{grid-template-columns:1fr;padding:26px 22px;margin:22px 0 23px;gap:10px;border-radius:13px}.result-heading h1{font-size:31px;letter-spacing:1px;margin-bottom:15px}.result-kicker{font-size:11px;margin-top:23px}.result-heading>p{font-size:11px;line-height:2}.result-tags span{font-size:8px}.result-heading>small{font-size:8px}.radar{max-width:245px}.radar-card p{font-size:10px}.radar-card>small{font-size:8px}.result-note{font-size:10px;padding:13px 16px}.score-overview{grid-template-columns:1fr;padding:22px;gap:17px;margin-bottom:30px}.score-overview .section-heading{margin-bottom:1px}.score-overview h2{font-size:20px}.score-overview .section-heading>span{font-size:9px}.score-row strong{font-size:11px}.score-row>div>span{font-size:23px}.score-row>p{font-size:8px}.detail-heading h2{font-size:23px}.detail-heading>span{font-size:9px}.dimension-grid{grid-template-columns:1fr;gap:15px}.dimension-card{padding:23px}.dimension-card header{margin-bottom:18px}.dimension-card h3{font-size:18px}.dimension-description{font-size:11px}.reading-pair{grid-template-columns:1fr 1fr;gap:18px}.reading-pair h4{font-size:10px}.reading-pair p{font-size:10px}.little-step p{font-size:10px}.answer-evidence summary{font-size:9px}.takeaway{padding:25px 0;margin-top:28px;gap:18px}.takeaway h2{font-size:22px}.takeaway p{font-size:10px;line-height:1.9}.takeaway>.eyebrow{font-size:8px}.takeaway button{font-size:10px;padding:11px 15px}.result-actions{gap:10px 22px}.result-actions>*{font-size:10px}.studio-toast{font-size:11px;width:max-content;max-width:calc(100vw - 30px)}dialog{padding:25px}dialog h2{font-size:22px}.dialog-actions button{font-size:11px;padding-inline:14px}}
@media(max-width:350px){#app{padding-inline:15px}.studio-nav{padding-inline:15px}.studio-nav nav{gap:11px}.hero-words h1{font-size:32px}.hero-actions{gap:16px}.hero-actions .primary{padding-inline:16px}.test-grid{gap:10px}.test-card{padding-inline:11px}.test-kind{font-size:6px}.test-card h3{font-size:14px}.card-symbol{width:95px;height:95px}.card-action{font-size:9px}.card-facts{font-size:8px;gap:6px}.card-facts span+span{padding-left:6px}.question-sheet{padding-inline:16px}.question-sheet h1{font-size:21px}.reading-pair{grid-template-columns:1fr;gap:0}.result-heading h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.studio-nav,.studio-footer,.result-actions,.takeaway,.studio-toast,.back-link{display:none!important}body{background:white}.result-page{padding:0}.dimension-card{break-inside:avoid}.result-hero{break-inside:avoid}#app{max-width:none;padding:0}}

/* Keep answer choices and long-form interpretations readable against the soft palette. */
.hero-garden img{mix-blend-mode:normal;border-radius:32px;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent);mask-composite:intersect}.answer-option{color:#796387}.question-hint,.progress-meta{color:#7c6588}.dimension-description,.reading-pair p,.little-step p,.method p{color:#776582}.hero-words>p{color:#7e6c87}.test-card>p{color:#716273}@media(max-width:580px){.dimension-description{font-size:13px}.reading-pair p,.little-step p,.method p{font-size:12px}.answer-evidence p{font-size:12px}.result-heading>p{font-size:12px}.reading-pair h4{font-size:11px}.answer-evidence>small{font-size:10px}}

@media(min-width:801px){.studio-hero{min-height:560px;padding:26px 0}.hero-garden img{width:100%;margin-left:0;max-height:510px;object-fit:contain}}