@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap";: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: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: rgba(26, 26, 26, .9);--bg-card-solid: #1a1a1a;--bg-overlay: rgba(0, 0, 0, .45);--bg-sidebar-card: rgba(30, 30, 30, .85);--bg-main-card: rgba(20, 20, 20, .85);--bg-input: rgba(255, 255, 255, .1);--bg-code: #1e1e1e;--bg-code-header: #2d2d2d;--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(30, 30, 30, .95);--bg-article-content: rgba(30, 30, 30, .92);--bg-about-box: rgba(255, 0, 64, .08);--bg-comment-box: rgba(30, 30, 30, .9);--bg-social: rgba(255, 255, 255, .08);--bg-social-hover: rgba(255, 0, 64, .2);--bg-footer: rgba(26, 26, 26, .9);--bg-mobile-menu: rgba(10, 10, 10, .98);--bg-inline-code: rgba(255, 0, 64, .15);--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--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, .08);--border-section: rgba(255, 255, 255, .08);--border-tag: rgba(255, 0, 64, .3);--border-input: rgba(255, 0, 64, .5);--border-table: rgba(255, 255, 255, .1);--border-mobile-menu: #2d2d2d;--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 30px rgba(255, 0, 64, .2);--scrollbar-track: #1a1a1a;--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-about-box: rgba(255, 0, 64, .05);--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%}.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, .42);--bg-article-content: rgba(255, 255, 255, .48);--bg-about-box: rgba(255, 255, 255, .28);--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}.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,box-shadow .3s ease}@media(max-width:768px){:root{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}