
/* THERON v0.9 adaptive capture — original expressive faces and large targets */
.adapt-page{max-width:940px;margin:auto}.adapt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:20px 0 22px}
.adapt-head h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;line-height:1.12;margin:10px 0}.adapt-head p{font-size:14px;color:#777187;margin:0}
.adapt-pill{white-space:nowrap;color:#6147a0;background:#f0e9ff;border:1px solid #e7dbff;border-radius:99px;padding:10px 13px;font-size:12px;font-weight:800}
.adapt-bar{background:#f0ecf5;height:8px;border-radius:20px;overflow:hidden;margin-bottom:20px}.adapt-bar span{display:block;height:100%;background:linear-gradient(90deg,#7659cb,#a28dec);transition:width .15s}
.adapt-step[hidden],.adapt-conditional[hidden],.adapt-actions [hidden]{display:none!important}
.adapt-card{background:radial-gradient(circle at 100% 0,#f0ebff,transparent 38%),white;border:1px solid #ede8f5;border-radius:24px;padding:clamp(19px,3vw,32px)}
.adapt-eyebrow{font-size:11px;font-weight:850;letter-spacing:1px;color:#8f70c1}.adapt-card h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.9px;margin:9px 0}.adapt-card p{color:#6f6979;font-size:13px}.adapt-divider{border-top:1px solid #ece8f2;margin:26px 0}
.adapt-group{border:0;margin:0;padding:0;min-width:0}.adapt-group legend{font-size:16px;font-weight:850;margin-bottom:6px}
.adapt-group>.micro{font-size:12px;margin-bottom:12px}.adapt-faces{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.adapt-face{--face:#7a5cb1;--back:#f6f1ff;position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;min-height:134px;border:2px solid transparent;border-radius:17px;background:var(--back);padding:13px 5px 10px;cursor:pointer;text-align:center}
.adapt-face.mint{--face:#358c75;--back:#effbf5}.adapt-face.blue{--face:#4882a7;--back:#eef8fe}.adapt-face.gold{--face:#a28439;--back:#fffae9}.adapt-face.orange{--face:#b77542;--back:#fff2e6}.adapt-face.rose{--face:#ad5371;--back:#fff0f6}
.adapt-face svg{width:62px;height:62px;fill:currentColor;stroke:currentColor;color:var(--face)}.adapt-face strong{font-size:13px}.adapt-face small{font-size:11px;color:#75717d}
.adapt-face:has(input:checked){border-color:var(--face);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--face) 15%,transparent)}
.adapt-face:focus-within{outline:3px solid #7e67d2;outline-offset:2px}.adapt-face input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.adapt-unknown{border:0;background:transparent;color:#6b52b3;text-decoration:underline;text-underline-offset:3px;font-size:12px;min-height:40px;padding:10px 0;cursor:pointer}
.adapt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.adapt-grid .field select,.adapt-grid .field input{min-height:50px}
.adapt-msg{border-radius:13px;padding:13px 15px;border:1px solid #e4dff1;background:#f8f5fd;color:#665d80;font-size:13px;line-height:1.5;margin:15px 0}
.adapt-msg.amber{background:#fff6e8;border-color:#ecd6ad;color:#81591e}.adapt-msg.red{background:#fff0ee;border-color:#e9a5a1;color:#aa2e29;font-weight:800}
.adapt-summary>div{display:flex;justify-content:space-between;padding:12px 16px;border-radius:10px;background:#faf7ff;border:1px solid #eee9f5;margin:8px 0;font-size:13px}
.adapt-summary strong{text-align:right}.adapt-details{border:1px solid #e5e0ee;border-radius:13px;padding:14px;margin:16px 0}.adapt-details summary{cursor:pointer;font-weight:750;color:#6149a0;font-size:13px}
.adapt-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:17px 0}.adapt-actions .btn{min-height:50px}
.adapt-health{font-size:12px;color:#598875;margin:12px 2px 18px}.adapt-health small{color:#8a8590}
@media(max-width:680px){.adapt-head{flex-direction:column}.adapt-card{padding:19px 15px}.adapt-faces{gap:5px}.adapt-face{min-height:108px;border-radius:13px;padding:9px 2px 7px}.adapt-face svg{width:44px;height:44px}.adapt-face strong{font-size:10px}.adapt-face small{font-size:9px}.adapt-grid{grid-template-columns:1fr}.adapt-actions .btn{flex:1}}
@media(max-width:360px){.adapt-face svg{width:39px;height:39px}.adapt-face{min-height:99px}.adapt-face strong{font-size:9px}}
