.mallowbub-message-content :is(p,ul,ol,blockquote,pre,table) { margin:0 0 10px; }
.mallowbub-message-content :is(h1,h2,h3,h4) { margin:18px 0 8px; color:#f6ecff; line-height:1.25; }
.mallowbub-message-content h1 { font-size:18px; }.mallowbub-message-content h2 { font-size:15px; }.mallowbub-message-content h3 { font-size:13px; }.mallowbub-message-content h4 { font-size:11px; }
.mallowbub-message-content :is(ul,ol) { padding-left:22px; list-style:none; }.mallowbub-message-content li { position:relative; margin:5px 0; }
.mallowbub-message-content ul:not(.mallow-rich-task-list) > li::before { content:""; position:absolute; left:-16px; top:.68em; width:5px; height:5px; border-radius:50%; background:#bc85ee; box-shadow:0 0 7px #a86bd955; }
.mallowbub-message-content ol { counter-reset:mallow-list; }.mallowbub-message-content ol > li { counter-increment:mallow-list; }.mallowbub-message-content ol > li::before { content:counter(mallow-list); position:absolute; left:-23px; top:.1em; min-width:15px; height:15px; display:grid; place-items:center; border:1px solid #b785e966; border-radius:5px; background:#a775df22; color:#dfbaff; font-size:.75em; font-weight:750; }
.mallowbub-message-content li.mallow-rich-task { display:flex; align-items:flex-start; gap:8px; }.mallowbub-message-content li.mallow-rich-task::before { display:none; }
.mallow-rich-check { width:16px; height:16px; flex:none; display:grid; place-items:center; margin-top:.15em; border:1px solid #b990ddaa; border-radius:5px; background:#a66fdb1c; color:#1b1027; box-shadow:inset 0 1px #ffffff16; }.mallow-rich-check.is-checked { border-color:#d9a8ff; background:linear-gradient(145deg,#d1a2fa,#9f65de); box-shadow:0 0 11px #a875db48; }.mallow-rich-check svg { width:12px; height:12px; stroke-width:3; }
.mallowbub-message-content hr { height:1px; margin:18px 0; border:0; background:rgba(207,169,246,.22); }
.mallowbub-message-content blockquote { padding:4px 0 4px 13px; border-left:3px solid #a876e2; color:#cbbddd; }
.mallowbub-message-content :not(pre)>code { padding:2px 5px; border:1px solid rgba(199,152,245,.18); border-radius:5px; background:rgba(160,109,216,.11); color:#ead5ff; font-size:.94em; }
.mallowbub-message-content .mallowbub-code-block { min-width:0; margin:10px 0; overflow:hidden; border:1px solid #b582ff45; border-radius:11px; background:#100d16; }
.mallowbub-message-content .mallowbub-code-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 9px; border-bottom:1px solid #ffffff17; color:#cbb5df; font-size:10px; }
.mallowbub-message-content .mallowbub-code-head button { min-height:27px; padding:4px 10px; border:1px solid #b582ff75; border-radius:7px; background:#b582ff24; color:#ead9ff; font-family:inherit; font-size:10px; font-weight:600; line-height:1.2; cursor:pointer; transition:background .15s ease,border-color .15s ease; }.mallowbub-message-content .mallowbub-code-head button:is(:hover,:focus-visible) { border-color:#d5a7ff; background:#b582ff42; outline:2px solid #c58eff; outline-offset:2px; }
.mallowbub-message-content .mallowbub-code-block pre { max-width:100%; margin:0; overflow:auto; padding:10px; color:#eee5f7; font:11px/1.55 Consolas,"Cascadia Code",monospace; white-space:pre; }.mallowbub-message-content .mallowbub-code-block pre code { padding:0; border:0; background:transparent; color:inherit; font:inherit; }
.mallowbub-message-content a { color:#d6a6ff; text-decoration:underline; text-underline-offset:2px; }
.mallowbub-message-content table { width:100%; display:block; overflow:auto; border-collapse:collapse; }
.mallowbub-message-content th,.mallowbub-message-content td { padding:7px 10px; border:1px solid rgba(200,168,232,.19); text-align:left; }
.mallowbub-message-content th { background:rgba(175,121,227,.12); }
.mallowbub-message-content .katex-display { max-width:100%; overflow-x:auto; overflow-y:hidden; padding:8px 0; }
.mallow-rich-keyboard { display:inline-flex; align-items:center; flex-wrap:wrap; gap:4px; }
.mallow-rich-keyboard kbd { padding:1px 6px; border:1px solid rgba(225,199,252,.32); border-bottom-width:2px; border-radius:5px; background:linear-gradient(#393043,#211b29); color:#f4e9ff; font:600 .95em/1.6 inherit; }
.mallow-rich-keyboard > span { color:#9f8bad; }
.mallow-rich-definition { border-bottom:1px dotted #cb99fc; color:#e4b9ff; cursor:help; }
.mallow-rich-definition:is(:hover,:focus)::after { content:attr(data-definition); position:absolute; z-index:15; width:min(290px,75vw); margin:22px 0 0 -40px; padding:9px 11px; border:1px solid rgba(201,157,245,.43); border-radius:10px; background:#241c30; box-shadow:0 12px 35px #0008; color:#f4e9ff; font-size:11px; line-height:1.4; white-space:normal; }
.mallow-rich-highlight { position:relative; padding:2px 4px; border:1px solid rgba(206,157,255,.35); border-radius:5px; background:linear-gradient(180deg,rgba(171,103,241,.27),rgba(114,73,184,.2)); box-decoration-break:clone; -webkit-box-decoration-break:clone; color:#f6ddff; cursor:pointer; transition:background .16s ease,box-shadow .16s ease; }
.mallow-rich-highlight:is(:hover,:focus) { background:rgba(178,112,246,.4); box-shadow:0 0 0 2px rgba(187,133,246,.14); outline:0; }
.mallow-rich-highlight-actions { position:absolute; z-index:20; left:0; top:calc(100% + 5px); display:flex; gap:4px; width:max-content; max-width:250px; padding:4px; border:1px solid rgba(207,160,244,.42); border-radius:8px; background:#201a29; box-shadow:0 12px 28px #0009; }
.mallow-rich-highlight-actions button { padding:5px 7px; border:0; border-radius:5px; background:rgba(184,135,231,.17); color:#f2dfff; font:inherit; font-size:10px; cursor:pointer; }
.mallow-rich-focus-chip { display:flex; align-items:center; gap:7px; margin-bottom:7px; padding:6px 8px; border-left:3px solid #d7aa60; border-radius:6px; background:rgba(216,170,96,.1); color:#eedcb8; font-size:10px; }
.mallow-rich-focus-chip span { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.mallow-rich-focus-chip button { border:0; background:none; color:inherit; font-size:15px; cursor:pointer; }
.mallow-rich-color { display:inline-flex; align-items:center; gap:4px; margin:0 2px; padding:1px 5px 1px 2px; border:1px solid rgba(255,255,255,.22); border-radius:5px; color:var(--swatch); background:rgba(15,13,20,.75); font-weight:700; }
.mallow-rich-color i { width:13px; height:13px; border:1px solid rgba(255,255,255,.55); border-radius:3px; background:var(--swatch); }
.mallow-rich-widget,.mallow-rich-toc { margin:12px 0; padding:13px; border:1px solid rgba(189,145,236,.32); border-radius:13px; background:linear-gradient(135deg,rgba(89,59,114,.24),rgba(29,23,40,.78)); box-shadow:inset 0 1px rgba(255,255,255,.045); }
.mallow-rich-widget h3 { margin:0 0 7px; }.mallow-rich-widget small { color:#c898f7; font-size:9px; font-weight:750; letter-spacing:.08em; }
.mallow-rich-knowledge p { margin:7px 0 0; }.mallow-rich-knowledge dl { display:grid; grid-template-columns:max-content 1fr; gap:5px 13px; margin:10px 0 0; }.mallow-rich-knowledge dt { color:#ad9bbd; }.mallow-rich-knowledge dd { margin:0; color:#f2e8fa; }
.mallow-rich-flashcards { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px; }.mallow-rich-flashcards h3 { grid-column:1/-1; }.mallow-rich-flashcard { min-height:100px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:12px; border:1px solid rgba(194,149,238,.26); border-radius:10px; background:rgba(255,255,255,.035); color:#f3eafd; text-align:left; font:inherit; cursor:pointer; }.mallow-rich-flashcard.is-flipped { background:rgba(175,122,234,.19); }
.mallow-rich-timer { display:flex; align-items:center; gap:12px; }.mallow-rich-timer strong { display:block; color:#f4e6ff; font-variant-numeric:tabular-nums; font-size:23px; letter-spacing:.04em; }.mallow-rich-timer.is-done strong { color:#84ddbc; }
.mallow-rich-flow-steps { display:flex; flex-direction:column; align-items:center; }.mallow-rich-flow-step { width:min(100%,440px); padding:10px; border:1px solid rgba(209,166,250,.4); border-radius:9px; background:rgba(174,121,225,.14); text-align:center; }.mallow-rich-flow-arrow { padding:3px; color:#d2a5f7; font-size:17px; }
.mallow-rich-chart { min-height:290px; }.mallow-rich-chart-canvas { position:relative; width:100%; height:245px; }.mallow-rich-chart canvas,.mallow-rich-echarts-canvas { width:100%!important; height:100%!important; }.mallow-rich-chart h3 { margin-bottom:10px; }
.mallow-rich-pin { display:flex; align-items:flex-start; gap:10px; border-color:rgba(224,185,112,.48); background:linear-gradient(135deg,rgba(111,77,55,.27),rgba(39,29,36,.9)); }.mallow-rich-pin svg { flex:none; color:#f2c773; }.mallow-rich-pin strong { display:block; margin-top:4px; color:#fff3d4; font-size:12px; }
.mallow-rich-toc summary { display:flex; align-items:center; gap:7px; color:#e7cbff; font-weight:700; cursor:pointer; list-style:none; }.mallow-rich-toc summary::-webkit-details-marker { display:none; }.mallow-rich-toc-caret { display:grid; place-items:center; margin-left:auto; transition:transform .18s ease; }.mallow-rich-toc[open] .mallow-rich-toc-caret { transform:rotate(180deg); }.mallow-rich-toc ol { margin:8px 0 0; padding-left:22px; }
.mallowbub-delete-backdrop { position:fixed; z-index:10010; inset:0; display:grid; place-items:center; padding:20px; background:rgba(8,5,14,.72); -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px); }.mallowbub-delete-dialog { width:min(100%,390px); padding:23px; border:1px solid #bb8eeb80; border-radius:18px; background:linear-gradient(145deg,#282035,#171320); box-shadow:0 24px 70px #000a, inset 0 1px #ffffff1b; color:#f7edff; }.mallowbub-delete-dialog-icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid #e4a4b65c; border-radius:12px; background:#c06b8b25; color:#f0b2c8; font-size:18px; }.mallowbub-delete-dialog h2 { margin:14px 0 6px; color:#fff4ff; font-size:20px; }.mallowbub-delete-dialog p { margin:0 0 12px; color:#c9bbd4; font-size:12px; line-height:1.5; }.mallowbub-delete-dialog strong { display:block; overflow:hidden; margin-bottom:18px; padding:10px 12px; border:1px solid #c999e942; border-radius:9px; background:#a575d719; color:#f4defd; text-overflow:ellipsis; white-space:nowrap; }.mallowbub-delete-dialog-error { color:#ffaac1!important; }.mallowbub-delete-dialog-actions { display:flex; justify-content:flex-end; gap:9px; }.mallowbub-delete-dialog-actions button { min-height:37px; padding:0 15px; border:1px solid #bd91e562; border-radius:9px; background:#a476d323; color:#f2e5ff; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }.mallowbub-delete-dialog-actions button:last-child { border-color:#d389a76b; background:linear-gradient(130deg,#b5688a,#843f66); color:white; }.mallowbub-delete-dialog-actions button:is(:hover,:focus-visible) { filter:brightness(1.15); outline:2px solid #cf9bfa; outline-offset:2px; }.mallowbub-delete-dialog-actions button:disabled { opacity:.6; cursor:wait; }
.mallow-rich-invalid { color:#e5aabb; font-size:10px; }
.mallowbub-source-circles { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:12px; }.mallowbub-source-circles > span { margin-right:3px; color:#a999b5; font-size:9px; }.mallowbub-source-circles a { width:27px; height:27px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(207,162,249,.35); border-radius:50%; background:rgba(170,118,228,.13); color:#dfbeff; text-decoration:none; transition:transform .15s,border-color .15s; }.mallowbub-source-circles a:hover { transform:translateY(-2px); border-color:#d6a9ff; }.mallowbub-source-circles img { width:17px; height:17px; object-fit:contain; }.mallowbub-source-circles i { font-size:13px; }