.mbti-versions{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0 20px}.mbti-versions>button{position:relative;text-align:left;overflow:hidden;background:#f2f5eb;border:1px solid #dfe7d3;border-radius:17px;padding:24px 23px;transition:transform .3s var(--ease-soft),box-shadow .3s}.mbti-versions>button:nth-child(2){background:#f1edf6;border-color:#e3dced}.mbti-versions>button:hover{transform:translateY(-4px);box-shadow:0 9px 24px #78896713}.version-symbol{display:block;font-size:34px;line-height:1;color:#a3b785;margin-bottom:20px}.mbti-versions>button:nth-child(2) .version-symbol{color:#b3a1c6}.mbti-versions small{font-size:7px;letter-spacing:1.3px;color:#a0ab93}.mbti-versions>button:nth-child(2) small{color:#aa9bb8}.mbti-versions h3{font-size:24px;line-height:1.4;margin:8px 0 10px;letter-spacing:2px}.version-time{color:#83976e;font-size:12px}.version-time i{font-style:normal;margin:0 5px;color:#b6c2a9}.mbti-versions>button:nth-child(2) .version-time{color:#9d87b0}.mbti-versions p{font-size:11px;line-height:1.9;color:#929e84;margin:15px 0 24px}.mbti-versions>button:nth-child(2) p{color:#a093ac}.mbti-versions b{font-size:10px;font-weight:400;color:#83996d;display:block;border-top:1px dashed #d8e0ca;padding-top:14px}.mbti-versions>button:nth-child(2) b{border-color:#ddd2e7;color:#9e88b1}.result-version-badge{font-size:10px;color:#9b8aab;background:#f0ebf6;padding:5px 11px;border-radius:20px;display:inline-block;margin-top:7px}
.tarot-question-editor{margin:22px 0 4px;background:#f5f2f7;border:1px solid #e7deed;border-radius:15px;padding:19px}.tarot-question-editor label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#8f7c9f;font-weight:500;margin-bottom:11px}.tarot-question-editor label span{font-size:9px;color:#baa9c4;font-weight:400}.tarot-question-editor textarea{resize:vertical;width:100%;min-height:94px;max-height:220px;font:13px/1.9 inherit;font-family:inherit;font-size:13px;line-height:1.9;background:#fffdfd;color:#7e7188;border:1px solid #dfd5e7;border-radius:11px;padding:12px 14px;transition:border .2s,box-shadow .2s}.tarot-question-editor textarea::placeholder{color:#bcb0c5;font-size:12px}.tarot-question-editor textarea:focus{outline:0;border-color:#b8a2cb;box-shadow:0 0 0 3px #d9cce733}.question-editor-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:8px;font-size:9px;color:#b1a1bc}.question-editor-foot small{font-size:9px;line-height:1.8}.question-editor-foot>span{flex-shrink:0;font-size:8px;line-height:1.8}.question-examples{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.question-examples button{font-size:9px;color:#aa96b9;background:#fff9;border:1px dashed #dfd2e8;border-radius:20px;padding:5px 9px;transition:background .2s}.question-examples button:hover{background:#fff}.topic-label{font-size:10px;color:#a28eaf;margin:19px 0 8px}.tarot-topic-options{display:flex;gap:5px;flex-wrap:wrap}.tarot-topic-options button{font-size:10px;background:#ece6f2;border:1px solid transparent;color:#a08bad;border-radius:7px;padding:6px 9px;transition:background .2s,border-color .2s}.tarot-topic-options button[aria-pressed=true]{background:#fff;border-color:#bda9cc;color:#8b709f}.question-keepsake{background:#f5f0f7;border:1px dashed #dcd0e5;border-radius:13px;padding:15px 18px;margin:20px 0}.question-keepsake>span{font-size:9px;letter-spacing:.7px;color:#aa95b9}.question-keepsake p{color:#8c779c;font-size:13px;line-height:1.9;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.question-keepsake small{display:block;font-size:10px;color:#a493af;line-height:1.9;margin-top:10px}.question-lens{background:#ffffff70;padding:12px;border-radius:9px;margin-top:14px}.question-lens b{font-size:10px;color:#a28cb2;font-weight:500}.question-lens p{font-size:11px!important;margin:5px 0 0!important}.question-next-step{background:#f0f4e8;border-color:#e0e7d4}.question-next-step h3{color:#869b6b}.question-next-step p{font-size:12px;line-height:2}
.zodiac-persona-section{margin:28px 0 24px}.persona-section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.persona-section-heading h3{font-size:13px;font-weight:500;margin:0}.persona-section-heading>span{font-size:9px;color:#a4ac98}.persona-tabs{display:flex;gap:7px;background:#edf1e6;padding:5px;border-radius:11px;margin-bottom:12px}.persona-tabs button{flex:1;padding:10px;border-radius:8px;background:none;color:#9aa58c;font-size:12px;transition:color .2s,background .2s,box-shadow .2s}.persona-tabs button[aria-selected=true]{background:#fff;color:#85996e;box-shadow:0 2px 6px #81926b09}.persona-panel{padding:22px;background:#f3f5ed;border:1px solid #e2e8d6;border-radius:15px;animation:view-enter .3s var(--ease-soft)}.persona-panel.persona-female{background:#f3f0f7;border-color:#e6deee}.persona-portrait-header{display:flex;gap:14px;align-items:center;margin-bottom:15px}.persona-sigil{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e7eddc;color:#96a782;font-size:27px;flex-shrink:0}.persona-female .persona-sigil{background:#e9e1f2;color:#ad98be}.persona-portrait-header small{font-size:9px;color:#a3ad93;letter-spacing:1px}.persona-female .persona-portrait-header small{color:#b0a1bb}.persona-portrait-header h4{font-size:16px;font-weight:500;line-height:1.7;margin:3px 0 0;letter-spacing:.4px}.persona-keywords{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.persona-keywords span{background:#fff9;color:#a0ad91;padding:3px 9px;border-radius:6px;font-size:9px}.persona-female .persona-keywords span{color:#ac9bb9}.persona-core,.persona-detail p{font-size:12px;color:#8d9881;line-height:2;margin:8px 0}.persona-female .persona-core,.persona-female .persona-detail p{color:#9c8ca7}.persona-detail{border-top:1px dashed #dce3d2;margin-top:16px;padding-top:13px}.persona-female .persona-detail{border-color:#e2d8e9}.persona-detail h5{font-size:11px;font-weight:500;color:#8c9d78;margin:0 0 6px}.persona-female .persona-detail h5{color:#a28cb2}.persona-detail p{font-size:11px}.persona-caption{font-size:10px;color:#a7ae9b;line-height:1.9;margin:11px 2px}.offline-download{padding:6px 10px;border:1px dashed #d8e0cd;border-radius:7px;color:#9cab8b;font-size:9px;white-space:nowrap;order:3;margin-left:auto}.offline-download:hover{background:#f0f4e9}footer button{margin-left:0}.offline-badge{order:3;margin-left:auto;letter-spacing:.5px;color:#98a787;font-size:9px}
@media(max-width:700px){.mbti-versions{gap:11px}.mbti-versions>button{padding:19px 15px}.mbti-versions h3{font-size:21px}.mbti-versions small{font-size:6px;letter-spacing:.4px}.version-time{font-size:10px}.mbti-versions p{font-size:10px}.mbti-versions b{font-size:9px;line-height:1.8}.version-symbol{font-size:29px;margin-bottom:15px}.tarot-question-editor{padding:15px}.tarot-question-editor textarea{font-size:12px;min-height:100px}.tarot-question-editor textarea::placeholder{font-size:11px}.question-examples{gap:5px}.question-examples button{font-size:8px;padding:5px 7px}.tarot-topic-options button{font-size:9px;padding:6px 8px}.question-editor-foot small{font-size:8px}.question-keepsake{padding:13px 14px}.question-keepsake p{font-size:12px}.question-keepsake small{font-size:9px}.question-next-step p{font-size:11px}.persona-section-heading{align-items:flex-start}.persona-section-heading h3{font-size:12px}.persona-section-heading>span{font-size:8px}.persona-panel{padding:17px}.persona-portrait-header{gap:11px}.persona-sigil{height:43px;width:43px;font-size:25px;border-radius:13px}.persona-portrait-header h4{font-size:14px;letter-spacing:0}.persona-core{font-size:11px}.persona-caption{font-size:9px}.persona-detail p{font-size:10px}.persona-tabs button{font-size:11px}.offline-download{font-size:8px;margin-left:0;order:0;padding:5px 8px}footer{gap:8px 12px;padding:18px 0}.offline-badge{margin-left:0;order:0;font-size:8px}}
@media(max-width:360px){.mbti-versions>button{padding:17px 12px}.mbti-versions h3{font-size:20px}.mbti-versions p{font-size:9px}.mbti-versions b{font-size:8px}.version-time{font-size:9px}.persona-section-heading>span{display:none}.tarot-topic-options button{font-size:8px}.question-examples button{font-size:8px}.persona-portrait-header h4{font-size:13px}}
@media(prefers-reduced-motion:reduce){.persona-panel{animation:none}}

.modal-tools{position:sticky;top:40px;height:0;z-index:8}.modal-tools .modal-close{top:-23px;right:-23px;box-shadow:0 0 0 4px #fdfdf9d9}@media(max-width:700px){.modal-tools{top:32px}.modal-tools .modal-close{top:-15px;right:-6px}}

.modal-tools{top:0}