@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/markon/assets/bungee-vietnamese-400-normal-B6gKbkHm.woff2)format("woff2"),url(/markon/assets/bungee-vietnamese-400-normal-CmjDSWyd.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/markon/assets/bungee-latin-ext-400-normal-DWzJMwsA.woff2)format("woff2"),url(/markon/assets/bungee-latin-ext-400-normal-DXe9_7Rr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/markon/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/markon/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Monaspace Argon;font-style:normal;font-display:swap;font-weight:400;src:url(/markon/assets/monaspace-argon-latin-400-normal-RS-2TGNg.woff2)format("woff2"),url(/markon/assets/monaspace-argon-latin-400-normal-DZUN4ACH.woff)format("woff")}@font-face{font-family:Monaspace Argon;font-style:italic;font-display:swap;font-weight:400;src:url(/markon/assets/monaspace-argon-latin-400-italic-DHf095HZ.woff2)format("woff2"),url(/markon/assets/monaspace-argon-latin-400-italic-DZMiIHEH.woff)format("woff")}@font-face{font-family:Monaspace Argon;font-style:normal;font-display:swap;font-weight:700;src:url(/markon/assets/monaspace-argon-latin-700-normal-D9kWRRK5.woff2)format("woff2"),url(/markon/assets/monaspace-argon-latin-700-normal-4y--rLW1.woff)format("woff")}@font-face{font-family:Monaspace Krypton;font-style:normal;font-display:swap;font-weight:400;src:url(/markon/assets/monaspace-krypton-latin-400-normal-DsuVXUab.woff2)format("woff2"),url(/markon/assets/monaspace-krypton-latin-400-normal-D9XlxC9R.woff)format("woff")}@font-face{font-family:Monaspace Krypton;font-style:italic;font-display:swap;font-weight:400;src:url(/markon/assets/monaspace-krypton-latin-400-italic-BoBCEexI.woff2)format("woff2"),url(/markon/assets/monaspace-krypton-latin-400-italic-LWEicbvC.woff)format("woff")}@font-face{font-family:Monaspace Krypton;font-style:normal;font-display:swap;font-weight:700;src:url(/markon/assets/monaspace-krypton-latin-700-normal-D3bMlBdP.woff2)format("woff2"),url(/markon/assets/monaspace-krypton-latin-700-normal-C7unnqeV.woff)format("woff")}:root{--bar-h:50px;--radius:14px;--pad:8px;--bg-alpha:color-mix(in srgb, var(--bg) 40%, transparent);--text-alpha:color-mix(in srgb, var(--text) 10%, transparent);--accent-alpha:color-mix(in srgb, var(--accent) 20%, transparent);--brand-alpha:color-mix(in srgb, var(--brand) 30%, transparent);--shadow:0 0 20px currentColor;--shadow-strong:0 0 24px #00000052}html{color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100%;font-family:Monaspace Krypton,system-ui,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:var(--bg);width:100%;min-height:100dvh;margin:0}*{scrollbar-width:thin;scrollbar-color:var(--bg) var(--bg-light)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--comment);background-clip:content-box;border:2px solid #0000;border-radius:8px}.profiler-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;mix-blend-mode:hard-light;text-shadow:0 1px 3px #00000080;z-index:1000;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:16px;min-width:20px;padding:8px 12px;font-family:Monaspace Krypton,monospace;font-size:12px;font-weight:600;transition:all .3s;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 20px #00000026}.profiler-overlay.good{background:linear-gradient(135deg,#3b82f633,#9333ea33);border-color:#3b82f64d}.profiler-overlay.ok{background:linear-gradient(135deg,#9333ea33,#ec489933);border-color:#9333ea4d}.profiler-overlay.bad{background:linear-gradient(135deg,#ec489933,#ef444433);border-color:#ec48994d}::-webkit-scrollbar-track{background:0 0}#wrap{background:var(--bg);will-change:grid-template-columns;grid-template-columns:1fr 10px 400px;width:100%;min-width:0;max-width:none;height:100dvh;display:grid;position:relative;inset:0;overflow:hidden}#editor{background:var(--bg);min-width:0;max-width:100%;font-size:16px;position:relative;overflow:auto;container-type:inline-size}#bar{inset-inline:0;height:var(--bar-h);padding:0 var(--pad);-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);background:var(--text-alpha);box-shadow:0 0 30px var(--bg);z-index:100;grid-template-columns:auto 1fr;align-items:center;gap:12px;transition:top .3s;display:grid;position:fixed;top:0}#brand{letter-spacing:.5px;text-shadow:0 0 14px var(--brand);background:linear-gradient(45deg, var(--hint), var(--brand));color:#0000;-webkit-background-clip:text;background-clip:text;grid-auto-flow:column;place-items:center;gap:12px;font-family:Bungee,monospace;font-size:1.2rem;font-weight:700;display:grid}#brand img{opacity:.4;mix-blend-mode:overlay;margin-left:6px}#actions{grid-auto-flow:column;justify-content:end;gap:8px;min-width:0;padding-right:46px;transition:padding-right .5s;display:grid;overflow:visible}#bar.open #actions{padding-right:0}#bar-pull{color:var(--secondary);z-index:10;width:auto;min-width:48px;height:auto;min-height:48px;transition:top .3s;animation:10s ease-in-out infinite pulse;position:fixed;right:10px}button{all:unset;opacity:.8;color:var(--comment);cursor:pointer;mix-blend-mode:screen;white-space:nowrap;background:0 0;border-radius:14px;grid-auto-flow:column;justify-content:center;align-items:center;min-width:0;padding:2px 4px;transition:all .2s;display:grid;position:relative;overflow:visible}button:before{content:"";z-index:1;filter:blur(8px)saturate(.6);background:currentColor;width:14px;height:14px;margin-left:9px;position:absolute}button span{opacity:0;text-shadow:0 0 8px;color:inherit;z-index:10;white-space:nowrap;background:var(--bg);box-shadow:0 4px 12px var(--shadow-strong);pointer-events:none;border-radius:8px;place-items:center;margin-top:4px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-8px)}button:hover{opacity:1;transform:scale(1.1)}button:hover span{opacity:1;transform:translate(-50%)translateY(0)}button:active{transform:translateY(1px)}button iconify-icon{opacity:.9;mix-blend-mode:lighten;transition:opacity .2s}button.toggle{color:var(--muted)}button.toggle[aria-pressed=true]{color:var(--primary)}button#toggle-spell[aria-pressed=true]{background:var(--accent-alpha);box-shadow:var(--shadow-strong)}button#toggle-theme{color:var(--meta)}button#toggle-theme iconify-icon{opacity:1}button#copy-to-clipboard:hover{color:var(--success)!important}button#load-from-clipboard:hover{color:var(--warning)!important}button#save-to-file:hover{color:var(--error)!important}button#load-from-file:hover{color:var(--hint)!important}button#toggle-spell:hover{color:var(--string)!important}button#toggle-theme:hover{color:var(--warning)!important}button#github:hover{color:var(--info)!important}button#install-pwa:hover{color:var(--success)!important}button#settings:hover{color:var(--info)!important}@media (hover:none){button span{display:none}}#preview{box-sizing:border-box;grid-template-columns:1fr;width:100%;min-width:0;max-width:none;display:grid;position:relative;overflow:hidden auto}#previewhtml{background:var(--bg-light);width:100%;height:100%;color:var(--text);box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;border:0;outline:none;min-width:0;max-width:none;padding:16px;font-family:system-ui,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;overflow:hidden auto}#previewhtml h1,#previewhtml h2,#previewhtml h3,#previewhtml h4,#previewhtml h5,#previewhtml h6{margin:1.2em 0 .4em}#previewhtml p{margin:.6em 0}#previewhtml ul,#previewhtml ol{margin:.6em 0 .6em 1.2em}#previewhtml input[type=checkbox]{appearance:none;border:2px solid var(--comment);cursor:pointer;vertical-align:middle;background:0 0;border-radius:4px;flex-shrink:0;width:18px;height:18px;margin:0 6px 0 0;transition:all .2s;position:relative}#previewhtml input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent-alpha)}#previewhtml input[type=checkbox]:checked:before{content:"✓";color:var(--bg-light);font-size:14px;font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#previewhtml input[type=checkbox]:hover{border-color:var(--accent);box-shadow:0 0 4px var(--accent-alpha)}#previewhtml input[type=checkbox]:checked:hover{box-shadow:0 0 12px var(--accent-alpha)}#previewhtml blockquote{border-left:3px solid var(--text-alpha);opacity:.9;margin:.8em 0;padding-left:1em}#previewhtml hr{background:var(--text-alpha);border:none;height:1px;margin:.8em 0}#previewhtml a{color:var(--accent);text-decoration:underline}#previewhtml pre,#previewhtml code{background:var(--text-alpha);border-radius:14px;font-family:Monaspace Krypton,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}#previewhtml pre{padding:.8em;overflow:auto}#previewhtml code{border-radius:6px;padding:0 .3em}#previewhtml kbd{color:var(--text);background:var(--text-alpha);border:1px solid var(--text-alpha);border-bottom-color:color-mix(in srgb, var(--text) 35%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--text) 30%, transparent), inset 0 -1px 0 var(--text-alpha);vertical-align:middle;white-space:nowrap;border-radius:6px;padding:2px 6px;font:600 .86em/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:inline-block}#previewhtml kbd+kbd{margin-left:4px}#previewhtml table{border-collapse:collapse;width:100%;margin:.8em 0;font-size:.95em}#previewhtml table th,#previewhtml table td{border:1px solid color-mix(in srgb, var(--text) 18%, transparent);text-align:left;padding:6px 8px}#previewhtml table thead th{background:var(--text-alpha)}#previewhtml table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--text) 6%, transparent)}#previewhtml .callout{border-left:5px solid var(--brand);background:var(--text-alpha);border-radius:0 10px 10px 0;margin:.8em 0;padding:10px 12px}#previewhtml .callout:before{content:attr(data-title);color:var(--accent);letter-spacing:.5px;margin-bottom:4px;font-weight:700;display:block}#previewhtml .callout[data-kind=note]{border-color:var(--accent)}#previewhtml .callout[data-kind=tip]{border-color:var(--string)}#previewhtml .callout[data-kind=important]{border-color:var(--brand)}#previewhtml .callout[data-kind=warning]{border-color:var(--warning)}#previewhtml .callout[data-kind=caution]{border-color:var(--error)}#toc-wrapper{z-index:100;pointer-events:none;justify-items:end;gap:8px;width:fit-content;height:fit-content;display:grid;position:absolute;bottom:12px;right:12px}#toc-wrapper>*{pointer-events:auto}#toc-button{color:var(--comment);opacity:.7;cursor:pointer;background:var(--bg-alpha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;place-items:center;padding:6px;transition:all .2s;display:grid}#toc-button:hover{opacity:1;color:var(--primary);transform:scale(1.1)}#toc-dropdown{background:var(--bg-alpha);min-width:180px;max-width:250px;max-height:50vh;box-shadow:0 8px 32px var(--shadow-strong);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);border:1px solid var(--text-alpha);opacity:0;pointer-events:none;border-radius:16px;padding:4px 2px;transition:opacity .2s;overflow-y:auto}.toc-item{color:var(--text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:500;line-height:1.4;transition:background .2s,color .2s;overflow:hidden}.toc-item:hover{color:var(--primary);background:var(--text-alpha)}.toc-empty{color:var(--comment);text-align:center;padding:8px;font-size:.75rem}.preview-toggle{all:unset;color:var(--comment);pointer-events:auto;z-index:10;cursor:pointer;opacity:0;vertical-align:top;background:0 0;border:none;width:20px;height:20px;margin-left:-15px;padding:0;line-height:0;transition:all .3s;display:inline-block;position:fixed;top:100px;overflow:visible}.preview-toggle iconify-icon{width:20px;height:20px;margin:0;padding:0;display:block;position:absolute;top:0;left:0}.preview-toggle span{opacity:0;text-shadow:0 0 8px;color:inherit;z-index:10;white-space:nowrap;background:var(--bg);box-shadow:0 4px 12px var(--shadow-strong);pointer-events:none;border-radius:8px;place-items:center;margin-top:8px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(0)}.preview-toggle:hover{color:var(--primary);opacity:1;transform:scale(1.1)translate(0)}.preview-toggle:hover span{opacity:1;padding:10px 6px;transform:translate(-50%)translateY(10px)}#split:hover .preview-toggle:hover{transform:scale(1.1)translate(0)}#resize-handle{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5;opacity:1;filter:invert()brightness(60%);margin-left:-12px;position:fixed;top:200px;transform:translate(12px)}.resize-hover-icon{opacity:0;pointer-events:none;z-index:1;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#split:hover .resize-hover-icon{opacity:.6}#split{cursor:col-resize;background:var(--bg-light);-webkit-user-select:none;user-select:none;touch-action:none;width:14px;position:relative}#split:before{content:"";background:var(--text-alpha);transition:background .15s;position:absolute;inset:0}#split:hover:before{background:var(--bg-alpha)}#split:hover .preview-toggle{opacity:1;color:var(--operator);transform:scale(1.1)}#split.active:before{background:var(--accent)}@keyframes gradientShift{0%{background-position:0 0}25%{background-position:100% 100%}50%{background-position:200% 200%}75%{background-position:300% 300%}to{background-position:400% 400%}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)translateY(-26px)}50%{opacity:.1;color:var(--primary);transform:scale(1.2)translateY(-4px)}}#pwa-install-banner{z-index:100;color:var(--secondary);background:var(--bg-alpha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 10px var(--bg);opacity:0;pointer-events:none;align-items:center;gap:8px;padding:10px 16px;transition:transform .3s,opacity .3s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}#pwa-install-banner button:first-of-type{color:#fff!important;background:#000!important;border:none!important;font-weight:bolder!important}#pwa-install-banner button:before{display:none}#pwa-install-banner iconify-icon{pointer-events:none;color:var(--brand)}#pwa-install-banner[hidden]{opacity:0;pointer-events:none;transform:translateY(100%)}#pwa-install-banner:not([hidden]){opacity:1;pointer-events:auto;transform:translateY(0)}@media (width<=640px){#pwa-install-banner{grid-template:"message message""install dismiss"/1fr auto;gap:8px;padding:10px 12px;display:grid}#pwa-install-banner span{grid-area:message}#pwa-install-banner button:first-of-type{grid-area:install}#pwa-install-banner button:last-of-type{grid-area:dismiss}}html[data-theme=panda][data-mode=dark]{--bg:#1a0f1f;--bg-light:#2d1a2d;--text:#f0f0e8;--brand:#f10;--accent:#86f;--primary:#b6f;--secondary:#2a8;--comment:#bbb;--meta:#f10;--operator:#b8e;--keyword:#f8b;--regex:#f9c;--property:#48f;--string:#2a8;--literal:#fb6;--hint:#86d;--success:#2b1;--warning:#fa0;--info:#19c;--error:#f10}html[data-theme=panda][data-mode=light]{--bg:#f5f5f0;--bg-light:#fff;--text:#1a1a1a;--brand:#d73a49;--accent:#0366d6;--primary:#8b5cf6;--secondary:#28a745;--comment:#6a737d;--meta:#6f42c1;--operator:#0366d6;--keyword:#d73a49;--regex:#e36209;--property:#0366d6;--string:#032f62;--literal:#6f42c1;--hint:#28a745;--success:#2b1;--warning:#fa0;--info:#19c;--error:#c60}html[data-theme=muted][data-mode=dark]{--bg:#1a1a1a;--bg-light:#2a2a2a;--text:#e0e0e0;--brand:#b3667a;--accent:#7a7ab3;--primary:#a855f7;--secondary:#66a3a3;--comment:#888;--meta:#9a7ab3;--operator:#66a3a3;--keyword:#b3667a;--regex:#b37a9a;--property:#7a9ab3;--string:#7ab37a;--literal:#b3a366;--hint:#9a7ab3;--success:#66a366;--warning:#b3a366;--info:#669ab3;--error:#b3667a}html[data-theme=muted][data-mode=light]{--bg:#f5f5f5;--bg-light:#fff;--text:#333;--brand:#8c4a5a;--accent:#5a5a8c;--primary:#9333ea;--secondary:#5a8c5a;--comment:#666;--meta:#7a4a8c;--operator:#5a7a8c;--keyword:#8c4a5a;--regex:#8c4a7a;--property:#5a7a8c;--string:#5a8c5a;--literal:#8c7a4a;--hint:#7a4a8c;--success:#5a8c5a;--warning:#8c7a4a;--info:#5a7a8c;--error:#8c4a5a}html[data-theme=nord][data-mode=dark]{--bg:#2e3440;--bg-light:#3b4252;--text:#d8dee9;--brand:#88c0d0;--accent:#5e81ac;--primary:#c084fc;--secondary:#a3be8c;--comment:#6c7a8a;--meta:#88c0d0;--operator:#d08770;--keyword:#b48ead;--regex:#bf616a;--property:#81a1c1;--string:#a3be8c;--literal:#ebcb8b;--hint:#88c0d0;--success:#a3be8c;--warning:#ebcb8b;--info:#88c0d0;--error:#bf616a}html[data-theme=nord][data-mode=light]{--bg:#eceff4;--bg-light:#fff;--text:#2e3440;--brand:#5e81ac;--accent:#88c0d0;--primary:#a855f7;--secondary:#a3be8c;--comment:#4c566a;--meta:#5e81ac;--operator:#d08770;--keyword:#b48ead;--regex:#bf616a;--property:#5e81ac;--string:#a3be8c;--literal:#d08770;--hint:#88c0d0;--success:#a3be8c;--warning:#d08770;--info:#5e81ac;--error:#bf616a}html[data-theme=monokai][data-mode=dark]{--bg:#272822;--bg-light:#3e3d32;--text:#f8f8f2;--brand:#f92672;--accent:#66d9ef;--primary:#d8b4fe;--secondary:#a6e22e;--comment:#75715e;--meta:#fd971f;--operator:#66d9ef;--keyword:#f92672;--regex:#fd971f;--property:#66d9ef;--string:#e6db74;--literal:#ae81ff;--hint:#a6e22e;--success:#a6e22e;--warning:#e6db74;--info:#66d9ef;--error:#f92672}html[data-theme=monokai][data-mode=light]{--bg:#fbf8f2;--bg-light:#fff;--text:#2b2a28;--brand:#c6286b;--accent:#006b8f;--primary:#6f42c1;--secondary:#2d8f3a;--comment:#6a737d;--meta:#a66bff;--operator:#006b8f;--keyword:#c6286b;--regex:#d65a07;--property:#006b8f;--string:#8a5b00;--literal:#a66bff;--hint:#2d8f3a;--success:#2d8f3a;--warning:#d65a07;--info:#006b8f;--error:#c6286b}html[data-theme=dracula][data-mode=dark]{--bg:#282a36;--bg-light:#44475a;--text:#f8f8f2;--brand:#ff79c6;--accent:#8be9fd;--primary:#e879f9;--secondary:#50fa7b;--comment:#6272a4;--meta:#ffb86c;--operator:#bd93f9;--keyword:#ff79c6;--regex:#ffb86c;--property:#8be9fd;--string:#f1fa8c;--literal:#bd93f9;--hint:#50fa7b;--success:#50fa7b;--warning:#ffb86c;--info:#8be9fd;--error:#f55}html[data-theme=dracula][data-mode=light]{--bg:#f4f7fb;--bg-light:#fff;--text:#26272b;--brand:#b0476a;--accent:#0366d6;--primary:#8b5cf6;--secondary:#238a4b;--comment:#6a737d;--meta:#e36209;--operator:#6f42c1;--keyword:#b0476a;--regex:#e36209;--property:#0366d6;--string:#0b3a62;--literal:#6f42c1;--hint:#238a4b;--success:#238a4b;--warning:#e36209;--info:#0366d6;--error:#b0476a}html[data-theme=solarized][data-mode=dark]{--bg:#002b36;--bg-light:#073642;--text:#839496;--brand:#d33682;--accent:#268bd2;--primary:#c084fc;--secondary:#859900;--comment:#586e75;--meta:#2aa198;--operator:#cb4b16;--keyword:#6c71c4;--regex:#dc322f;--property:#268bd2;--string:#859900;--literal:#b58900;--hint:#2aa198;--success:#859900;--warning:#b58900;--info:#268bd2;--error:#dc322f}html[data-theme=solarized][data-mode=light]{--bg:#fdf6e3;--bg-light:#eee8d5;--text:#657b83;--brand:#d33682;--accent:#268bd2;--primary:#c084fc;--secondary:#859900;--comment:#93a1a1;--meta:#2aa198;--operator:#cb4b16;--keyword:#6c71c4;--regex:#dc322f;--property:#268bd2;--string:#859900;--literal:#b58900;--hint:#2aa198;--success:#859900;--warning:#b58900;--info:#268bd2;--error:#dc322f}html[data-theme=github][data-mode=dark]{--bg:#0d1117;--bg-light:#161b22;--text:#e6edf3;--brand:#f85149;--accent:#58a6ff;--primary:#d8b4fe;--secondary:#7ee787;--comment:#7d8590;--meta:#ffa657;--operator:#f85149;--keyword:#ff7b72;--regex:#ffa657;--property:#79c0ff;--string:#a5d6ff;--literal:#d2a8ff;--hint:#7ee787;--success:#7ee787;--warning:#ffa657;--info:#58a6ff;--error:#f85149}html[data-theme=github][data-mode=light]{--bg:#fff;--bg-light:#f6f8fa;--text:#24292f;--brand:#d73a49;--accent:#0969da;--primary:#8b5cf6;--secondary:#28a745;--comment:#6a737d;--meta:#e36209;--operator:#0969da;--keyword:#d73a49;--regex:#e36209;--property:#0969da;--string:#032f62;--literal:#6f42c1;--hint:#28a745;--success:#28a745;--warning:#e36209;--info:#0969da;--error:#d73a49}html[data-theme=one-dark][data-mode=dark]{--bg:#282c34;--bg-light:#21252b;--text:#abb2bf;--brand:#e06c75;--accent:#61afef;--primary:#c084fc;--secondary:#98c379;--comment:#5c6370;--meta:#d19a66;--operator:#56b6c2;--keyword:#c678dd;--regex:#d19a66;--property:#61afef;--string:#98c379;--literal:#e5c07b;--hint:#56b6c2;--success:#98c379;--warning:#e5c07b;--info:#61afef;--error:#e06c75}html[data-theme=one-dark][data-mode=light]{--bg:#fafafa;--bg-light:#fff;--text:#383a42;--brand:#e45649;--accent:#0184bc;--primary:#a855f7;--secondary:#50a14f;--comment:#a0a1a7;--meta:#986801;--operator:#0997b3;--keyword:#a626a4;--regex:#986801;--property:#0184bc;--string:#50a14f;--literal:#c18401;--hint:#0997b3;--success:#50a14f;--warning:#c18401;--info:#0184bc;--error:#e45649}html[data-theme=gruvbox][data-mode=dark]{--bg:#282828;--bg-light:#3c3836;--text:#ebdbb2;--brand:#fb4934;--accent:#83a598;--primary:#e879f9;--secondary:#b8bb26;--comment:#928374;--meta:#fe8019;--operator:#83a598;--keyword:#fb4934;--regex:#fe8019;--property:#83a598;--string:#b8bb26;--literal:#fabd2f;--hint:#8ec07c;--success:#b8bb26;--warning:#fabd2f;--info:#83a598;--error:#fb4934}html[data-theme=gruvbox][data-mode=light]{--bg:#fbf1c7;--bg-light:#f2e5bc;--text:#3c3836;--brand:#cc241d;--accent:#458588;--primary:#c084fc;--secondary:#98971a;--comment:#928374;--meta:#b16286;--operator:#83a598;--keyword:#cc241d;--regex:#d65d0e;--property:#458588;--string:#98971a;--literal:#d79921;--hint:#689d6a;--success:#98971a;--warning:#d79921;--info:#458588;--error:#cc241d}html[data-theme=tokyo-night][data-mode=dark]{--bg:#1a1b26;--bg-light:#24283b;--text:#a9b1d6;--brand:#f7768e;--accent:#7aa2f7;--primary:#d8b4fe;--secondary:#9ece6a;--comment:#565f89;--meta:#73daca;--operator:#f7768e;--keyword:#bb9af7;--regex:#ff9e64;--property:#7aa2f7;--string:#9ece6a;--literal:#e0af68;--hint:#73daca;--success:#9ece6a;--warning:#e0af68;--info:#7aa2f7;--error:#f7768e}html[data-theme=tokyo-night][data-mode=light]{--bg:#e8e9ed;--bg-light:#fff;--text:#2d3748;--brand:#e53e3e;--accent:#3182ce;--primary:#a855f7;--secondary:#38a169;--comment:#718096;--meta:#319795;--operator:#e53e3e;--keyword:#805ad5;--regex:#dd6b20;--property:#3182ce;--string:#38a169;--literal:#d69e2e;--hint:#319795;--success:#38a169;--warning:#d69e2e;--info:#3182ce;--error:#e53e3e}html[data-theme=ayu][data-mode=dark]{--bg:#1f2430;--bg-light:#232834;--text:#cbccc6;--brand:#fc6;--accent:#73d0ff;--primary:#d4bfff;--secondary:#bae67e;--comment:#5c6773;--meta:#5ccfe6;--operator:#73d0ff;--keyword:#ffa759;--regex:#95e6cb;--property:#5ccfe6;--string:#bae67e;--literal:#d4bfff;--hint:#73d0ff;--success:#bae67e;--warning:#ffa759;--info:#73d0ff;--error:#f33}html[data-theme=ayu][data-mode=light]{--bg:#fafafa;--bg-light:#fff;--text:#5c6773;--brand:#ff9940;--accent:#399ee6;--primary:#a37acc;--secondary:#86b300;--comment:#abb0b6;--meta:#55b4d4;--operator:#399ee6;--keyword:#fa8d3e;--regex:#4cbf99;--property:#55b4d4;--string:#86b300;--literal:#a37acc;--hint:#399ee6;--success:#86b300;--warning:#fa8d3e;--info:#399ee6;--error:#f51818}html[data-theme=catppuccin][data-mode=dark]{--bg:#1e1e2e;--bg-light:#313244;--text:#cdd6f4;--brand:#f38ba8;--accent:#89b4fa;--primary:#cba6f7;--secondary:#a6e3a1;--comment:#6c7086;--meta:#fab387;--operator:#94e2d5;--keyword:#f38ba8;--regex:#fab387;--property:#89b4fa;--string:#a6e3a1;--literal:#f9e2af;--hint:#89dceb;--success:#a6e3a1;--warning:#f9e2af;--info:#89b4fa;--error:#f38ba8}html[data-theme=catppuccin][data-mode=light]{--bg:#eff1f5;--bg-light:#ccd0da;--text:#4c4f69;--brand:#d20f39;--accent:#1e66f5;--primary:#8839ef;--secondary:#40a02b;--comment:#9ca0b0;--meta:#fe640b;--operator:#179299;--keyword:#d20f39;--regex:#fe640b;--property:#1e66f5;--string:#40a02b;--literal:#df8e1d;--hint:#04a5e5;--success:#40a02b;--warning:#df8e1d;--info:#1e66f5;--error:#d20f39}html:not([data-theme]){--bg:#1a0f1f;--bg-light:#2d1a2d;--text:#f0f0e8;--brand:#f10;--accent:#86f;--primary:#b6f;--secondary:#2a8;--comment:#bbb;--meta:#f10;--operator:#b8e;--keyword:#f8b;--regex:#f9c;--property:#48f;--string:#2a8;--literal:#fb6;--hint:#86d;--success:#2b1;--warning:#fa0;--info:#19c;--error:#f10}html[data-theme=tomorrow][data-mode=dark]{--bg:#1d1f21;--bg-light:#282a2e;--text:#c5c8c6;--brand:#c66;--accent:#8abeb7;--primary:#c5c8c6;--secondary:#b5bd68;--comment:#b4b7b4;--meta:#c5c8c6;--operator:#c5c8c6;--keyword:#b294bb;--regex:#8abeb7;--property:#c5c8c6;--string:#b5bd68;--literal:#de935f;--hint:#f0c674;--success:#b5bd68;--warning:#de935f;--info:#8abeb7;--error:#c66}html[data-theme=tomorrow][data-mode=light]{--bg:#fff;--bg-light:#e0e0e0;--text:#373b41;--brand:#c82829;--accent:#3e999f;--primary:#373b41;--secondary:#718c00;--comment:#969896;--meta:#373b41;--operator:#373b41;--keyword:#8959a8;--regex:#3e999f;--property:#373b41;--string:#718c00;--literal:#f5871f;--hint:#eab700;--success:#718c00;--warning:#f5871f;--info:#3e999f;--error:#c82829}#settings-system{background:var(--bg-alpha);width:calc(90vw - 40px);max-width:700px;max-height:calc(90vh - 40px);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);box-sizing:border-box;border:none;border-radius:20px;grid-template-rows:1fr auto;padding:20px;display:grid;position:relative;overflow:hidden}#settings-system::backdrop{background:var(--bg-alpha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-close{color:var(--secondary);cursor:pointer;z-index:10;background:var(--bg-alpha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;place-items:center;width:36px;height:36px;padding:6px;font-size:20px;transition:all .2s;display:grid;position:absolute;top:12px;right:12px}.settings-close:hover{color:var(--accent);transform:scale(1.1)}.settings-content{gap:20px;min-width:0;display:grid;overflow:hidden auto}.settings-section{gap:12px;min-width:0;display:grid}.settings-section-title{color:var(--accent);border-bottom:1px solid var(--text-alpha);margin:0;padding-bottom:4px;font-family:Bungee,monospace;font-size:16px;font-weight:600}.settings-shortcuts{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;min-width:0;display:grid;overflow:visible}.settings-item{background:var(--bg-alpha);border-radius:16px;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:10px;min-width:0;padding:12px 16px;transition:background .2s,transform .2s,box-shadow .2s;display:grid;position:relative;overflow:visible}.settings-item:hover{background:var(--accent-alpha);box-shadow:0 4px 20px var(--accent-alpha);transform:translateY(-2px)}.settings-item>span:first-of-type{display:none}.settings-key{background:var(--primary);width:min-content;color:var(--bg);text-align:center;min-width:28px;box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 30%, transparent);white-space:nowrap;z-index:0;border:none;border-radius:8px;padding:2px 12px 2px 2px;font-family:Monaspace Krypton,ui-monospace,monospace;font-size:12px;font-weight:600;display:inline-block;position:relative}.settings-theme-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;min-width:0;display:grid}.settings-theme-card{background:var(--bg-alpha);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:16px;min-width:0;padding:12px;transition:all .2s}.settings-theme-card:hover{background:var(--accent-alpha);box-shadow:0 4px 20px var(--accent-alpha);transform:translateY(-2px)}.settings-theme-card.selected{border-color:var(--accent);background:var(--accent-alpha)}.settings-theme-name{color:var(--text);margin-bottom:4px;font-family:Monaspace Krypton,system-ui,Helvetica,Arial,sans-serif;font-weight:600}.settings-theme-preview{grid-auto-flow:column;justify-content:center;gap:4px;display:grid}.settings-theme-color{border:1px solid var(--text-alpha);border-radius:50%;width:12px;height:12px}.settings-theme-card:has(.settings-theme-control-btn){place-items:center;display:grid}.settings-theme-control-btn{color:currentColor;cursor:pointer;opacity:1;z-index:1;background:0 0;border:none;border-radius:12px;outline:none;grid-auto-flow:column;align-items:center;gap:6px;width:max-content;padding:8px 12px;font-family:Monaspace Krypton,system-ui,Helvetica,Arial,sans-serif;font-size:14px;font-weight:800;transition:all .2s;display:grid;position:relative;overflow:visible}.settings-theme-control-btn iconify-icon{color:var(--accent);mix-blend-mode:color-burn;transition:opacity .2s,transform .2s;display:block;opacity:1!important}.settings-theme-control-btn>span:first-of-type{white-space:nowrap;font-size:11px;font-weight:600}.settings-theme-control-btn>span:last-of-type{opacity:0;text-shadow:0 0 8px;color:var(--text);z-index:10000;white-space:nowrap;background:var(--bg);box-shadow:0 4px 12px var(--shadow-strong);pointer-events:none;border-radius:8px;place-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;transition:opacity .2s .1s,transform .2s .1s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)translateY(-8px)}.settings-theme-control-btn:hover,.settings-theme-control-btn:focus,.settings-theme-control-btn:active{background:var(--accent);color:var(--bg)}:is(.settings-theme-control-btn:hover,.settings-theme-control-btn:focus,.settings-theme-control-btn:active) iconify-icon{opacity:1;transform:scale(1.1)}:is(.settings-theme-control-btn:hover,.settings-theme-control-btn:focus,.settings-theme-control-btn:active)>span:last-of-type{opacity:1;transition:opacity .2s,transform .2s;transform:translate(-50%,-50%)translateY(-8px)}.settings-footer{text-align:center;border-top:1px solid var(--text-alpha);color:var(--comment);padding-top:12px;font-family:Monaspace Krypton,system-ui,Helvetica,Arial,sans-serif;font-size:13px;font-weight:500}.settings-footer .heart{color:#0000;background:linear-gradient(135deg,#ff006e 0%,#c01a8a 10%,#8338ec 20%,#5e5feb 30%,#3a86ff 40%,#9f1f01 50%,#ff2002 60%,#ff9f26 70%,#ffbe0b 80%,#ff8b35 90%,#fb5607 100%) 0 0/400% 400%;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;animation:10s linear infinite gradientShift;display:inline-block}.settings-footer a{color:var(--secondary);text-decoration:none;transition:color .2s}.settings-footer a:nth-of-type(2){color:var(--brand);font-size:14px;font-weight:bolder}.settings-footer a:hover{color:var(--accent)}.settings-footer .footer-issue{color:var(--primary);align-items:center;margin-top:8px;display:inline-flex}.settings-version{color:var(--comment);background:var(--bg-light);border-radius:4px;padding:2px 6px;font-family:Monaspace Krypton,ui-monospace,monospace;font-size:12px;font-weight:600}@media (width<=640px){#settings-system{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:16px}.settings-shortcuts{grid-template-columns:1fr}}
