:root{--mht-primary:#46757e;--mht-primary-light:#f1f6f7;--mht-result-bg:#e3ffc2;--mht-text-main:#2c3e50;--mht-text-sub:#64748b;--mht-bg-body:#fff;--mht-border:#e2e8f0;--mht-twitter:#181818;--mht-font-sans:-apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue" , Arial , "Noto Sans JP" , sans-serif}.mental-health-test-container{max-width:680px;margin:40px auto;padding:32px;border:1px solid var(--mht-border);border-radius:16px;background:var(--mht-bg-body);font-family: var(--mht-font-sans);color:var(--mht-text-main);box-shadow:0 4px 20px rgba(0,0,0,.05);line-height:1.6}.mental-health-test-container h2{font-size:24px;color:var(--mht-primary);margin-bottom:24px;font-weight:700;text-align:center}.mht-start-screen{text-align:center;animation:mhtFadeIn .6s ease forwards}.mht-start-image{margin-bottom:24px;line-height:0}.mht-start-image img{width:100%;max-width:350px;height:auto;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.1)}#mht-start-btn{display:block;width:100%;max-width:300px;margin:30px auto;padding:18px 32px;background:var(--mht-primary);color:#fff;font-size:18px;font-weight:bold;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(70,117,126,.25)}#mht-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(70,117,126,.35);background:#3a626a}#mht-test-form{display:none}.mht-lead,.mht-axes-summary,.mht-note{text-align:left!important}.mht-lead{margin-bottom:20px;font-size:15px}.mht-axes-summary{background:var(--mht-primary-light);padding:20px 20px 20px 40px;border-radius:12px;font-size:14px;list-style-type:square;color:var(--mht-primary);margin:15px 0}.mht-axes-summary li{margin-bottom:8px}.mht-note{margin-top:15px;font-size:13px;color:var(--mht-text-sub)}.mht-question{margin-bottom:32px;padding-bottom:24px;border-bottom:1px dashed var(--mht-border);text-align:left}.mht-question p{font-weight:600;margin-bottom:20px;font-size:16px}.mht-scale{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:520px;margin:0 auto}.mht-label-left,.mht-label-right{font-size:12px;font-weight:700;color:var(--mht-text-sub);width:80px;flex-shrink:0}.mht-label-left{text-align:right}.mht-label-right{text-align:left}.mht-scale input[type="radio"]{display:none!important}.mht-scale label{cursor:pointer;display:inline-flex}.mht-scale label span{display:inline-block;width:38px;height:38px;border:2px solid #cbd5e1;border-radius:50%;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff}@media (hover:hover){.mht-scale label span:hover{border-color:var(--mht-primary);transform:scale(1.1)}}.mht-scale input[type="radio"]:checked+span{transform:scale(1.15)}.mht-scale input[type="radio"][value="6"]:checked+span{background:var(--mht-primary);border-color:var(--mht-primary);box-shadow:0 0 0 4px rgba(70,117,126,.2)}.mht-scale input[type="radio"][value="5"]:checked+span{background:#5d8a92;border-color:#5d8a92}.mht-scale input[type="radio"][value="4"]:checked+span{background:#7ba3aa;border-color:#7ba3aa}.mht-scale input[type="radio"][value="3"]:checked+span{background:#94a3b8;border-color:#94a3b8}.mht-scale input[type="radio"][value="2"]:checked+span{background:#64748b;border-color:#64748b}.mht-scale input[type="radio"][value="1"]:checked+span{background:#475569;border-color:#475569}#mht-submit{display:block;width:100%;max-width:300px;margin:40px auto 0;padding:16px 32px;background:var(--mht-primary);color:#fff;font-size:17px;font-weight:bold;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(70,117,126,.25)}#mht-submit:hover{transform:translateY(-2px);background:#3a626a}#mht-result{margin-top:40px;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--mht-border);box-shadow:0 10px 30px rgba(0,0,0,.08);display:none}.mht-result-hero{padding:40px 20px 10px;background:var(--mht-result-bg);text-align:center}.mht-type-code{font-size:80px;font-weight:900;letter-spacing:.1em;color:#fff;-webkit-text-stroke:2px var(--mht-primary);text-shadow:3px 3px 0 rgba(70,117,126,.1);line-height:1;margin-bottom:8px}.mht-type-name{font-size:24px;font-weight:700;color:var(--mht-primary);text-align:center}.mht-character-wrap{padding:10px 20px 30px;background:var(--mht-result-bg);display:flex;justify-content:center}.mht-character-wrap img{max-width:260px;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1))}.mht-description-block{background:#fff;padding:24px;text-align:left;border-top:1px solid rgba(70,117,126,.15)}.mht-match-title{font-size:16px;font-weight:700;color:var(--mht-primary);border-left:4px solid var(--mht-primary);padding-left:12px;margin:24px 0 8px}#mht-download,#mht-share{display:block;width:100%;max-width:320px;margin:14px auto;padding:14px 24px;border-radius:50px;font-size:15px;font-weight:bold;cursor:pointer;transition:all .3s ease;border:none;text-align:center}#mht-download{background:#fff;color:var(--mht-primary);border:2px solid var(--mht-primary)}#mht-share{background:var(--mht-twitter);color:#fff}.mht-image-modal{position:fixed;inset:0;z-index:9999;display:none}.mht-image-modal.is-open{display:flex;align-items:center;justify-content:center}.mht-image-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7)}.mht-image-modal__panel{position:relative;width:min(92vw,560px);background:#fff;border-radius:24px;padding:32px 24px 24px}.mht-image-modal__close{position:absolute;top:15px;right:15px;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:50%;cursor:pointer}.mht-image-modal__imgwrap img{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}body.mht-modal-open{overflow:hidden}@keyframes mhtFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}@media (max-width:500px){.mental-health-test-container{padding:24px 16px;margin:20px 10px}.mht-scale{display:grid!important;grid-template-columns:repeat(6,1fr);gap:8px 4px}.mht-label-left,.mht-label-right{grid-row:1;width:auto;font-size:11px;white-space:nowrap}.mht-label-left{grid-column: 1 / span 3;text-align:left}.mht-label-right{grid-column: 4 / span 3;text-align:right}.mht-scale label{grid-row:2;justify-content:center}.mht-scale label span{width:32px;height:32px}.mht-type-code{font-size:52px}.mht-type-name{font-size:18px}}