:root,:root[data-theme=dark]{--p5-red: #ff0040;--p5-dark-red: #cc0033;--p5-black: #0a0a0a;--p5-dark-gray: #1a1a1a;--p5-gray: #2d2d2d;--p5-light-gray: #888888;--p5-white: #ffffff;--p5-accent: #ff2d55;--p5-gold: #ffd700;--p5-purple: #9b59b6;--p5-cyan: #00d4ff;--bg-primary: #15151c;--bg-secondary: #202028;--bg-card: rgba(34, 34, 42, .9);--bg-card-solid: #22222a;--bg-overlay: rgba(0, 0, 0, .45);--bg-sidebar-card: rgba(36, 36, 45, .85);--bg-main-card: rgba(30, 30, 38, .85);--bg-input: rgba(255, 255, 255, .1);--bg-code: #1b1e26;--bg-code-header: #2a2f3a;--bg-tag: rgba(255, 0, 64, .15);--bg-blockquote: rgba(255, 0, 64, .08);--bg-hover: rgba(255, 0, 64, .12);--bg-category-item: rgba(255, 255, 255, .04);--bg-article-card: rgba(36, 36, 45, .95);--bg-article-content: rgba(36, 36, 45, .92);--bg-comment-box: rgba(34, 34, 42, .9);--bg-social: rgba(255, 255, 255, .08);--bg-social-hover: rgba(255, 0, 64, .2);--bg-footer: rgba(30, 30, 38, .9);--bg-mobile-menu: rgba(21, 21, 28, .98);--bg-inline-code: rgba(255, 0, 64, .15);--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #9a9a9a;--text-body: #d4d4d4;--text-heading: #ffffff;--text-card-title: #ffffff;--text-card-body: #cccccc;--text-strong: #ffffff;--text-code: #d4d4d4;--text-inline-code: #ff6b8a;--text-link: #ff0040;--border-card: rgba(255, 255, 255, .12);--border-section: rgba(255, 255, 255, .1);--border-tag: rgba(255, 0, 64, .3);--border-input: rgba(255, 0, 64, .5);--border-table: rgba(255, 255, 255, .1);--border-mobile-menu: #33333f;--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 30px rgba(255, 0, 64, .2);--scrollbar-track: #202028;--scrollbar-thumb: #ff0040;--scrollbar-thumb-hover: #ff2d55;--table-header-bg: rgba(255, 0, 64, .15);--table-border: rgba(255, 255, 255, .1);font-family:Noto Sans SC,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .9);--bg-card-solid: #ffffff;--bg-overlay: rgba(255, 255, 255, .25);--bg-sidebar-card: rgba(255, 255, 255, .85);--bg-main-card: rgba(255, 255, 255, .82);--bg-input: rgba(0, 0, 0, .05);--bg-code: #f6f8fa;--bg-code-header: #e8eaed;--bg-tag: rgba(255, 0, 64, .08);--bg-blockquote: rgba(255, 0, 64, .05);--bg-hover: rgba(255, 0, 64, .08);--bg-category-item: rgba(0, 0, 0, .02);--bg-article-card: rgba(255, 255, 255, .95);--bg-article-content: rgba(255, 255, 255, .92);--bg-comment-box: rgba(255, 255, 255, .9);--bg-social: rgba(0, 0, 0, .05);--bg-social-hover: rgba(255, 0, 64, .15);--bg-footer: rgba(255, 255, 255, .9);--bg-mobile-menu: rgba(255, 255, 255, .98);--bg-inline-code: rgba(255, 0, 64, .1);--text-primary: #1a1a1a;--text-secondary: #444444;--text-muted: #888888;--text-body: #444444;--text-heading: #1a1a1a;--text-card-title: #1a1a1a;--text-card-body: #555555;--text-strong: #1a1a1a;--text-code: #333333;--text-inline-code: #ff0040;--text-link: #ff0040;--border-card: rgba(200, 200, 200, .3);--border-section: rgba(0, 0, 0, .06);--border-tag: rgba(255, 0, 64, .2);--border-input: rgba(255, 0, 64, .4);--border-table: #eee;--border-mobile-menu: #e0e0e0;--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 30px rgba(0, 0, 0, .12);--scrollbar-track: #f0f0f0;--scrollbar-thumb: #ff0040;--scrollbar-thumb-hover: #ff2d55;--table-header-bg: rgba(255, 0, 64, .1);--table-border: #eee;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--bg-primary);overflow-x:hidden}#root{width:100%}:root[data-theme=light] .secondary-page-theme{--bg-primary: #f6f0ea;--bg-secondary: #fffaf7;--bg-card: rgba(255, 255, 255, .48);--bg-card-solid: #fffaf7;--bg-overlay: rgba(255, 248, 242, .08);--bg-sidebar-card: rgba(255, 255, 255, .38);--bg-main-card: rgba(255, 255, 255, .28);--bg-input: rgba(255, 255, 255, .34);--bg-code: rgba(250, 245, 241, .98);--bg-code-header: rgba(242, 234, 228, .98);--bg-tag: rgba(255, 0, 64, .1);--bg-blockquote: rgba(255, 255, 255, .34);--bg-hover: rgba(255, 0, 64, .08);--bg-category-item: rgba(255, 255, 255, .22);--bg-article-card: rgba(255, 255, 255, .9);--bg-article-content: rgba(255, 255, 255, .9);--bg-comment-box: rgba(255, 255, 255, .42);--bg-social: rgba(255, 255, 255, .3);--bg-social-hover: rgba(255, 0, 64, .14);--bg-footer: rgba(255, 255, 255, .34);--bg-mobile-menu: rgba(255, 255, 255, .92);--bg-inline-code: rgba(255, 0, 64, .12);--text-primary: #24181d;--text-secondary: #402a32;--text-muted: #6e5a63;--text-body: #2f2328;--text-heading: #21161b;--text-card-title: #21161b;--text-card-body: #3c2d35;--text-strong: #1f1518;--text-code: #3a2a32;--text-inline-code: #c01f55;--text-link: #c51c51;--border-card: rgba(85, 53, 64, .14);--border-section: rgba(85, 53, 64, .12);--border-tag: rgba(197, 28, 81, .24);--border-input: rgba(197, 28, 81, .2);--border-table: rgba(85, 53, 64, .12);--border-mobile-menu: rgba(85, 53, 64, .1);--shadow-card: 0 18px 42px rgba(25, 18, 24, .18);--shadow-hover: 0 20px 46px rgba(197, 28, 81, .16);--scrollbar-track: rgba(255, 255, 255, .5);--scrollbar-thumb: #d43d70;--scrollbar-thumb-hover: #c51c51;--table-header-bg: rgba(255, 255, 255, .88);--table-border: rgba(85, 53, 64, .12);color-scheme:light}:root[data-theme=dark] .secondary-page-theme{--bg-primary: #15151c;--bg-secondary: #1c1c24;--bg-card: rgba(34, 34, 42, .74);--bg-card-solid: #22222a;--bg-overlay: rgba(0, 0, 0, .4);--bg-sidebar-card: rgba(32, 32, 40, .74);--bg-main-card: rgba(30, 30, 38, .68);--bg-input: rgba(255, 255, 255, .08);--bg-code: #191c22;--bg-code-header: #262a33;--bg-tag: rgba(255, 0, 64, .18);--bg-blockquote: rgba(255, 0, 64, .1);--bg-hover: rgba(255, 0, 64, .14);--bg-category-item: rgba(255, 255, 255, .05);--bg-article-card: rgba(32, 32, 40, .92);--bg-article-content: rgba(30, 30, 38, .92);--bg-comment-box: rgba(32, 32, 40, .82);--bg-social: rgba(255, 255, 255, .08);--bg-social-hover: rgba(255, 0, 64, .2);--bg-footer: rgba(24, 24, 30, .82);--bg-mobile-menu: rgba(21, 21, 28, .96);--bg-inline-code: rgba(255, 0, 64, .16);--text-primary: #f5f5f5;--text-secondary: #c9c9c9;--text-muted: #9a9a9a;--text-body: #d6d6d6;--text-heading: #ffffff;--text-card-title: #ffffff;--text-card-body: #cfcfcf;--text-strong: #ffffff;--text-code: #d6d6d6;--text-inline-code: #ff7a95;--text-link: #ff5c7a;--border-card: rgba(255, 255, 255, .16);--border-section: rgba(255, 255, 255, .14);--border-tag: rgba(255, 0, 64, .35);--border-input: rgba(255, 0, 64, .4);--border-table: rgba(255, 255, 255, .16);--border-mobile-menu: #33333f;--shadow-card: 0 18px 42px rgba(0, 0, 0, .55);--shadow-hover: 0 20px 46px rgba(255, 0, 64, .22);--scrollbar-track: rgba(255, 255, 255, .08);--scrollbar-thumb: #ff0040;--scrollbar-thumb-hover: #ff2d55;--table-header-bg: rgba(255, 0, 64, .16);--table-border: rgba(255, 255, 255, .12);--p5-red: #ff3358;--p5-dark-red: #e01f45;color-scheme:dark}.secondary-page-theme .scanlines:after{opacity:.04}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--p5-red);color:#fff}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitch-1 2s infinite;color:var(--p5-cyan);z-index:-1}.glitch:after{animation:glitch-2 2s infinite;color:var(--p5-red);z-index:-2}@keyframes glitch-1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20% 0 30% 0);transform:translate(-2px,2px)}40%{clip-path:inset(50% 0 20% 0);transform:translate(2px,-2px)}60%{clip-path:inset(10% 0 60% 0);transform:translate(-2px)}80%{clip-path:inset(80% 0 5% 0);transform:translate(2px,2px)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-2px)}40%{clip-path:inset(30% 0 40% 0);transform:translate(-2px,2px)}60%{clip-path:inset(10% 0 70% 0);transform:translate(2px)}80%{clip-path:inset(40% 0 30% 0);transform:translate(-2px,-2px)}}.scanlines:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;opacity:.3}@media(max-width:768px){.scanlines:after{display:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--p5-red),0 0 10px var(--p5-red)}50%{box-shadow:0 0 20px var(--p5-red),0 0 30px var(--p5-red)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}*,*:before,*:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media(max-width:768px){:root{font-size:14px}}:root .hljs{background:transparent;padding:0;overflow-x:visible}:root[data-theme=light] .hljs{color:#24292f}:root[data-theme=light] .hljs-comment,:root[data-theme=light] .hljs-quote{color:#6e7781}:root[data-theme=light] .hljs-keyword,:root[data-theme=light] .hljs-selector-tag,:root[data-theme=light] .hljs-literal,:root[data-theme=light] .hljs-type,:root[data-theme=light] .hljs-tag{color:#cf222e}:root[data-theme=light] .hljs-string,:root[data-theme=light] .hljs-attr,:root[data-theme=light] .hljs-selector-attr,:root[data-theme=light] .hljs-template-tag{color:#0a3069}:root[data-theme=light] .hljs-number,:root[data-theme=light] .hljs-built_in,:root[data-theme=light] .hljs-symbol,:root[data-theme=light] .hljs-variable{color:#0550ae}:root[data-theme=light] .hljs-title,:root[data-theme=light] .hljs-title.function_,:root[data-theme=light] .hljs-section,:root[data-theme=light] .hljs-name{color:#8250df}:root[data-theme=light] .hljs-meta,:root[data-theme=light] .hljs-doctag{color:#953800}:root .katex-display{overflow-x:auto}.markdown-body{--md-flow: 1.3rem;--md-measure: 44rem;--md-radius: 14px;--md-accent: var(--p5-red);--md-accent-soft: rgba(255, 0, 64, .5);max-width:var(--md-measure);margin-inline:auto;font-size:1.05rem;line-height:1.9;letter-spacing:.012em;color:var(--text-body);overflow-wrap:anywhere;text-wrap:pretty}.markdown-body :where(h1,h2,h3,h4){line-height:1.35;letter-spacing:.01em;text-wrap:balance}.markdown-body h1{margin:0 0 1.5rem;font-size:1.85rem;font-weight:700;color:var(--text-heading)}.markdown-body h2{margin:2.6rem 0 1.1rem;font-size:1.42rem;font-weight:700;color:var(--text-heading)}.markdown-body h3{margin:2rem 0 .85rem;font-size:1.2rem;font-weight:600;color:var(--text-heading)}.markdown-body h4{margin:1.6rem 0 .7rem;font-size:1.05rem;font-weight:600;color:var(--text-secondary)}.markdown-body :where(p,ul,ol,blockquote,figure,.md-table-wrap,.md-code){margin:0 0 var(--md-flow)}.markdown-body ul,.markdown-body ol{padding-left:1.4rem}.markdown-body li{line-height:1.85}.markdown-body li+li{margin-top:.4rem}.markdown-body li>:where(ul,ol){margin:.4rem 0 0}.markdown-body li::marker{color:var(--md-accent-soft)}.markdown-body ol>li::marker{font-weight:600}.markdown-body blockquote{padding:1rem 1.25rem;border-radius:var(--md-radius);background:var(--bg-blockquote);color:var(--text-secondary);font-style:normal}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body a{color:var(--text-link);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em;text-decoration-color:var(--md-accent-soft);transition:background-color .2s ease,text-decoration-color .2s ease}.markdown-body a:hover{background:var(--bg-tag);border-radius:4px;text-decoration-color:var(--md-accent)}.markdown-body strong{font-weight:650;color:var(--text-strong)}.markdown-body em{font-style:italic;color:var(--text-secondary)}.markdown-body hr{height:1px;border:0;margin:2.4rem 0;background:linear-gradient(90deg,transparent,var(--border-table) 18%,var(--border-table) 82%,transparent)}.markdown-body code{font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:.9em}.markdown-body :not(pre)>code{padding:.14em .45em;border-radius:6px;background:var(--bg-inline-code);color:var(--text-inline-code)}.markdown-body :where(td,th) :not(pre)>code{white-space:nowrap}.markdown-body .md-code{border:1px solid var(--border-card);border-radius:var(--md-radius);overflow:hidden;background:var(--bg-code)}.markdown-body .md-code-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem .6rem .4rem .95rem;background:var(--bg-code-header);border-bottom:1px solid var(--border-card)}.markdown-body .md-code-lang{font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.markdown-body .md-copy{padding:.22rem .7rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.72rem;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.markdown-body .md-copy:hover{color:var(--text-heading);background:var(--bg-hover);border-color:var(--border-tag)}.markdown-body .md-code pre{margin:0;padding:1rem 1.15rem;overflow-x:auto;font-size:.9rem;line-height:1.65;tab-size:2}.markdown-body .md-code pre code{display:block;padding:0;background:none;color:var(--text-code);font-size:inherit}.markdown-body .md-table-wrap{overflow-x:auto;border:1px solid var(--border-card);border-radius:var(--md-radius)}.markdown-body table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem}.markdown-body thead th{padding:.7rem 1rem;background:var(--table-header-bg);color:var(--text-heading);font-weight:600;text-align:left;white-space:nowrap}.markdown-body tbody td{padding:.68rem 1rem;border-top:1px solid var(--border-table);color:var(--text-body)}.markdown-body tbody tr:nth-child(2n) td{background:var(--bg-category-item)}.markdown-body tbody tr:last-child td{padding-bottom:.8rem}.markdown-body .md-figure{display:flex;flex-direction:column;align-items:center;margin:1.8rem 0}.markdown-body .md-figure img{display:block;max-width:100%;height:auto;border-radius:var(--md-radius);border:1px solid var(--border-card);box-shadow:0 6px 22px #00000012;background:var(--bg-category-item);cursor:zoom-in}.markdown-body .md-figure figcaption{margin-top:.7rem;max-width:46ch;text-align:center;font-size:.85rem;line-height:1.6;color:var(--text-muted)}.markdown-body .md-image-fallback{display:flex;flex-direction:column;gap:.35rem;align-items:center;width:100%;padding:1.6rem 1.2rem;border:1px dashed var(--border-card);border-radius:var(--md-radius);background:var(--bg-category-item);text-align:center}.markdown-body .md-image-fallback-title{font-weight:600;color:var(--text-secondary)}.markdown-body .md-image-fallback-hint{font-size:.85rem;color:var(--text-muted)}.markdown-body .md-image-fallback code{font-size:.78rem;color:var(--text-muted);word-break:break-all}.markdown-body .katex-display{margin:1.6rem 0}.markdown-body .katex{font-size:1.03em}.md-lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);background:#0c0a0cd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;animation:md-lightbox-in .2s ease-out}.md-lightbox img{max-width:100%;max-height:100%;border-radius:var(--md-radius);box-shadow:0 24px 60px #00000080}.md-lightbox-close{position:absolute;top:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem);width:2.35rem;height:2.35rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#0c0a0c99;color:#fff;font-size:1rem;line-height:1;cursor:pointer}.md-lightbox-close:hover{background:var(--p5-red);border-color:var(--p5-red)}@keyframes md-lightbox-in{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.markdown-body{--md-flow: 1.15rem;font-size:1rem;line-height:1.85;letter-spacing:.008em}.markdown-body h1{font-size:1.55rem}.markdown-body h2{margin-top:2.1rem;font-size:1.26rem}.markdown-body h3{margin-top:1.7rem;font-size:1.12rem}.markdown-body h4{font-size:1rem}.markdown-body blockquote{padding:.85rem 1rem .85rem 1.15rem}.markdown-body .md-code pre{padding:.9rem .95rem;font-size:.84rem}.markdown-body .md-figure img{border-radius:12px}.markdown-body table{font-size:.9rem}.markdown-body thead th,.markdown-body tbody td{padding:.6rem .75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}