/* This CSS and JavaScript are proprietary assets developed by Gocourse and are protected under applicable copyright and security policies. 
 Unauthorized testing, reverse engineering, or modification without written permission from GoCourse is strictly prohibited.*/

*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--blue:#0d6efd;--blue-dark:#0b5ed7;--blue-glow:rgba(13,110,253,.35);--ai-from:#7c3aed;--ai-to:#4f46e5;--ai-glow:rgba(124,58,237,.4);--radius:10px;--mono:'JetBrains Mono',monospace;--sans:'Sora',sans-serif}.btn{text-align:center;overflow:hidden;margin-bottom:16px}.btn a{text-decoration:none;display:inline-block;padding:8px 18px;font-family:var(--sans);font-weight:600;font-size:14px;transition:background .2s,transform .15s}.btn a:hover{background-color:#ddd;color:#000}.previous{background-color:var(--blue);color:#fff;float:left;border-radius:var(--radius)}.next{background-color:var(--blue);color:#fff;float:right;border-radius:var(--radius)}.code-container{position:relative;margin-bottom:12px}.copy-btn-style{background:var(--blue);color:#fff;border:none;padding:5px 10px;font-size:12px;font-family:var(--sans);border-radius:5px;cursor:pointer;position:absolute;top:5px;right:18px;transition:background .2s;z-index:10}.copy-btn-style:hover{background:var(--blue-dark)}.output-box{background:#1e1e1e;color:#d4d4d4;padding:10px 14px;border-radius:6px;font-family:var(--mono);font-size:13px;margin-top:10px;white-space:pre-wrap}.editor-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;align-items:center}.try-it-yourself{cursor:pointer;background-color:var(--blue);color:#fff;border:none;border-radius:25px;padding:10px 18px;font-size:14px;font-family:var(--sans);font-weight:600;text-decoration:none;display:inline-block;transition:background .2s,transform .15s,box-shadow .2s}.try-it-yourself:hover{background-color:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 14px var(--blue-glow)}.ai-explain-btn{cursor:pointer;background:linear-gradient(135deg,var(--ai-from),var(--ai-to));color:#fff;border:none;border-radius:25px;padding:10px 18px;font-size:14px;font-family:var(--sans);font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:opacity .2s,transform .15s,box-shadow .2s;position:relative;overflow:hidden}.ai-explain-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#9333ea,#6366f1);opacity:0;transition:opacity .25s}.ai-explain-btn:hover::before{opacity:1}.ai-explain-btn:hover{transform:translateY(-1px);box-shadow:0 4px 18px var(--ai-glow)}.ai-explain-btn i,.ai-explain-btn span{position:relative;z-index:1}.ai-icon{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#ai-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}#ai-modal-overlay.open{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#ai-modal{background:#16161e;border:1px solid rgba(124,58,237,.4);border-radius:16px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04);animation:slideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideUp{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}#ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.modal-title{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:700;font-size:16px;color:#e0d9ff}.modal-badge{background:linear-gradient(135deg,var(--ai-from),var(--ai-to));color:#fff;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:20px;text-transform:uppercase}.modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);border:none;border-radius:50%;color:#aaa;font-size:18px;cursor:pointer;transition:background .2s,color .2s,transform .15s;line-height:1}.modal-close:hover{background:rgba(255,255,255,.15);color:#fff;transform:rotate(90deg)}#ai-modal-code-preview{background:#0f0f17;border-bottom:1px solid rgba(255,255,255,.06);padding:10px 22px;font-family:var(--mono);font-size:12px;color:#6272a4;flex-shrink:0;max-height:90px;overflow:hidden;white-space:pre;position:relative}#ai-modal-code-preview::after{content:'';position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,#0f0f17)}#ai-modal-body{flex:1;overflow-y:auto;padding:20px 22px 24px;scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.5) transparent}#ai-modal-body::-webkit-scrollbar{width:5px}#ai-modal-body::-webkit-scrollbar-thumb{background:rgba(124,58,237,.5);border-radius:4px}#ai-explanation-content{font-family:var(--sans);font-size:14.5px;line-height:1.78;color:#ccc8e8;min-height:60px}#ai-explanation-content p{margin-bottom:12px}#ai-explanation-content ol,#ai-explanation-content ul{padding-left:20px;margin-bottom:12px}#ai-explanation-content li{margin-bottom:6px}#ai-explanation-content code{background:rgba(124,58,237,.18);color:#c4b5fd;padding:1px 5px;border-radius:4px;font-family:var(--mono);font-size:12.5px}#ai-explanation-content strong{color:#e0d9ff;font-weight:600}.ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px 0}.ai-loading-orb{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--ai-from),var(--ai-to));animation:pulse-orb 1.4s ease-in-out infinite;box-shadow:0 0 0 0 var(--ai-glow)}@keyframes pulse-orb{0%{transform:scale(1);box-shadow:0 0 0 0 var(--ai-glow)}50%{transform:scale(1.12);box-shadow:0 0 0 16px transparent}100%{transform:scale(1);box-shadow:0 0 0 0 transparent}}.ai-loading-text{font-family:var(--sans);font-size:13px;color:#8b82c4;display:flex;align-items:center;gap:6px}.ai-dots span{display:inline-block;width:4px;height:4px;border-radius:50%;background:#8b82c4;animation:dot-bounce .9s ease-in-out infinite both}.ai-dots span:nth-child(2){animation-delay:.15s}.ai-dots span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,100%,80%{transform:translateY(0)}40%{transform:translateY(-5px)}}.cursor-blink{display:inline-block;width:2px;height:1em;background:#a78bfa;margin-left:2px;vertical-align:text-bottom;animation:blink .7s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.ai-error{display:flex;align-items:flex-start;gap:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:14px 16px;color:#fca5a5;font-family:var(--sans);font-size:13.5px}.ai-error-icon{font-size:20px;flex-shrink:0;line-height:1.2}#ai-modal-footer{padding:10px 22px 14px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-footer-label{font-family:var(--sans);font-size:11px;color:#4a4567;display:flex;align-items:center;gap:5px}.modal-close-footer{background:rgba(255,255,255,.06);color:#aaa;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 14px;font-family:var(--sans);font-size:12px;cursor:pointer;transition:background .2s,color .2s}.modal-close-footer:hover{background:rgba(255,255,255,.12);color:#fff}