:root{--navy:#142d42;--ink:#213a4f;--paper:#f6f2e9;--soft:#eae5da;--muted:#657583;--line:#d9d5c9;--accent:#627c82;--radius:22px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #819daf;outline-offset:4px}button{border:0}a{color:inherit}header{max-width:1240px;margin:auto;padding:25px 38px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:13px;font-weight:750;letter-spacing:.12em;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-symbol{font-size:30px;line-height:1}.edition{font-size:10px;letter-spacing:.13em;margin-left:auto;color:var(--muted)}.text-button{background:transparent;color:var(--muted);font-size:12px;padding:8px;text-decoration:underline;text-underline-offset:4px}header .text-button{display:none}main{max-width:1164px;min-height:70vh;margin:auto;padding:0 38px}footer{max-width:1164px;margin:60px auto 0;border-top:1px solid var(--line);padding:24px 38px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.1em;color:var(--muted)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(42px,5.8vw,76px);margin:22px 0}h2{font-size:clamp(30px,3.4vw,44px);margin:12px 0 20px}h3{font-size:27px;margin:0 0 16px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.lead{font-size:17px;color:#526878;max-width:560px}.primary,.secondary{padding:14px 23px;border-radius:999px;font-size:14px;font-weight:650;min-height:48px;transition:transform .15s,background .15s}.primary{background:var(--navy);color:var(--paper)}.primary:hover:not(:disabled){background:#29485f;transform:translateY(-1px)}.secondary{border:1px solid #aeb8ba;background:transparent;color:var(--ink)}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:70px 0 65px}.hero .primary{margin-top:18px}.quiet{font-size:12px;color:var(--muted);margin-top:16px}.hero-art{position:relative;min-height:460px;background:var(--navy);border-radius:180px 180px 26px 26px;color:#ece7dc;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #bdc9c454;border-radius:50%;width:330px;height:330px}.hero-art:after{width:440px;height:200px;transform:rotate(-42deg)}.art-core{font:130px Georgia,serif;z-index:1;color:#c4d3cb}.art-note{position:absolute;font-size:11px;letter-spacing:.12em;bottom:30px;left:30px}.art-dot{position:absolute;width:10px;height:10px;background:#c1d0c7;border-radius:50%;z-index:1}.art-dot:nth-child(2){top:72px;left:100px}.art-dot:nth-child(3){right:40px;top:180px}.art-dot:nth-child(4){left:80px;bottom:100px}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:26px;gap:30px}.intro-grid strong{font-size:14px}.intro-grid p{font-size:13px;color:var(--muted);margin-top:6px}.intro-number{font:24px Georgia,serif;color:#8b9e9e;display:block;margin-bottom:10px}.quiz-shell{max-width:760px;margin:45px auto}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.progress{height:3px;background:#dce0dd;margin:15px 0 33px;border-radius:5px}.progress span{display:block;height:100%;background:#6b8586;border-radius:5px}.question-title{font-size:clamp(26px,3.2vw,36px);line-height:1.3;margin-bottom:26px}.options{display:grid;gap:11px}.option{display:flex;gap:15px;padding:17px 20px;border:1px solid #d5d8d1;border-radius:14px;background:#fcfaf5;align-items:flex-start;cursor:pointer;transition:background .15s,border-color .15s}.option:hover{border-color:#879b9f}.option.selected{background:#e4ebe6;border-color:#5f7f7a}.option input{margin:6px 0 0;accent-color:#385e5a;flex-shrink:0}.option span{font-size:15px;line-height:1.55}.quiz-nav{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.profile-item{padding:22px 0;border-bottom:1px solid var(--line)}.profile-item p{font-size:15px;margin:0 0 15px}.scale{display:flex;gap:9px}.scale label{position:relative;flex:1;cursor:pointer}.scale input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.scale span{display:flex;justify-content:center;align-items:center;min-height:46px;border:1px solid #cbd4cf;border-radius:10px;background:#fcfaf5}.scale input:checked+span{color:white;background:#365c59;border-color:#365c59}.scale input:focus-visible+span{outline:3px solid #819daf;outline-offset:3px}.scale-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:7px}.result-header{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:55px 0 40px}.result-header h1{font-size:clamp(42px,5.5vw,66px)}.result-sub{font-size:12px;letter-spacing:.15em}.card-preview{background:var(--navy);color:#f7f1e7;border-radius:22px;padding:28px;aspect-ratio:4/5;max-width:390px;width:100%;margin:auto;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 16px 40px #16334b15}.card-preview:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 70% 15%,var(--type-color),transparent 65%);opacity:.6}.card-preview>*{position:relative}.card-brand{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em}.card-art{flex:1;display:flex;align-items:center;justify-content:center;min-height:95px}.card-art svg{width:180px;height:125px}.card-preview h2{font-size:36px;margin:7px 0}.card-en{font-size:10px;letter-spacing:.16em;opacity:.65}.card-line{font:21px/1.35 Georgia,serif;margin:17px 0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid #ede8df55;padding:5px 9px;border-radius:30px;font-size:10px}.card-bottom{font-size:10px;display:flex;justify-content:space-between;border-top:1px solid #ffffff44;margin-top:20px;padding-top:12px}.section{padding:38px 0;border-top:1px solid var(--line)}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}.section p{font-size:15px;color:#435a6c;max-width:760px}.profile-row{padding:15px 0}.profile-row-top{display:flex;justify-content:space-between;font-size:13px;gap:15px}.profile-row-top strong{font-weight:650}.profile-row-top span{color:#65808a;font-size:12px}.meter{display:flex;gap:5px;margin-top:8px}.meter i{height:6px;background:#d9dfda;flex:1;border-radius:4px}.meter i.on{background:#658681}.profile-caption{font-size:12px!important;color:var(--muted)!important}.insight{padding:22px 25px;background:#e7ebe5;border-left:3px solid #668980;border-radius:0 12px 12px 0}.insight p{margin:0}.evidence{padding-left:20px;font-size:14px;color:#435a6c}.evidence li{margin:12px 0}.section-label{font-size:10px;letter-spacing:.15em;color:var(--muted);font-weight:700;margin-bottom:12px}.loop{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.loop span{background:#eeebe3;border-radius:9px;padding:9px 12px;font-size:12px}.loop b{font-weight:400;color:#8b989b}.toolkit{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tool{padding:18px 20px;border:1px solid var(--line);border-radius:12px;font-size:14px}.context-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.context-tabs button{padding:9px 14px;border-radius:30px;background:#e8e8df;color:var(--ink);font-size:12px}.context-tabs button[aria-selected=true]{background:var(--navy);color:white}.action-box{background:var(--navy);color:var(--paper);padding:30px;border-radius:18px}.action-box h3,.action-box p{color:var(--paper)}textarea{width:100%;min-height:120px;padding:18px;border:1px solid #c9d1ca;background:#fdfbf6;border-radius:12px;resize:vertical;color:var(--ink);font-size:15px}.small-title{font-size:17px;font-family:inherit;font-weight:650;letter-spacing:0}.muted{color:var(--muted)}.cta-box{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.share-actions{margin:18px 0;display:flex;flex-wrap:wrap;gap:9px}.share-actions button{font-size:12px;padding:11px 16px}.feedback{margin-top:18px}.feedback button{font-size:12px}.feedback-message{font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;max-width:90vw;background:#142d42;color:white;padding:12px 20px;border-radius:30px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}dialog{border:1px solid #c9d1c7;border-radius:20px;max-width:540px;width:calc(100% - 30px);padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#142d4277}dialog p{font-size:14px}.hidden{display:none!important}canvas{display:none}.save-hint{font-size:11px;color:var(--muted)}@media(max-width:760px){header{padding:19px 22px}.edition{display:none}header .text-button{margin-left:auto}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:28px;padding:40px 0}.hero-art{min-height:300px;border-radius:150px 150px 20px 20px;max-width:440px;width:100%;margin:auto}.hero-art:before{width:240px;height:240px}.hero-art:after{width:350px;height:140px}.art-core{font-size:105px}.intro-grid{gap:18px}.result-header{grid-template-columns:1fr;padding:35px 0;gap:25px}.result-columns{grid-template-columns:1fr;gap:10px}.result-header h1{font-size:46px}.quiz-shell{margin-top:28px}.section{padding:28px 0}.toolkit{gap:9px}.tool{font-size:13px;padding:14px}.question-title{font-size:26px}.option{padding:15px}.option span{font-size:14px}.card-preview{max-width:365px}.result-header .lead{font-size:15px}footer{padding:20px 22px;margin-top:35px}.action-box{padding:23px}.hero h1{font-size:46px}}@media(max-width:390px){.brand{font-size:11px}.intro-grid{grid-template-columns:1fr;gap:10px}.intro-grid p{margin-bottom:8px}.intro-number{display:inline;margin-right:9px}.hero h1{font-size:40px}.hero-art{min-height:260px}.card-preview{padding:23px}.card-preview h2{font-size:32px}.card-line{font-size:20px}.toolkit{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.card-preview{min-height:490px}

.cta-box>div:first-child{flex:1 1 480px}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:0 0 auto}.cta-actions a{display:inline-flex;align-items:center;text-decoration:none}