.practice-hub{background:#fff1bc;border:2px solid #edcf80;box-shadow:0 6px 0 #e8d39b;border-radius:25px;padding:23px 26px;margin:28px 0 38px;display:flex;align-items:center;gap:22px}.practice-hub h2{font-size:25px;color:#7b5827;font-weight:1000;line-height:1.3;margin:7px 0}.practice-hub p{color:#957243;font-size:15px}.practice-hub small{color:#a08153;font-size:12px;display:block;margin-top:7px}.practice-hub .mini-label{color:#a7823c}.practice-hub>div:not(.hub-robot){flex:1}.practice-hub .btn{flex-shrink:0}.hub-robot{width:77px;height:90px;background:#fff9e6;border-radius:21px;border:2px solid #eed799;box-shadow:0 5px 0 #e3ca8e;display:grid;place-items:center}.hub-robot img{width:58px;height:77px}.round-ribbon{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#b090c9;margin:-8px 0 14px}.round-ribbon span{display:flex;align-items:center;gap:7px;font-weight:900}.round-ribbon .ui-icon{width:17px;height:17px}.round-ribbon b{color:#996bb9}.round-dots{display:flex;gap:9px;margin:0 0 25px}.round-dots span{background:#f2e9fa;color:#c6acd7;width:34px;height:34px;display:grid;place-items:center;border:2px solid #e6d5f0;border-radius:10px;font-weight:1000}.round-dots .current{background:#af80d7;border-color:#c49de3;color:white;box-shadow:0 3px 0 #9162b9}.round-dots .correct{background:#e3f4e9;color:#73ad89;border-color:#bedecc}.round-dots .retry{background:#fff0d9;color:#c7a16c;border-color:#eed2ac}.confidence{border-top:2px dashed #e8d8f1;padding:20px 0 5px;display:flex;gap:15px;align-items:center;justify-content:space-between;color:#a886be;font-size:13px}.confidence small{display:block;font-size:11px;color:#b79ec7}.confidence>div{display:flex;gap:9px}.confidence button{background:#fff;border:2px solid #e4d1f0;box-shadow:0 3px 0 #e1ccec;color:#b493ca;font-size:12px;font-weight:900;padding:9px 12px;border-radius:12px}.confidence button.chosen{background:#eee0fb;color:#976ab6;border-color:#c5a3df}.evidence-desk{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.evidence-desk article{background:#fff4d3;border:2px solid #f0dca8;border-radius:17px;padding:18px;box-shadow:0 4px 0 #ecdbb6;transform:rotate(-1deg)}.evidence-desk article:nth-child(2){background:#f0e6ff;border-color:#dcc6f1;box-shadow:0 4px 0 #dfcfef;transform:rotate(1deg)}.evidence-desk article:nth-child(3){background:#e5f5f0;border-color:#c7e4d7;box-shadow:0 4px 0 #cce4db;transform:rotate(-1deg)}.evidence-desk span{font-size:9px;color:#b5955e;letter-spacing:.5px;font-weight:1000}.evidence-desk article:nth-child(2) span{color:#b390ca}.evidence-desk article:nth-child(3) span{color:#8bb7a2}.evidence-desk p{font-size:15px!important;line-height:1.7!important;color:#a28b66!important;margin-top:10px}.evidence-desk article:nth-child(2) p{color:#9c7bb4!important}.evidence-desk article:nth-child(3) p{color:#7a9e8c!important}.classification{display:grid;gap:17px;margin:26px 0}.classification article{border:2px solid #e6d7f0;background:#fcf8ff;border-radius:18px;padding:19px;box-shadow:0 4px 0 #e9dcf0}.classification article>p{font-size:17px!important;margin-bottom:15px;font-weight:800}.classification article>div{display:flex;gap:11px}.classification button{background:#fff;border:2px solid #e2d0ef;border-radius:12px;padding:9px 14px;color:#ac8fbf;font-size:13px;font-weight:900;box-shadow:0 3px 0 #e3d1ec}.classification button.selected{background:#ebdcfa;color:#9d75b7;border-color:#c6a2e0}.classification button.class-correct{background:#e6f6ec;color:#68937b;border-color:#bcdeca;box-shadow:0 3px 0 #c5dfcf}.classification button.class-wrong{background:#ffecd6;color:#caa174;border-color:#ecccaa;box-shadow:0 3px 0 #ebd1b3}.chat-scene{border:2px solid #ddc6ed;border-radius:23px;overflow:hidden;background:#f3eafc;margin:24px 0;box-shadow:0 5px 0 #e3d4ed}.chat-scene>span{display:flex;align-items:center;gap:7px;background:#e8d6f7;padding:12px 17px;font-size:12px;color:#a582bd;font-weight:900}.chat-scene .ui-icon{width:18px;height:18px}.chat-bubble{background:#fff;border:2px solid #e4d3ee;border-radius:18px 18px 18px 4px;padding:21px;margin:21px;color:#9270aa;font-size:19px;font-weight:800;line-height:1.8}.chat-scene>small{display:block;padding:0 21px 19px;font-size:12px;color:#b092c3}.answer-explain{margin:15px 0;border-top:1px solid currentColor;padding-top:12px}.answer-explain summary{font-size:14px;font-weight:1000;cursor:pointer}.answer-explain p{color:inherit!important;font-size:15px!important;margin-top:11px;line-height:1.8!important}.review-saved{background:#fff7e5;color:#bc9a63;padding:9px 13px;border-radius:10px;font-size:12px;font-weight:900;margin-top:15px}.calibration{color:inherit!important;font-size:13px!important;margin-top:12px}.result-skill-list{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:22px 0}.result-skill-list>div{display:flex;gap:7px;align-items:center;background:#fff0da;color:#be9a70;padding:9px 13px;border:2px solid #ecd4b7;border-radius:12px;font-size:12px;font-weight:900}.result-skill-list .ok{background:#e8f5ee;color:#7ba18c;border-color:#c6dfd0}.result-skill-list span{font-size:16px}
@media(max-width:700px){.practice-hub{padding:22px;gap:14px;flex-wrap:wrap;border-radius:23px}.practice-hub h2{font-size:23px}.practice-hub p{font-size:13px}.practice-hub small{font-size:11px}.practice-hub .btn{width:100%;font-size:14px}.hub-robot{width:51px;height:64px;border-radius:16px;flex-shrink:0}.hub-robot img{width:40px;height:53px}.practice-hub .mini-label{font-size:8px}.round-ribbon{font-size:10px;gap:6px}.round-dots span{width:31px;height:31px;font-size:13px}.confidence{font-size:12px;flex-wrap:wrap;gap:12px}.confidence>div{width:100%}.confidence button{flex:1;font-size:12px;min-height:41px}.evidence-desk{grid-template-columns:1fr;gap:15px}.evidence-desk article{padding:17px;transform:none}.evidence-desk article:nth-child(n){transform:none}.evidence-desk p{font-size:16px!important}.classification article{padding:17px}.classification article>p{font-size:16px!important}.classification button{font-size:12px;flex:1;min-height:43px;padding:10px 8px}.chat-bubble{margin:16px;padding:17px;font-size:17px}.chat-scene>span{font-size:10px;padding:12px}.chat-scene>small{font-size:11px;padding:0 16px 16px}.result-skill-list{gap:9px}.result-skill-list>div{font-size:11px}.answer-explain summary{font-size:13px}.answer-explain p{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.evidence-desk article{transform:none!important}}

/* Keep pastel surfaces, give instructional text a readable foreground. */
.practice-hub p,.practice-hub small{color:#745b32}.round-ribbon,.round-ribbon b{color:#765193}.confidence,.confidence small,.confidence button{color:#74518b}.evidence-desk span{color:#80622c}.evidence-desk article:nth-child(2) span{color:#72518b}.evidence-desk article:nth-child(3) span{color:#436a57}.evidence-desk p{color:#72572e!important}.evidence-desk article:nth-child(2) p{color:#72518b!important}.evidence-desk article:nth-child(3) p{color:#426653!important}.classification button,.classification button.selected{color:#72518b}.classification button.class-correct{color:#39664b}.classification button.class-wrong{color:#82532c}.chat-scene>span,.chat-scene>small,.chat-bubble{color:#72518b}.review-saved,.result-skill-list>div{color:#815f30}.result-skill-list .ok{color:#3d6750}