.message-examples{display:grid;gap:18px}.message-example{border:1px solid #d7ddd7;border-radius:16px;background:#f5f7f4;overflow:hidden;padding:18px}.message-example .fiction-label{margin-bottom:14px;font-size:12px}.message-example header{display:flex;align-items:center;gap:12px}.message-avatar{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#315b43;color:white;display:grid;place-items:center;font-size:14px;font-weight:700}.message-example header strong{display:block;font-size:16px;color:#244732}.message-example header small{display:block;font-size:12px;color:#687467}.message-example h3{font-size:19px;line-height:1.4;margin:17px 0 12px;color:#173d29}.message-bubble{position:relative;background:white;border:1px solid #e0e5dc;border-radius:0 14px 14px 14px;padding:18px;text-align:left;font-size:16px;line-height:1.6}.video-card .video-description{font-size:15px;line-height:1.5;text-align:left;margin:10px 0 16px;color:#4e6457}.video-card .video-label{display:block;font-size:12px;letter-spacing:1px;color:#7a642b;margin-bottom:7px}.comparison-head{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comparison-head>span{padding:14px 8px;border:1px solid #dfceac;border-radius:10px;text-align:center;color:#88642b;font-weight:800;font-size:14px;background:#fcf7ed}.comparison-head>span+span{color:#244732;background:#edf5ee;border-color:#bbd1bd}.comparison-head small{display:block;font-weight:400;font-size:12px;margin-top:5px}.comparison-pair{margin-top:17px}.comparison-pair h3{font-size:16px;text-align:center;margin-bottom:8px}.comparison-pair>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comparison-pair p{margin:0!important;padding:13px 10px;background:#fcf8ef;border-top:3px solid #bb9455;font-size:14px;line-height:1.45;border-radius:0 0 8px 8px}.comparison-pair p+p{background:#f0f6ef;border-color:#49734e}.practice-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.practice-outcomes article{padding:18px 10px;border:1px solid #c9d8c4;border-radius:12px;text-align:center}.practice-outcomes strong{display:grid;place-items:center;border:4px solid #bda04b;border-radius:50%;width:66px;height:66px;margin:0 auto 12px;font-size:30px;color:#244732}.practice-outcomes span{font-size:14px}.result-loading{max-width:500px;padding:25px 24px;margin:0 auto;min-height:65vh;display:flex;flex-direction:column;justify-content:center}.result-loading h1{font-size:25px;margin-bottom:36px}.loading-top{height:5px;border-radius:8px;background:linear-gradient(90deg,#244732 90%,#e7e9e5 90%);margin-bottom:70px}.loading-label{display:flex;justify-content:space-between;font-size:15px;gap:14px;margin-bottom:8px}#result-progress{width:100%;height:12px;border:0;border-radius:10px;overflow:hidden;accent-color:#244732}#result-progress::-webkit-progress-bar{background:#e7e9e5}#result-progress::-webkit-progress-value{background:#244732}#result-progress::-moz-progress-bar{background:#244732}.result-loading>p{text-align:center;margin-top:20px;font-size:16px;line-height:1.5}
.selma-message{display:flex;gap:12px;background:#202124;color:#f1f1f1;padding:20px;border-radius:10px;margin:0 0 24px;text-align:left}.selma-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#526557;color:#fff;font-size:14px;font-weight:700}.selma-message header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.selma-message header strong{color:#e5b753;font-size:15px}.selma-message time{color:#c4c7cb;font-size:12px;white-space:nowrap}.selma-message p{color:#f1f1f1;font-size:16px;line-height:1.6;margin:8px 0 0}
.comparison-head>span:first-child{background:#fff0ef;border:2px solid #c62828;color:#a51e1e;box-shadow:0 5px 14px #c6282820}.comparison-head>span:last-child{background:#edf8f0;border:2px solid #168454;color:#12623e;box-shadow:0 5px 14px #16845420}.comparison-pair>div p:first-child{background:#fff5f4;border-top:4px solid #c62828;box-shadow:0 3px 10px #c6282814}.comparison-pair>div p:last-child{background:#eef8f2;border-top:4px solid #168454;box-shadow:0 3px 10px #16845414}.comparison-head>span:first-child small{color:#9f2020}.comparison-head>span:last-child small{color:#12623e}
