.diagnosis-entry{margin:20px 0;padding:18px;border-radius:20px;background:linear-gradient(135deg,#fff3f6,#fff);border:1px solid #f5dce4;box-shadow:0 8px 24px #5f20320f;display:flex;align-items:center;justify-content:space-between;gap:16px}.diagnosis-entry small,.diagnosis-kicker{color:#bd315b;font-weight:800;letter-spacing:.08em}.diagnosis-entry h2{font-size:18px;margin:5px 0 0}.diagnosis-entry button{width:auto;margin:0;white-space:nowrap}.diagnosis-entry-actions{display:flex;align-items:center;gap:10px}.diagnosis-entry-actions button{border:0;background:none;color:#6e5960;text-decoration:underline}.diagnosis-shell{min-height:100dvh;background:linear-gradient(#fff8fa,#fff)}.diagnosis-page{width:min(100%,560px);margin:0 auto;padding:18px 20px 40px}.diagnosis-page>header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;min-height:48px}.diagnosis-page>header button,.diagnosis-page>header a{border:0;background:none;color:#3a3034;font-size:30px;text-decoration:none}.diagnosis-page>header span{font-weight:700}.diagnosis-progress{height:5px;background:#f1e5e9;border-radius:99px;overflow:hidden;margin:10px 0 38px}.diagnosis-progress i{display:block;height:100%;background:#db4b73;border-radius:inherit;transition:width .2s}.diagnosis-question h1,.diagnosis-result h1{font-size:clamp(25px,7vw,34px);line-height:1.4;margin:12px 0 28px}.diagnosis-options{display:grid;gap:12px}.diagnosis-options button{min-height:64px;width:100%;border:1px solid #ead8de;border-radius:16px;background:#fff;color:#31282b;text-align:left;padding:12px 15px;display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;box-shadow:0 4px 14px #40202a0d}.diagnosis-options button span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f8edf1;color:#bd315b;font-weight:800;flex:none}.diagnosis-options button.selected{border-color:#d33f69;background:#fff0f5;transform:scale(.99)}.diagnosis-options button.selected span{background:#d33f69;color:#fff}.diagnosis-error{color:#b4233c;background:#fff0f3;padding:12px;border-radius:10px}.diagnosis-result{text-align:center}.diagnosis-catch{display:inline-block;padding:10px 16px;border-radius:99px;background:#fff0f5;color:#a7254a;font-weight:800}.diagnosis-result-list{display:grid;gap:14px;margin:26px 0;text-align:left}.diagnosis-axis{background:#fff;border:1px solid #f0e1e6;border-radius:16px;padding:16px}.diagnosis-axis h2{font-size:16px;margin:0 0 12px}.diagnosis-scale{display:grid;grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);gap:9px;align-items:center}.diagnosis-scale>span{font-size:12px;line-height:1.35;color:#6d5d62}.diagnosis-scale>span:last-child{text-align:right}.diagnosis-scale i{height:6px;border-radius:99px;background:linear-gradient(90deg,#ed8aa5,#eadde1 50%,#91a8d7);position:relative}.diagnosis-scale b{position:absolute;top:50%;width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid #c93863;transform:translate(-50%,-50%);box-shadow:0 2px 7px #6b273a33}.diagnosis-result>.primary-link,.diagnosis-result>.secondary-button{display:block;width:100%;margin-top:12px}.diagnosis-result>.secondary-button{background:#fff}
@media(max-width:420px){.diagnosis-entry{align-items:stretch;flex-direction:column}.diagnosis-entry button{width:100%}.diagnosis-entry-actions{align-items:stretch;flex-direction:column}.diagnosis-page{padding-inline:16px}.diagnosis-scale{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr)}}
.diagnosis-visual{margin:0 0 22px;width:100%;aspect-ratio:2/1;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#fff0f5,#f8f3ff 52%,#edf5ff);border:1px solid #efdde4;box-shadow:0 8px 22px #63253a12}.diagnosis-visual-scene{height:100%;position:relative}.visual-person{position:absolute;bottom:14%;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 7px 18px #5730471f}.visual-person:after{content:"";position:absolute;top:39px;left:-12px;width:72px;height:44px;border-radius:40px 40px 12px 12px;background:inherit}.visual-person i{position:absolute;inset:11px 14px 10px;border-radius:50%;background:#e7a2b5}.visual-person-left{left:12%;background:#fff7f9}.visual-person-right{right:12%;background:#f6f8ff}.visual-person-right i{background:#9badd5}.visual-chat{position:absolute;top:21%;width:31%;height:39%;border-radius:20px;background:#fff;box-shadow:0 9px 24px #53314614;padding:16px}.visual-chat:after{content:"";position:absolute;bottom:-8px;width:18px;height:18px;background:inherit;transform:rotate(45deg)}.visual-chat-left{left:23%;transform:rotate(-2deg)}.visual-chat-left:after{left:18px}.visual-chat-right{right:23%;top:34%;transform:rotate(2deg)}.visual-chat-right:after{right:18px}.visual-chat i{display:block;height:6px;border-radius:99px;background:#ead7dd;margin-bottom:9px}.visual-chat i:last-child{width:63%}.visual-chat-right i{background:#d8dff0}.diagnosis-visual-scene>b{position:absolute;left:50%;top:10%;transform:translateX(-50%);color:#d04b72;font-size:22px;font-weight:500}.diagnosis-saved{display:flex;align-items:center;justify-content:center;gap:8px;color:#5b4b50;font-weight:700;margin:24px 0 8px}.diagnosis-saved span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8f6ee;color:#267044}
.diagnosis-visual:has(>img){aspect-ratio:auto;background:#fff}.diagnosis-visual>img{display:block;width:100%;height:auto;max-height:min(28dvh,210px);object-fit:contain}
.diagnosis-question h1{font-size:26px;line-height:1.35}