/* Reply habits: a bold purple messenger, original phone creatures. */
.message-app{--message-purple:#7047eb;background:#fff;color:#202020;min-height:100svh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.message-app *,.message-report *{box-sizing:border-box}.message-app button{font-family:inherit;cursor:pointer;color:inherit}.message-app button:focus-visible,.message-app a:focus-visible{outline:3px solid #7047eb;outline-offset:4px}.message-art{display:block;overflow:hidden;background:#f0ebff}.message-art>svg{display:block;width:100%;height:100%}.message-nav,.message-chat-nav{max-width:540px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:12px;border-bottom:1px solid #e6e6e6}.message-nav a{min-height:44px;display:flex;align-items:center;gap:4px;font-size:14px;text-decoration:none;color:#202020}.message-nav a svg{width:20px}.message-nav>span{font-size:12px;color:#666}.message-intro-main{max-width:460px;padding:28px 24px 40px;margin:auto}.message-kicker{margin:0 0 12px;font-size:15px;font-weight:600}.message-intro h1{font-size:52px;line-height:1.15;letter-spacing:-.02em;font-weight:850;margin:0}.message-intro h1 span{color:#7047eb}.message-cover-art{height:230px;position:relative;margin:0 0 8px}.message-cover-art>svg{width:270px;height:270px;position:absolute;left:0;top:-10px}.message-cover-quote{position:absolute;right:0;top:45px;font-size:20px;font-weight:750;line-height:1.45;color:#7047eb;transform:rotate(7deg)}.message-invite-bubble{border-left:4px solid #7047eb;background:#f0ebff;padding:16px 20px}.message-invite-bubble b{font-size:13px;color:#7047eb}.message-invite-bubble p{font-size:18px;line-height:1.5;margin:8px 0 0;font-weight:650;word-break:keep-all}.message-meta{font-size:13px;text-align:center;margin:24px 0 14px;color:#666}.message-app .message-start{border:0;border-radius:12px;min-height:60px;background:#7047eb;color:white;display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;font-weight:750;width:100%;padding:16px}.message-start svg{width:22px;height:22px}.message-app .message-resume{background:none;border:0;min-height:44px;font-size:14px;color:#7047eb;display:block;margin:8px auto 0}.message-chat-nav button{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;flex:none}.message-chat-nav button svg{width:22px}.message-chat-nav>div{flex:1;display:flex;flex-direction:column;gap:5px}.message-chat-nav strong{font-size:16px;font-weight:750}.message-chat-nav span{font-size:12px;color:#666}.message-conversation{max-width:500px;margin:auto;padding:16px 24px 32px}.message-progress{height:4px;background:#eee;overflow:hidden}.message-progress>span{display:block;height:100%;background:#7047eb}.message-situation-art{display:flex;align-items:center;gap:12px;min-height:136px;margin:8px 0}.message-situation-art>svg{width:145px;height:145px;flex:none}.message-situation-art>span{font-size:15px;font-weight:650;color:#7047eb;word-break:keep-all}.message-incoming{padding:0 0 24px}.message-from{display:inline-block;font-size:13px;background:#202020;color:#fff;padding:5px 10px;border-radius:6px;margin-bottom:12px}.message-incoming h1{font-size:24px;line-height:1.45;letter-spacing:-.015em;font-weight:750;word-break:keep-all;margin:0}.message-reply-area{border-top:1px solid #e6e6e6;padding-top:16px}.message-reply-area>p{font-size:13px;color:#666;margin:0 0 14px}.message-reply{display:flex;align-items:center;gap:12px;min-height:72px;background:#f0ebff;border:1.5px solid #7047eb;border-radius:16px 4px 16px 16px;width:100%;text-align:left;padding:18px;margin-bottom:12px}.message-reply>span{flex:1;font-size:17px;line-height:1.5;font-weight:600;word-break:keep-all}.message-reply>i{width:26px;height:26px;display:grid;place-items:center;color:#7047eb;flex:none}.message-reply svg{width:22px;height:22px}@media(hover:hover){.message-reply:hover{background:#e2d7ff}}.message-app .message-reply.message-selected{background:#7047eb;border-color:#7047eb;color:#fff}.message-app .message-reply.message-selected>i{color:#fff}.message-reply:focus-visible{outline:3px solid #7047eb;outline-offset:3px}.message-bottom-note{text-align:center;font-size:13px;color:#5c5c5c;margin:20px 0 0;line-height:1.5}.message-report{max-width:520px;margin:auto;background:#fff;overflow:hidden;font-family:Pretendard,sans-serif;border:1px solid #e5e5e5}.message-report>svg{display:block;width:100%;height:auto}.message-share-poster{width:190px;max-width:100%;margin:12px auto;border:1px solid #ddd}.message-share-poster>svg{display:block;width:100%;height:auto}body[data-test="message-tempo"][data-page="quiz"] .site-header,body[data-test="message-tempo"][data-page="quiz"] .bottom-nav,body[data-test="message-tempo"][data-page="test"] .bottom-nav{display:none}body[data-test="message-tempo"] .result-page{max-width:800px;padding:16px 12px 80px}body[data-test="message-tempo"] .result-heading{display:none}body[data-test="message-tempo"] .result-actions,body[data-test="message-tempo"] .result-page .result-section{max-width:520px;margin-left:auto;margin-right:auto}body[data-test="message-tempo"] .result-actions .primary-button{background:#7047eb}body[data-test="message-tempo"] .result-section-title{color:#202020}body[data-test="message-tempo"] .insight-card{background:#f0ebff;border:0;border-radius:8px}body[data-test="message-tempo"] .insight-card>span{color:#7047eb}body[data-test="message-tempo"] .match-card,body[data-test="message-tempo"] .type-mini{background:#fff;border-color:#ded7ed}body[data-test="message-tempo"] .type-mini.is-active{border-color:#7047eb;background:#f0ebff}.themed-share--message-tempo .share-options .share-option{color:#202020}@media(max-width:380px){.message-intro-main{padding:24px 20px 32px}.message-conversation{padding:16px 20px 28px}.message-intro h1{font-size:48px}.message-cover-art{height:220px}.message-cover-art>svg{width:250px;height:250px}.message-cover-quote{font-size:18px}.message-reply{padding:16px}.message-chat-nav{padding:10px 12px}body[data-test="message-tempo"] .result-page{padding-left:8px;padding-right:8px}}

.themed-share--message-tempo .share-options .share-option:first-child{background:#7047eb;color:#fff}

/* v23: the save action reads as a button, not a faint box. */
body[data-test="message-tempo"] .result-actions .secondary-button{background:#fff;color:#5a35d6;border:1.5px solid #7047eb;font-weight:700}