.sch-echo-prompt{display:flex;align-items:center;gap:12px;padding:16px;margin:12px 0;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:12px;animation:sch-echo-fade-in 0.3s ease}@keyframes sch-echo-fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sch-echo-prompt-icon{flex-shrink:0;color:#0284c7}.sch-echo-prompt-text{flex:1;min-width:0}.sch-echo-prompt-text strong{display:block;color:#0c4a6e;font-size:14px;margin-bottom:2px}.sch-echo-prompt-text span{font-size:13px;color:#0369a1}.sch-echo-challenge-btn{padding:8px 16px;background:#0284c7;color:white;border:none;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:background 0.2s,transform 0.1s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.sch-echo-challenge-btn:hover{background:#0369a1;transform:translateY(-1px)}.sch-echo-challenge-btn:active{transform:translateY(0)}.sch-echo-challenge-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.sch-echo-dismiss-btn{padding:8px 12px;background:transparent;color:#64748b;border:none;font-size:13px;cursor:pointer;transition:color 0.2s}.sch-echo-dismiss-btn:hover{color:#334155}.sch-echo-challenge{margin:12px 0;padding:20px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);animation:sch-echo-fade-in 0.3s ease}.sch-echo-challenge-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sch-echo-challenge-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fbbf24;border-radius:50%;color:#78350f;flex-shrink:0}.sch-echo-challenge-label{flex:1}.sch-echo-challenge-label strong{display:block;color:#78350f;font-size:14px}.sch-echo-challenge-label span{font-size:12px;color:#92400e}.sch-echo-challenge-content{padding:16px;background:rgba(255,255,255,0.7);border-radius:8px;font-size:15px;line-height:1.6;color:#1f2937}.sch-echo-challenge-feedback{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(252,211,77,0.5);flex-wrap:wrap}.sch-echo-challenge-feedback>span{font-size:13px;color:#92400e}.sch-echo-feedback-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,0.8);border:1px solid #fcd34d;border-radius:6px;font-size:13px;cursor:pointer;transition:all 0.2s;color:#78350f}.sch-echo-feedback-btn:hover{background:white;border-color:#f59e0b;transform:translateY(-1px)}.sch-echo-feedback-btn:active{transform:translateY(0)}.sch-echo-changed-view-btn{background:#fbbf24 !important;color:#78350f;font-weight:500}.sch-echo-changed-view-btn:hover{background:#f59e0b !important}.sch-echo-feedback-thanks{display:flex;align-items:center;gap:8px;color:#166534;font-size:14px;padding:8px 0}.sch-echo-feedback-thanks svg{color:#22c55e}.sch-echo-remaining{margin-top:12px;font-size:11px;color:#92400e;text-align:right}.sch-echo-icon-btn{opacity:0.4;background:none;border:none;padding:4px;cursor:pointer;color:#64748b;transition:opacity 0.2s,color 0.2s;display:inline-flex;align-items:center;justify-content:center}.sch-article-comment:hover .sch-echo-icon-btn,.sch-echo-icon-btn:focus{opacity:1}.sch-echo-icon-btn:hover{color:#0284c7}.sch-echo-spinner{animation:sch-echo-spin 1s linear infinite}@keyframes sch-echo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sch-echo-notification{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1f2937;color:white;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.2);z-index:10000;animation:sch-echo-slide-up 0.3s ease;max-width:400px}@keyframes sch-echo-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sch-echo-notification-success{background:#166534}.sch-echo-notification-error{background:#991b1b}.sch-echo-notification-info{background:#1e40af}.sch-echo-notification span{flex:1;font-size:14px;line-height:1.4}.sch-echo-notification-close{background:none;border:none;color:rgba(255,255,255,0.7);font-size:20px;cursor:pointer;padding:0;line-height:1;transition:color 0.2s}.sch-echo-notification-close:hover{color:white}@media (max-width:640px){.sch-echo-prompt{flex-direction:column;align-items:flex-start;gap:12px}.sch-echo-prompt-icon{display:none}.sch-echo-prompt .sch-echo-challenge-btn,.sch-echo-prompt .sch-echo-dismiss-btn{width:100%;justify-content:center}.sch-echo-challenge-feedback{flex-direction:column;align-items:flex-start}.sch-echo-challenge-feedback>span{width:100%;margin-bottom:8px}.sch-echo-feedback-btn{width:100%;justify-content:center}.sch-echo-notification{left:10px;right:10px;bottom:10px;max-width:none}}@media (prefers-color-scheme:dark){.sch-echo-prompt{background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 100%);border-color:#3b82f6}.sch-echo-prompt-icon{color:#60a5fa}.sch-echo-prompt-text strong{color:#e0f2fe}.sch-echo-prompt-text span{color:#93c5fd}.sch-echo-challenge{background:linear-gradient(135deg,#422006 0%,#713f12 100%);border-color:#ca8a04}.sch-echo-challenge-icon{background:#ca8a04;color:#fef3c7}.sch-echo-challenge-label strong{color:#fef3c7}.sch-echo-challenge-label span{color:#fcd34d}.sch-echo-challenge-content{background:rgba(0,0,0,0.3);color:#fef3c7}.sch-echo-feedback-btn{background:rgba(0,0,0,0.3);border-color:#ca8a04;color:#fcd34d}.sch-echo-remaining{color:#fcd34d}}