*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:system-ui,sans-serif;color:#000;background-color:#fff;font-size:1.4rem}ul{list-style:none}a{color:#000;text-decoration:none}a:hover{text-decoration:none}:root{--background-primary: #e6efff;--dark-grey: #2d2d2d;--link-hover: #00d4c5;--btn-bg: #082f57}main{display:block}aside,.middle-panel{min-height:10rem;padding:1rem;border:1px solid #fff;border-radius:4px;margin:1rem;font-size:1.4rem}h3{margin-bottom:1rem}h2{font-size:3.8rem;font-weight:500;color:#000;font-family:Avenir,sans-serif;text-align:center;padding:2rem 0}pre{background:#f4f4f4;border:1px solid #ddd;color:#000;text-shadow:0 1px white;border-radius:4px;margin:1rem 0;padding:1.5rem;line-height:2rem}pre .comment{color:#b0b0b0}pre .var{color:#7f1111}pre .keyword{color:#0c45b7}pre .func{color:#4772c6}.sm-btn{padding:.4rem .8rem;margin:0 auto;border:none;background-color:#00d4c5;color:#fff;border-radius:4px;cursor:pointer;width:50%}.sm-btn:hover{background-color:#014489}.med-btn{padding:10px 20px;background:#014489;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.med-btn:hover{background:#00d4c5}@media (min-width: 1024px){main{grid-template-columns:1fr}aside,.middle-panel{border-radius:0;margin:20px 0 0;min-height:55vh}.left-panel{border-right:1px solid #f3f3f3}.right-panel{border-left:1px solid #f3f3f3}}.ai-floating-button{position:fixed;right:24px;bottom:24px;width:64px;height:64px;border:none;border-radius:50%;cursor:pointer;font-size:28px;z-index:9999;box-shadow:0 8px 30px #00000040}.ai-chat-window{position:fixed;right:24px;bottom:100px;width:420px;max-width:calc(100vw - 40px);height:650px;max-height:calc(100vh - 120px);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;z-index:9999}.ai-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#1976d2;color:#fff}.ai-header-actions{display:flex;align-items:center;gap:8px}.ai-header-btn{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer;font-size:18px;transition:background .2s}.ai-header-btn:hover{background:#ffffff26}.ai-body{flex:1;overflow-y:auto;padding:20px;background:#f7f7f7}.ai-footer{padding:15px;border-top:1px solid #ddd;background:#fff;flex-shrink:0}.ai-input-row{display:flex;gap:10px}.ai-input{flex:1;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:15px}.ai-send-button{padding:0 18px;border:none;border-radius:8px;cursor:pointer;background:#0f766e;color:#fff}.ai-welcome{color:#666;line-height:1.8}.ai-typing{display:flex;align-items:center;gap:6px;padding:12px 16px;width:fit-content;border-radius:18px;background:#f1f3f5}.ai-typing span{width:8px;height:8px;border-radius:50%;background:#777;animation:ai-bounce 1.2s infinite ease-in-out}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes ai-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ai-bubble p{margin:0}.ai-bubble p+p{margin-top:10px}.ai-bubble ul,.ai-bubble ol{margin:8px 0;padding-left:20px}.ai-bubble li{margin:4px 0}.ai-bubble table{width:100%;border-collapse:collapse;margin-top:10px}.ai-bubble th,.ai-bubble td{border:1px solid #ddd;padding:8px;text-align:left}.ai-bubble code{padding:2px 6px;border-radius:4px;background:#00000014;font-family:Consolas,monospace}.ai-bubble pre{overflow-x:auto;padding:12px;border-radius:8px;background:#1e1e1e}.ai-bubble pre code{padding:0;background:transparent;color:#fff}.ai-message{display:flex;margin-bottom:14px}.ai-user{justify-content:flex-end}.ai-assistant{justify-content:flex-start}.ai-bubble{max-width:75%;padding:12px 16px;border-radius:14px;line-height:1.6;word-break:break-word}.ai-user .ai-bubble{background:#1976d2;color:#fff}.ai-assistant .ai-bubble{background:#f5f5f5;color:#222}