.mlearn-panel[hidden]{display:none!important}.mlearn-panel{position:fixed;inset:0;z-index:12000;background:#20173550;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.mlearn-surface{width:min(800px,100%);max-height:90dvh;display:flex;flex-direction:column;background:var(--bg-card,#fff);color:var(--text-main,#292335);border-radius:24px;box-shadow:0 24px 90px #21112e33;overflow:hidden;font-family:Inter,system-ui,sans-serif}.mlearn-surface>header{display:flex;justify-content:space-between;gap:16px;padding:26px 28px 14px}.mlearn-surface>header strong{font-size:23px;letter-spacing:-.6px}.mlearn-surface p{font-size:13px;line-height:1.6;color:#787184;margin:6px 0 14px}.mlearn-close{border:0;border-radius:50%;background:#f2edf9;color:#6e5d85;width:36px;height:36px;font-size:25px;cursor:pointer;flex-shrink:0}.mlearn-note{font-size:12px;color:#77628e;padding:0 28px 18px}.mlearn-content{overflow:auto;overscroll-behavior:contain;padding:0 28px 24px}.mlearn-content section+section{margin-top:28px}.mlearn-content h3{font-size:16px;margin:0 0 8px}.mlearn-count{font-weight:400;color:#8c7a9d;font-size:13px}.mlearn-content label{display:block;font-size:12px;font-weight:600;color:#726680;margin:10px 0 7px}.mlearn-content textarea,.mlearn-content input{box-sizing:border-box;display:block;width:100%;padding:13px 14px;border:1px solid #e4ddea;border-radius:11px;background:#fbf9fd;color:#332c3e;font:13px/1.6 Inter,system-ui,sans-serif;margin-top:7px}.mlearn-content textarea{min-height:145px;resize:vertical}.mlearn-content textarea:focus,.mlearn-content input:focus{outline:2px solid #a28ac6;outline-offset:1px}.mlearn-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.mlearn-actions button{border:0;border-radius:9px;background:#eee7f8;color:#7043ab;padding:9px 13px;font-size:12px;font-weight:600;cursor:pointer}.mlearn-actions button:disabled{opacity:.5}.mlearn-actions .mlearn-delete{background:#f9edf0;color:#b45266}.mlearn-saved{font-size:12px;color:#438b70}.mlearn-skill{border-top:1px solid #eee9f3;padding:16px 0}.mlearn-skill>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;list-style:none}.mlearn-skill summary::-webkit-details-marker{display:none}.mlearn-skill strong{font-size:14px}.mlearn-skill small{display:block;font-size:12px;color:#92869c;line-height:1.5;margin-top:4px}.mlearn-state{font-size:11px;border-radius:20px;background:#f3eff8;color:#806493;padding:5px 9px;white-space:nowrap}.mlearn-detail{padding-top:10px}.mlearn-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f4fa;color:#64556f;padding:13px;border-radius:10px;font:12px/1.6 ui-monospace,monospace;max-height:380px;overflow:auto}.mlearn-resources summary{font-size:12px;color:#766483;cursor:pointer}.mlearn-surface footer{font-size:11px;color:#95899f;border-top:1px solid #eee9f3;padding:14px 28px;line-height:1.5}.mlearn-empty{font-size:13px;color:#92849f;background:#f8f5fc;padding:16px;border-radius:12px;margin-bottom:10px}.mlearn-error{padding:0 28px 14px;font-size:13px;color:#b5455a}.mlearn-error:empty{display:none}@media(max-width:600px){.mlearn-panel{padding:8px}.mlearn-surface{max-height:95dvh;border-radius:18px}.mlearn-surface>header{padding:20px 18px 12px}.mlearn-surface>header strong{font-size:21px}.mlearn-note,.mlearn-error{padding-left:18px;padding-right:18px}.mlearn-content{padding:0 18px 18px}.mlearn-surface footer{padding:12px 18px}.mlearn-content textarea,.mlearn-content input{font-size:16px}.mlearn-skill>summary{align-items:flex-start}}

.mlearn-entry-list{margin-top:16px}.mlearn-entry-list>summary{font-size:13px;color:#75608f;cursor:pointer}.mlearn-entry,.mlearn-change{padding:14px 0;border-bottom:1px solid #eee9f3}.mlearn-entry textarea{min-height:80px}.mlearn-source{margin-top:10px;color:#81738e;font-size:12px;overflow-wrap:anywhere}.mlearn-source blockquote{border-left:2px solid #d9c9ee;margin:8px 0;padding:3px 12px;white-space:pre-wrap;max-height:130px;overflow:auto}.mlearn-history button,.mlearn-source button{background:#f3eef9;border:0;color:#765394;border-radius:8px;padding:8px 11px;font-size:12px;cursor:pointer}.mlearn-change summary{display:flex;gap:12px;justify-content:space-between;cursor:pointer;font-size:13px}.mlearn-change summary small{font-size:11px;color:#93829e}.mlearn-change .mlearn-learned{white-space:pre-wrap;color:#443451}.mlearn-change>button{margin-top:12px}
