*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:100%}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:linear-gradient(to bottom,var(--color-background-start),var(--color-background-end));min-height:100vh;overflow-x:hidden;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none;width:0;background:transparent}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--duration-medium) var(--ease-in-out-quad)}a:hover,a:focus{color:var(--color-accent-secondary);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}p{margin-bottom:var(--space-md)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-index-background);display:block}.hidden-xs-up{display:none!important}@media (min-width: var(--breakpoint-sm)){.hidden-sm-up{display:none!important}}@media (min-width: var(--breakpoint-md)){.hidden-md-up{display:none!important}}@media (min-width: var(--breakpoint-lg)){.hidden-lg-up{display:none!important}}@media (max-width: calc(var(--breakpoint-sm) - 1px)){.hidden-xs-only{display:none!important}}@media (min-width: var(--breakpoint-sm)) and (max-width: calc(var(--breakpoint-md) - 1px)){.hidden-sm-only{display:none!important}}@media (min-width: var(--breakpoint-md)) and (max-width: calc(var(--breakpoint-lg) - 1px)){.hidden-md-only{display:none!important}}@media (min-width: var(--breakpoint-lg)){.hidden-lg-only{display:none!important}}.visible-xs-only{display:none!important}@media (max-width: calc(var(--breakpoint-sm) - 1px)){.hidden-xs-only{display:block!important}.visible-sm-only,.visible-md-only,.visible-lg-only{display:none!important}.visible-xs-only{display:block!important}}.visible-sm-only{display:none!important}@media (min-width: var(--breakpoint-sm)) and (max-width: calc(var(--breakpoint-md) - 1px)){.hidden-sm-only{display:block!important}.visible-xs-only,.visible-md-only,.visible-lg-only{display:none!important}.visible-sm-only{display:block!important}}.visible-md-only{display:none!important}@media (min-width: var(--breakpoint-md)) and (max-width: calc(var(--breakpoint-lg) - 1px)){.hidden-md-only{display:block!important}.visible-xs-only,.visible-sm-only,.visible-lg-only{display:none!important}.visible-md-only{display:block!important}}.visible-lg-only{display:none!important}@media (min-width: var(--breakpoint-lg)){.hidden-lg-only{display:block!important}.visible-xs-only,.visible-sm-only,.visible-md-only{display:none!important}.visible-lg-only{display:block!important}}#site-header{position:fixed;top:50%;right:var(--space-xl);transform:translateY(-50%);z-index:1001;pointer-events:none}.main-nav{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-lg);pointer-events:none}.nav-btn{background:var(--theme-toggle-bg);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease-out-cubic);pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-btn:hover{background:var(--theme-toggle-hover-bg);transform:scale(1.1)}.nav-btn:hover .nav-icon{color:var(--color-illusion)}.nav-btn.active{background:var(--color-illusion)}.nav-btn.active .nav-icon{color:var(--color-background)}.nav-btn:active{transform:scale(.95)}.nav-icon{color:var(--theme-toggle-icon);font-size:18px;transition:color .3s var(--ease-out-cubic)}.theme-toggle{background:var(--theme-toggle-bg);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease-out-cubic);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}.theme-toggle:hover{background:var(--theme-toggle-hover-bg);transform:scale(1.1)}.theme-toggle .theme-icon{color:var(--theme-toggle-icon);transition:color .3s var(--ease-out-cubic)}.theme-toggle:active{transform:scale(.95)}.page-container{position:fixed;top:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;overflow-y:auto}.page-container.left-page{left:0;transform:translate(-100%);z-index:101}.page-container.right-page{right:0;transform:translate(100%);z-index:101}.page-container.active{transform:translate(0);z-index:102}.page-content{background-color:var(--color-article-bg);border:1px solid var(--color-article-border);padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:0 8px 32px 0 var(--color-background-overlay);max-width:50%;max-height:80vh;overflow-y:auto;color:var(--color-article-text)}#article-read-page{display:flex;justify-content:center;align-items:center;width:100vw;padding-top:0;padding-bottom:0}#article-read-page .page-content{background-color:var(--color-article-bg);border:1px solid var(--color-article-border);max-width:100%;width:100%;max-height:95vh;height:95vh;padding:var(--spacing-xl);padding-top:0;padding-bottom:0;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);box-shadow:0 8px 32px var(--color-background-overlay);scrollbar-width:none;-ms-overflow-style:none;margin-top:0;border-radius:0;position:relative;z-index:1;color:var(--color-article-text)}#article-read-page .page-content::-webkit-scrollbar{display:none;width:80%;background:transparent}#article-content{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:3vh 5%;font-size:var(--reader-font-size-base);line-height:var(--reader-line-height);flex-grow:1;font-weight:var(--reader-font-weight-content);height:100%;width:100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 2%,black 98%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 2%,black 98%,transparent 100%);position:relative}#article-content:after{content:"";display:block;height:3vh;width:100%}.article-title-inline{font-family:var(--font-family-primary);font-size:3.5rem;color:var(--color-article-heading);text-align:left;font-weight:600;width:100%;border-bottom:none;text-shadow:0 2px 4px var(--color-background-overlay);background-color:transparent;margin-top:0;margin-bottom:var(--spacing-lg);padding:0;position:relative;z-index:2}#article-content::-webkit-scrollbar{display:none;width:0;background:transparent}.article-container{display:flex;flex-direction:column;align-items:flex-start;width:55%;position:relative;padding:0;background-color:transparent;margin:0 auto}#article-title{display:none}#articles-page .page-content{background-color:var(--color-article-bg);max-width:90%;width:55%;max-height:95vh;height:95vh;overflow-y:auto;display:flex;flex-direction:column;padding:0;border-radius:15px;box-shadow:0 8px 32px #0000004d;scrollbar-width:none;-ms-overflow-style:none}#articles-page .page-content::-webkit-scrollbar{display:none;width:0;background:transparent}#articles-page h2{font-family:var(--font-family-heading);font-size:3rem;color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-md)}.article-list-content{overflow-y:auto;flex-grow:1;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;padding:0;margin:0}.article-list-content::-webkit-scrollbar{width:0px;background:transparent}.article-card{background:transparent;border:none;margin:0;position:relative;padding:var(--space-lg) var(--space-sm);cursor:pointer;transition:color var(--duration-medium) var(--ease-in-out-sine);box-sizing:border-box}.article-card:after{content:"";display:block;width:70%;height:1px;background-color:var(--color-text-secondary);margin:2rem auto 0;opacity:.25;position:relative;z-index:10}.article-card:hover,.article-card:hover .article-card-title,.article-card:hover .article-card-date,.article-card:hover .article-card-description{color:var(--color-accent-primary)!important}.article-card:hover .article-card-date,.article-card:hover .article-card-description{opacity:1!important}.article-card-title{font-family:var(--font-family-primary);font-size:1.8rem;font-weight:var(--font-weight-light);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;padding:0 var(--space-lg);text-align:center;line-height:var(--line-height-normal);transition:color .3s ease;pointer-events:none}.article-card-metadata{padding:0 var(--space-lg);text-align:center;margin:0;pointer-events:none}.article-card-description{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);opacity:.9;padding:0 var(--space-md);margin-bottom:var(--space-xs);transition:opacity .3s ease,color .3s ease;pointer-events:none}.article-card-date{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);opacity:.8;transition:opacity .3s ease,color .3s ease;pointer-events:none}.btn{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .3s ease,color .3s ease,transform .2s ease;border:none;margin-top:var(--spacing-lg);align-self:center}.btn-secondary{background-color:var(--color-illusion);color:var(--color-reality);padding:1rem 3rem;font-size:1.2rem;letter-spacing:.5px;margin-top:2rem;margin-bottom:1rem}.btn-secondary:hover{background-color:var(--color-accent-primary);color:var(--color-reality);transform:scale(1.05)}.article-heading{font-family:var(--font-family-heading);margin-top:1.5em;margin-bottom:.5em;color:var(--color-article-heading);font-weight:var(--reader-font-weight-headings)}.article-h1{font-size:3.5rem;font-weight:600;margin-top:0;display:none}.article-title-inline.article-h1{display:block!important}.article-h2{font-size:var(--reader-font-size-h2);font-weight:500;border-bottom:1px solid var(--color-article-border);padding-bottom:.3em}.article-h3{font-size:var(--reader-font-size-h3)}.article-h4{font-size:var(--reader-font-size-h4);color:var(--color-text-secondary)}.article-paragraph{font-family:var(--font-family-primary);font-size:var(--reader-font-size-base);line-height:var(--reader-line-height);margin-bottom:1.2em;color:var(--color-article-text);font-weight:var(--reader-font-weight-content)}.article-list{margin-bottom:1.2em;padding-left:1.5em;font-weight:var(--reader-font-weight-content)}.article-list li{margin-bottom:.5em;line-height:var(--reader-line-height);font-size:var(--reader-font-size-base)}.article-link{color:var(--color-article-link);text-decoration:none;border-bottom:1px dotted var(--color-article-link);transition:color .2s ease,border-bottom .2s ease}.article-link:hover{color:var(--color-article-link-hover);border-bottom:1px solid var(--color-article-link-hover)}.article-blockquote{margin:1.5em 0;padding:.5em 1em;border-left:4px solid var(--color-article-quote-border);background-color:var(--color-article-quote-bg);font-style:italic;font-size:var(--reader-font-size-base);line-height:var(--reader-line-height);color:var(--color-article-text)}.article-blockquote p{margin:.5em 0;font-weight:var(--reader-font-weight-content)}.article-code-block{background-color:var(--color-article-code-bg);padding:1em;border-radius:var(--border-radius-sm);margin:1.5em 0;overflow-x:auto;font-size:calc(var(--reader-font-size-base) * .9);line-height:var(--reader-line-height);color:var(--color-article-text)}.article-inline-code{background-color:var(--color-article-code-bg);padding:.2em .4em;border-radius:var(--border-radius-sm);font-family:monospace;font-size:calc(var(--reader-font-size-base) * .9);color:var(--color-article-text)}.loading-spinner{display:block;width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--color-illusion);animation:spin 1s ease-in-out infinite;margin:2em auto}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:1em;background-color:#ff00001a;border-left:4px solid rgba(255,0,0,.5);margin:1em 0}.article-end-line{width:70%;height:1px;background-color:var(--color-text-secondary);margin:3rem auto 2rem;opacity:.25;border:none;position:relative;z-index:10}#x-button-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:1001;pointer-events:none}.x-btn{background:var(--theme-toggle-bg);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease-out-cubic);pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none}.x-btn:hover{background:var(--theme-toggle-hover-bg);transform:scale(1.1)}.x-btn:hover .x-icon{color:var(--color-illusion)}.x-btn:active{transform:scale(.95)}.x-icon{color:var(--theme-toggle-icon);transition:color .3s var(--ease-out-cubic)}:root{--color-reality: #001d1b;--color-emergence-dark: #f33404;--color-emergence-mid: #346b6b;--color-illusion: #5fb3b3;--color-background-start: var(--color-reality);--color-background-end: var(--color-reality);--color-background-accent: rgba(10, 40, 40, .9);--color-background-overlay: rgba(0, 0, 0, .3);--color-text-primary: #f3f3f3;--color-text-secondary: #c0c0c0;--color-text-on-illusion: #051a1a;--color-text-muted: #888888;--color-accent-primary: var(--color-illusion);--color-accent-secondary: #80cccc;--color-accent-tertiary: #4a9999;--color-particle-points: #ffffff;--color-particle-lines: #5fb3b3;--color-particle-curved-lines: #80cccc;--color-particle-shapes: #ffffff;--color-particle-glow: var(--color-accent-secondary);--color-particle-text: #5fb3b3;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .3);--color-button-bg: rgba(255, 255, 255, .1);--color-button-hover: rgba(255, 255, 255, .2);--color-input-bg: rgba(255, 255, 255, .05);--color-input-border: rgba(255, 255, 255, .2);--theme-toggle-bg: var(--color-button-bg);--theme-toggle-hover-bg: var(--color-button-hover);--theme-toggle-icon: var(--color-text-primary);--color-article-bg: rgba(5, 20, 20, .98);--color-article-border: rgba(5, 20, 20, .98);--color-article-heading: var(--color-text-primary);--color-article-text: #e0e0e0;--color-article-link: var(--color-accent-secondary);--color-article-link-hover: #ffffff;--color-article-code-bg: rgba(0, 0, 0, .3);--color-article-quote-border: var(--color-accent-primary);--color-article-quote-bg: rgba(95, 179, 179, .1);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-heading: "Playfair Display", serif;--font-size-xs: clamp(.75rem, .5rem + .5vw, .875rem);--font-size-sm: clamp(.875rem, .625rem + .75vw, 1rem);--font-size-base: clamp(1rem, .75rem + 1vw, 1.125rem);--font-size-md: clamp(1.125rem, .875rem + 1.25vw, 1.375rem);--font-size-lg: clamp(1.5rem, 1rem + 2vw, 2rem);--font-size-xl: clamp(2rem, 1.25rem + 3.5vw, 3rem);--font-size-xxl: clamp(2.5rem, 1.5rem + 5vw, 4rem);--font-size-display: clamp(3rem, 2rem + 6vw, 5rem);--reader-font-size-multiplier: 1.4;--reader-font-size-base: calc(1.1rem * var(--reader-font-size-multiplier));--reader-font-size-title: calc(2.2rem * var(--reader-font-size-multiplier));--reader-font-size-h2: calc(1.6rem * var(--reader-font-size-multiplier));--reader-font-size-h3: calc(1.3rem * var(--reader-font-size-multiplier));--reader-font-size-h4: calc(1.1rem * var(--reader-font-size-multiplier));--reader-line-height: 1.6;--reader-font-weight-content: 300;--reader-font-weight-headings: 300;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--space-unit: 8px;--space-xs: calc(.5 * var(--space-unit));--space-sm: calc(1 * var(--space-unit));--space-md: calc(2 * var(--space-unit));--space-lg: calc(3 * var(--space-unit));--space-xl: calc(4 * var(--space-unit));--space-xxl: calc(6 * var(--space-unit));--space-xxxl: calc(8 * var(--space-unit));--container-width-articles-list: 70vw;--container-width-article-read: 50vw;--container-max-width: 1600px;--duration-short: .15s;--duration-medium: .3s;--duration-long: .5s;--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-sine: cubic-bezier(.37, 0, .63, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--z-index-background: -1;--z-index-content: 1;--z-index-header: 10;--z-index-modal: 100;--z-index-overlay: 99;--breakpoint-xs: 320px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1440px}.theme-dark{--color-background-start: #0a0a0a;--color-background-end: #0a0a0a;--color-background-accent: rgba(30, 30, 30, .95);--color-background-overlay: rgba(0, 0, 0, .6);--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-on-illusion: #000000;--color-text-muted: #666666;--color-accent-primary: #888888;--color-accent-secondary: #aaaaaa;--color-accent-tertiary: #666666;--color-particle-points: #ffffff;--color-particle-lines: #666666;--color-particle-curved-lines: #888888;--color-particle-shapes: #cccccc;--color-particle-glow: #888888;--color-particle-text: #ffffff;--color-border: rgba(255, 255, 255, .2);--color-border-hover: rgba(255, 255, 255, .4);--color-button-bg: rgba(255, 255, 255, .1);--color-button-hover: rgba(255, 255, 255, .2);--color-input-bg: rgba(255, 255, 255, .05);--color-input-border: rgba(255, 255, 255, .3);--theme-toggle-bg: var(--color-button-bg);--theme-toggle-hover-bg: var(--color-button-hover);--theme-toggle-icon: var(--color-text-primary);--color-article-bg: rgba(12, 12, 12, .98);--color-article-border: rgba(12, 12, 12, .98);--color-article-heading: #ffffff;--color-article-text: #e0e0e0;--color-article-link: #aaaaaa;--color-article-link-hover: #ffffff;--color-article-code-bg: rgba(0, 0, 0, .5);--color-article-quote-border: #888888;--color-article-quote-bg: rgba(136, 136, 136, .1)}.theme-light{--color-background-start: #f5f5f5;--color-background-end: #f5f5f5;--color-background-accent: rgba(250, 250, 250, .95);--color-background-overlay: rgba(255, 255, 255, .8);--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-on-illusion: #ffffff;--color-text-muted: #666666;--color-accent-primary: #666666;--color-accent-secondary: #888888;--color-accent-tertiary: #999999;--color-particle-points: #333333;--color-particle-lines: #666666;--color-particle-curved-lines: #999999;--color-particle-shapes: #444444;--color-particle-glow: #888888;--color-particle-text: #000000;--color-border: rgba(0, 0, 0, .2);--color-border-hover: rgba(0, 0, 0, .4);--color-button-bg: rgba(0, 0, 0, .1);--color-button-hover: rgba(0, 0, 0, .2);--color-input-bg: rgba(0, 0, 0, .05);--color-input-border: rgba(0, 0, 0, .3);--theme-toggle-bg: var(--color-button-bg);--theme-toggle-hover-bg: var(--color-button-hover);--theme-toggle-icon: var(--color-text-primary);--color-article-bg: rgba(245, 244, 244, .95);--color-article-border: rgba(250, 250, 250, .95);--color-article-heading: #000000;--color-article-text: #333333;--color-article-link: #666666;--color-article-link-hover: #000000;--color-article-code-bg: rgba(0, 0, 0, .1);--color-article-quote-border: #666666;--color-article-quote-bg: rgba(102, 102, 102, .1)}:root{--mobile-font-size-base: .875rem;--mobile-font-size-sm: .85rem;--mobile-font-size-md: 1rem;--mobile-font-size-lg: 1.4rem;--mobile-font-size-xl: 1.25rem;--mobile-font-size-display: 2rem;--tablet-reader-font-size-base: .95rem;--tablet-reader-font-size-title: 1.6rem;--tablet-reader-font-size-h2: 1.25rem;--tablet-reader-font-size-h3: 1.05rem;--tablet-reader-font-size-h4: .95rem;--tablet-font-size-base: 1rem;--tablet-font-size-sm: .875rem;--tablet-font-size-md: 1.125rem;--tablet-font-size-lg: 1.25rem;--tablet-font-size-xl: 1.5rem;--tablet-font-size-display: 2.5rem;--mobile-space-xs: 4px;--mobile-space-sm: 8px;--mobile-space-md: 12px;--mobile-space-lg: 16px;--mobile-space-xl: 20px;--mobile-space-xxl: 24px}@media (max-width: 767px){body{font-size:var(--mobile-font-size-base)}h1{font-size:var(--mobile-font-size-xl)}h2{font-size:var(--mobile-font-size-lg)}h3{font-size:var(--mobile-font-size-md)}.page-container{padding:var(--mobile-space-sm);justify-content:center;align-items:flex-start;padding-top:3vh!important}.page-content{max-width:94vw;width:94vw;padding:var(--mobile-space-md);max-height:88vh;height:88vh;margin:0 auto}#article-read-page{justify-content:center;align-items:flex-start;padding-top:3vh!important}.article-container{width:100%!important;max-width:100%!important;height:auto!important;padding:0!important;margin:0!important}#article-read-page .page-content{width:94vw!important;max-width:94vw!important;max-height:88vh!important;height:88vh!important;margin:0 auto!important;padding:var(--mobile-space-md)!important;padding-top:var(--mobile-space-md)!important;padding-bottom:var(--mobile-space-md)!important;padding-left:var(--mobile-space-md)!important;padding-right:var(--mobile-space-md)!important}#article-title{display:none}#article-content{font-size:var(--mobile-font-size-base);padding:var(--mobile-space-md)!important;text-align:left;flex:1;min-height:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 2%,black 98%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 2%,black 98%,transparent 100%)}.article-title-inline{font-size:calc(var(--mobile-font-size-display) * 1.4)!important;font-weight:600!important;margin-top:1vh!important}#articles-page{justify-content:center;align-items:flex-start;padding-top:3vh!important}#articles-page .page-content{max-width:94vw;width:94vw;max-height:88vh;height:88vh;padding:var(--mobile-space-md);margin:0 auto}#articles-page h2{font-size:var(--mobile-font-size-xl);margin-bottom:var(--mobile-space-lg);font-weight:300;text-align:center;padding:0 var(--mobile-space-md)}.article-card{padding:var(--mobile-space-lg) 0}.article-card-title{font-size:var(--mobile-font-size-lg);margin-bottom:var(--mobile-space-sm);line-height:1.25;font-weight:400;padding:0 var(--mobile-space-sm)}.article-card-metadata{padding:0 var(--mobile-space-sm)}.article-card-description{margin-bottom:var(--mobile-space-sm);padding:0 var(--mobile-space-xs);font-size:var(--mobile-font-size-sm);line-height:1.4}.article-card-date{font-size:calc(var(--mobile-font-size-sm) * .9);opacity:.8}.article-card:after{width:65%!important;margin:var(--mobile-space-lg) auto 0 auto!important;opacity:.3!important}.article-card:active{background-color:rgba(var(--color-accent-primary-rgb),.05)}.article-card:active .article-card-title,.article-card:active .article-card-description,.article-card:active .article-card-date{color:var(--color-accent-primary)}.btn-secondary{padding:.75rem 2rem;font-size:1rem;margin-top:var(--mobile-space-lg);margin-bottom:var(--mobile-space-md)}.article-heading{margin-top:1em;margin-bottom:.5em}.article-h1{font-size:calc(var(--mobile-font-size-display) * 1.4);font-weight:600}.article-h2{font-size:var(--mobile-font-size-lg);font-weight:500}.article-h3{font-size:var(--mobile-font-size-md)}.article-h4{font-size:var(--mobile-font-size-sm)}.article-paragraph{font-size:var(--mobile-font-size-base);margin-bottom:1em}.article-list{margin-bottom:1em;padding-left:1.2em}.article-list li{margin-bottom:.4em;font-size:var(--mobile-font-size-base)}.article-blockquote{margin:1em 0;padding:.4em .8em;font-size:var(--mobile-font-size-base)}.article-code-block{padding:.8em;margin:1em 0;font-size:calc(var(--mobile-font-size-base) * .9)}.article-inline-code{padding:.15em .3em;font-size:calc(var(--mobile-font-size-base) * .9)}#site-header{position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:9999;display:block;padding:0;box-sizing:border-box;pointer-events:none;transform:none}#site-header .main-nav{position:fixed;bottom:10px;left:calc(50% - 70px);transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--mobile-space-md);height:38px;pointer-events:auto;z-index:10000;top:auto;right:auto}.nav-btn{width:38px!important;height:38px!important}.nav-btn .nav-icon{font-size:16px!important}.theme-toggle{width:38px!important;height:38px!important}.theme-icon{width:18px!important;height:18px!important}#x-button-container{position:fixed!important;bottom:10px!important;left:calc(50% + 25px)!important;padding-right:0;pointer-events:auto!important;z-index:10000}.x-btn{width:38px!important;height:38px!important}.x-icon{width:16px!important;height:16px!important}.page-container{padding-top:0!important}#illusion-text,.reveal-word{font-size:var(--mobile-font-size-display)!important;line-height:1.2!important}}@media (max-width: 480px){.page-content{max-width:96vw;width:96vw;padding:var(--mobile-space-sm);margin:0 auto}.article-container{width:100%!important;max-width:100%!important;height:auto!important;padding:0!important;margin:0!important}#article-read-page .page-content{width:96vw!important;max-width:96vw!important;max-height:90vh!important;height:90vh!important;margin:0 auto!important;padding:var(--mobile-space-sm)!important;padding-top:var(--mobile-space-sm)!important;padding-bottom:var(--mobile-space-sm)!important;padding-left:var(--mobile-space-sm)!important;padding-right:var(--mobile-space-sm)!important}#articles-page .page-content{max-width:96vw;width:96vw;max-height:90vh;height:90vh;padding:var(--mobile-space-sm);margin:0 auto}#article-title{display:none}#article-content{padding:var(--mobile-space-sm)!important;flex:1;min-height:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 2%,black 98%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 2%,black 98%,transparent 100%)}.article-title-inline{font-size:calc(var(--mobile-font-size-xl) * 1.3)!important;font-weight:600!important;margin-top:1vh!important}.article-card{padding:var(--mobile-space-md) 0}.article-card-title{font-size:var(--mobile-font-size-md);margin-bottom:var(--mobile-space-xs);line-height:1.2;font-weight:400;padding:0 var(--mobile-space-xs)}.article-card-metadata{padding:0 var(--mobile-space-xs)}.article-card-description{margin-bottom:var(--mobile-space-xs);padding:0 var(--mobile-space-xs);font-size:calc(var(--mobile-font-size-sm) * .9);line-height:1.3}.article-card-date{font-size:calc(var(--mobile-font-size-sm) * .85);opacity:.75}.article-card:after{width:60%!important;margin:var(--mobile-space-md) auto 0 auto!important;opacity:.25!important}.article-card:active{background-color:rgba(var(--color-accent-primary-rgb),.05)}.article-card:active .article-card-title,.article-card:active .article-card-description,.article-card:active .article-card-date{color:var(--color-accent-primary)}#site-header .main-nav{bottom:11px;left:calc(50% - 27px);transform:translate(-50%);gap:var(--mobile-space-sm);height:34px;width:auto;top:auto;right:auto}.nav-btn{width:34px!important;height:34px!important}.nav-btn .nav-icon{font-size:14px!important}.theme-toggle{width:34px!important;height:34px!important}.theme-icon{width:16px!important;height:16px!important}#x-button-container{bottom:11px!important;left:calc(50% + 39px)!important;padding-right:0}.x-btn{width:34px!important;height:34px!important}.x-icon{width:14px!important;height:14px!important}.page-container{padding-top:0!important}#illusion-text,.reveal-word{font-size:calc(var(--mobile-font-size-display) * .8)!important;line-height:1.1!important}}@media (min-width: 768px) and (max-width: 1023px){body{font-size:var(--tablet-font-size-base)}h1{font-size:var(--tablet-font-size-xl)}h2{font-size:var(--tablet-font-size-lg)}h3{font-size:var(--tablet-font-size-md)}.page-container{justify-content:center;align-items:flex-start;padding-top:3vh!important}.page-content{max-width:85vw;width:85vw;margin:0 auto}#article-read-page .page-content{max-width:85vw;width:85vw;max-height:90vh;height:90vh;padding:var(--space-md)!important;margin:0 auto}.article-container{width:100%!important;max-width:100%!important;height:auto!important;padding:0!important;margin:0!important}#articles-page{justify-content:center;align-items:flex-start;padding-top:3vh!important}#articles-page .page-content{max-width:85vw;width:85vw;max-height:90vh;height:90vh;padding:var(--space-md);margin:0 auto}#article-title{display:none}#article-content{font-size:var(--tablet-font-size-base);padding:var(--space-md)!important;flex:1;min-height:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 2%,black 98%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 2%,black 98%,transparent 100%)}.article-title-inline{font-size:calc(var(--tablet-font-size-display) * 1.2)!important;font-weight:600!important;margin-top:1vh!important}#articles-page h2{font-size:var(--tablet-font-size-xl);margin-bottom:var(--space-lg);font-weight:300;text-align:center;padding:0 var(--space-md)}.article-card{padding:var(--space-lg) 0}.article-card-title{font-size:var(--tablet-font-size-lg);margin-bottom:var(--space-sm);line-height:1.3;font-weight:400;padding:0 var(--space-md)}.article-card-metadata{padding:0 var(--space-md)}.article-card-description{margin-bottom:var(--space-sm);padding:0 var(--space-sm);font-size:var(--tablet-font-size-sm);line-height:1.4}.article-card-date{font-size:calc(var(--tablet-font-size-sm) * .9);opacity:.8}.article-card:after{width:70%!important;margin:var(--space-lg) auto 0 auto!important;opacity:.3!important}.article-card:active{background-color:rgba(var(--color-accent-primary-rgb),.05)}.article-card:active .article-card-title,.article-card:active .article-card-description,.article-card:active .article-card-date{color:var(--color-accent-primary)}.article-h1{font-size:calc(var(--tablet-font-size-display) * 1.2);font-weight:600}.article-h2{font-size:var(--tablet-font-size-xl);font-weight:500}.article-h3{font-size:var(--tablet-font-size-lg)}.article-h4{font-size:var(--tablet-font-size-md)}.article-paragraph,.article-list li,.article-blockquote{font-size:var(--tablet-font-size-base)}#site-header{position:fixed;top:0;left:0;right:0;width:100%;height:auto;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:9999;display:block;padding:0;pointer-events:none;transform:none}#site-header .main-nav{position:fixed;bottom:4px;left:calc(50% - 35px);transform:translate(-50%);flex-direction:row;justify-content:center;align-items:center;gap:var(--space-lg);height:42px;pointer-events:auto;width:auto;top:auto;right:auto}.nav-btn{width:42px!important;height:42px!important}.nav-btn .nav-icon{font-size:17px!important}.theme-toggle{width:42px!important;height:42px!important}.theme-icon{width:20px!important;height:20px!important}#x-button-container{position:fixed!important;bottom:4px!important;left:calc(50% + 70px)!important;padding-right:0;pointer-events:auto!important;z-index:10000}.x-btn{width:42px!important;height:42px!important}.x-icon{width:18px!important;height:18px!important}.page-container{padding-top:0!important}#illusion-text,.reveal-word{font-size:var(--tablet-font-size-display)!important;line-height:1.2!important}}@media (max-width: 767px) and (orientation: landscape){.page-content{max-height:75vh;height:75vh;margin:0 auto}#article-read-page .page-content,#articles-page .page-content{max-height:95vh;height:95vh;margin:0 auto}.article-card{padding:var(--mobile-space-xs) 0}}