.personality-viewer{margin:18px 0 8px;min-width:0}
.personality-summary{display:grid;gap:13px;margin:13px 0}
.personality-summary-row{display:grid;gap:7px;padding:12px 14px;border:1px solid #e7deed;border-radius:13px;background:#faf7fd}
.personality-summary-row .text-button{justify-self:start;font-size:11px;margin-top:2px}
.personality-battery{font-size:11px;font-weight:500;color:#705480}
.personality-status,.personality-progress{font-size:10px;color:#917e9d;line-height:1.6}
.personality-status.complete{color:#6d8578}
.personality-progress progress{display:block;width:100%;height:4px;overflow:hidden;appearance:none;border:0;border-radius:3px;background:#e9e1f0;margin-top:7px}
.personality-progress progress::-webkit-progress-bar{background:#e9e1f0;border-radius:3px}
.personality-progress progress::-webkit-progress-value{background:#a58aba;border-radius:3px}
.personality-progress progress::-moz-progress-bar{background:#a58aba;border-radius:3px}
.personality-draft{padding:20px;background:#f6f0fa;border:1px solid #e9dfee;border-radius:20px}
.personality-draft h3{font:400 26px/1.3 Georgia,serif;margin:12px 0 20px;color:#694b7e}
.personality-draft p,.personality-note{font-size:12px!important;color:#8d799b!important;line-height:1.7!important}
.personality-draft-facts{display:flex;gap:8px 18px;flex-wrap:wrap;font-size:10px;color:#9a88a6;margin-top:20px}
.personality-overline{font-size:9px;letter-spacing:.6px;color:#9b85a9;white-space:nowrap}
.personality-own-words{padding:17px 19px;background:#f4edf9;border:1px solid #e9dcee;border-radius:18px;margin-bottom:22px}
.personality-own-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#8f73a1}
.personality-reaction{border:1px solid #decce9;border-radius:16px;padding:5px 9px;white-space:nowrap;color:#715080}
.personality-own-words p{font-size:14px!important;line-height:1.75!important;white-space:pre-wrap!important;overflow-wrap:anywhere;color:#624d6f!important;margin:12px 0 0!important}
.personality-own-question{border-top:1px solid #e6d9ef;padding-top:12px;margin-top:15px}
.personality-own-question>span{font-size:10px;color:#907b9e}
.personality-own-question p{font-size:13px!important;margin-top:6px!important}
.personality-tabs{display:flex;gap:5px;overflow:auto;padding:3px 2px 12px;margin:0 0 13px;scrollbar-width:thin}
.personality-tabs button{border:0;background:transparent;padding:10px 13px;border-radius:11px;font-size:12px;color:#947ea0;white-space:nowrap;min-height:40px}
.personality-tabs button[aria-selected=true]{background:#eee4f6;color:#6e4d88}
.personality-section-heading{display:flex;gap:15px;align-items:center;justify-content:space-between}
.personality-section-heading h3{font:400 23px/1.3 Georgia,serif;color:#674c7a;overflow-wrap:anywhere}
.personality-note{margin:10px 0 22px!important}
.personality-chart{display:grid;gap:4px}
.personality-score{min-width:0;border:1px solid transparent;border-radius:12px;padding:0 12px}
.personality-score summary{display:block;list-style:none;padding:13px 0;cursor:pointer;min-height:54px}
.personality-score summary::-webkit-details-marker{display:none}
.personality-score summary:focus-visible,.personality-method summary:focus-visible{outline:3px solid #ad91c9;outline-offset:3px;border-radius:8px}
.personality-score[open]{border-color:#e7dced;background:#faf7fd}
.personality-score-heading{display:flex;justify-content:space-between;gap:17px;color:#705980;font-size:12px;line-height:1.4}
.personality-score-heading strong{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.personality-score-heading>span{overflow-wrap:anywhere}
.personality-bar{display:block;position:relative;height:5px;background:#ece4f3;border-radius:4px;margin-top:12px}
.personality-bar-fill{position:absolute;top:0;height:5px;border-radius:4px;background:#ac90c1}
.personality-bar i{position:absolute;top:50%;transform:translate(-50%,-50%);height:10px;width:10px;background:#8965a1;border:2px solid #fdfcfe;border-radius:50%;box-shadow:0 0 0 1px #ad91c344}
.personality-bar.centered:before{content:"";position:absolute;left:50%;top:-4px;height:13px;width:1px;background:#c8b8d5}
.personality-score.unavailable .personality-bar{background:repeating-linear-gradient(90deg,#ede7f2 0,#ede7f2 8px,transparent 8px,transparent 12px)}
.personality-score-status{display:block;color:#a08eaa;font-size:10px;margin-top:9px}
.personality-score-details{border-top:1px solid #e9deef;padding:10px 0 14px}
.personality-score-details p{font-size:12px!important;line-height:1.7!important;margin:0 0 11px!important;overflow-wrap:anywhere}
.personality-score-facts{display:block;color:#a18aad;font-size:10px;line-height:1.6}
.personality-score-details .text-button{display:block;margin-top:11px;font-size:11px}
.personality-axis{display:flex;justify-content:space-between;gap:15px;margin:14px 12px 23px;font-size:9px;color:#aa97b6}
.personality-method{border-top:1px solid #e9e0ef;margin-top:22px;padding-top:17px}
.personality-method summary{cursor:pointer;color:#967da6;font-size:11px;line-height:1.5}
.personality-method p,.personality-method li{font-size:11px!important;color:#9680a2!important;line-height:1.7!important;overflow-wrap:anywhere}
.personality-method ul{padding-left:18px}
.personality-method-version{font-size:9px;line-height:1.6;color:#ae9abb;overflow-wrap:anywhere;margin:15px 0}
.personality-method-links{display:flex;gap:9px 16px;flex-wrap:wrap;font-size:10px;color:#8d6a9d}
.personality-method-links a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.personality-evidence-list{padding:0 0 0 18px;margin:14px 0 0;display:grid;gap:14px;color:#8c7799}
.personality-evidence-list li{padding-left:3px;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.personality-evidence-list strong{display:block;font-weight:500;color:#785b8a;margin-top:4px}
.personality-muted{font-size:11px!important;color:#a18baa!important;line-height:1.6!important}
@media(max-width:620px){.personality-tabs{gap:2px}.personality-tabs button{padding:9px 11px;font-size:11px}.personality-section-heading{align-items:flex-start}.personality-section-heading h3{font-size:21px}.personality-own-words{padding:15px}.personality-own-heading{flex-wrap:wrap;gap:8px}.personality-score{padding:0 8px}.personality-score-heading{font-size:11px}.personality-score-heading strong{font-size:13px}.personality-note{font-size:11px!important}.personality-draft{padding:17px}.personality-draft h3{font-size:23px}}

.personality-demo{display:block;font-size:9px;line-height:1.6;color:#9b86a7;margin:0 0 12px}
.personality-summary-row .personality-demo{margin:0}
.personality-draft .personality-demo{margin-top:5px}
.personality-agenda-status{display:block;font-size:10px;color:#937ca1;line-height:1.6;margin-top:12px}

dialog.personality-dialog{width:calc(100% - 36px);max-width:880px}
.personality-result-layout.has-own-words{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px;align-items:start}
.personality-result-column,.personality-words-column{min-width:0}
.personality-own-words{margin-bottom:0;padding:16px}
.personality-own-words>summary{cursor:pointer;list-style:none}
.personality-own-words>summary::-webkit-details-marker{display:none}
.personality-own-words>summary:focus-visible{outline:3px solid #ad91c9;outline-offset:6px;border-radius:5px}
.personality-own-heading{flex-wrap:wrap;gap:9px}
.personality-own-words p{font-size:12px!important;line-height:1.8!important}
.personality-question-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-top:10px;font-size:11px;color:#7d628d;line-height:1.6}
.personality-own-words[open] .personality-question-preview{display:none}
@media(max-width:650px){dialog.personality-dialog{max-width:600px}.personality-result-layout.has-own-words{display:flex;flex-direction:column;gap:20px}.personality-words-column,.personality-result-column{width:100%}.personality-own-words{padding:13px 15px}.personality-own-heading{flex-wrap:nowrap}.personality-own-words>summary:after{content:'Развернуть';display:block;color:#a58ab7;font-size:9px;margin-top:8px}.personality-own-words[open]>summary:after{content:'Свернуть'}}
@media(max-width:350px){.personality-tabs{flex-wrap:wrap;overflow:visible;gap:4px}.personality-tabs button{flex:1 1 calc(50% - 4px);font-size:11px;min-height:40px;padding:9px 11px}}