*{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{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#0f766e;color:#fff;flex-shrink:0}.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}