:root{--bg-base:#ffffff;--surface-1:#fffafa;--surface-2:#fdf6f6;--background-qoute:#f7f7f7;--box-shadow-color:#c6c6c6;--text-1:#171717;--text-2:#737373;--text-1-hover:#e03030;--link-accent:#b6101b;--text-on-dark-1:#ffffff;--blog-footer-bg:#f9f9f9;--space-24:24px;--space-64:64px;--space-98:98px;--elevation-1:0 1px 2px #2d20200d;--header-color:#ffffff41;--z-index-0:0;--z-index-1:1;--z-index-2:2;--z-index-3:3;--z-index-4:4;--z-index-5:5;--header-height:80px;--burger-height:60px;--burger-width:60px;--burger-line-height:2px;--card-border-radius:8px;--links-color-tr:color 0.2s ease;--font-base:16px;--scale:1.25;--font-esmall:0.75rem;--font-small:0.875rem;--font-body:1rem;--font-h4:1.1rem;--font-h3:1.25rem;--font-h2:1.3rem;--font-h1:1.75rem;--font-large:1.8rem;--line-height-tight:1.2;--line-height-base:1.5;--line-height-loose:1.75;--footer-button:#ffffff33;--footer-button-hover:#ffffff73;--display-large:57px;--display-medium:45px;--display-small:36px;--display-esmall:20px;--body-large:22px;--body-medium:18px;--body-small:16px;--body-esmall:12px;--space-8:8px;--space-16:16px;--space-32:32px;--space-48:48px;--headline-large:34px;--headline-medium:30px;--headline-small:26px;--headline-esmall:24px;--card-bg:rgba(255,255,255,0.04);--card-border:rgba(255,255,255,0.03);--card-shadow:0 4px 16px rgba(0,0,0,0.08);--card-inset-shadow:inset 0 0 0 1px rgba(254,254,255,0.02);--card-bg-hover:rgba(255,255,255,0.09);--card-border-hover:rgba(255,255,255,0.06);--card-shadow-hover:0 8px 24px rgba(0,0,0,0.15);--card-inset-shadow-hover:inset 0 0 100px 30px rgba(216,224,255,0.068);--card-radius:16px;--code-header-background:#f6f8fa;--code-content-background:#f6f8fa;--code-content-color:#393a34}body,html{max-width:100vw;min-height:100vh;font-size:var(--font-base);font-weight:500}body{color:var(--text-1);background:var(--bg-base);font-family:var(--font-montserrat);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:var(--line-height-base);margin:0;text-align:left}p{font-size:var(--font-body);letter-spacing:.01rem;color:var(--text-1);line-height:1.6;margin:0}hr{margin-top:var(--space-64);margin-bottom:var(--space-64);border:none;border-top:2px solid gray;height:0}.small{font-size:var(--font-small)}.hidden-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-wrapper{position:relative;display:flex;width:100vw;min-height:100vh;flex-direction:column;z-index:1;background-color:var(--bg-base);box-shadow:var(--elevation-1)}.page-container{max-width:1200px;max-width:80ch;min-width:290px;width:100%;margin:0 auto;padding:calc(var(--space-32) + var(--header-height)) var(--space-32) var(--space-64) var(--space-32)}blockquote{border-left:4px solid rgba(0,0,0,.1);padding:.5rem 0 .5rem 1rem;margin:1.5rem 0;font-style:italic;color:rgba(0,0,0,.7)}.page-background{background-blend-mode:normal;position:relative;&:after{content:"";position:fixed;inset:0;width:100vw;height:100lvh;background-image:url(/tech-notes/background-flower.svg);background-repeat:no-repeat;background-size:32vw 32lvh;background-position:74vw 4lvh}}.inline-code{padding:.2em .4em;margin:0 .2em;font-size:.85rem;background-color:rgba(175,184,193,.2);border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media screen and (min-width:600px){:root{--font-base:16px;--font-h1:2rem;--font-h2:1.75rem;--font-h3:1.5rem;--font-large:1.9rem;--header-height:80px}}@media screen and (min-width:1025px){:root{--font-base:18px;--font-h1:2.3rem;--font-h2:1.8rem;--font-h3:1.5rem;--font-h4:1.3rem;--font-body:1rem;--font-large:2.5rem}}@media (prefers-color-scheme:dark){:root{--bg-base:#1d1919;--surface-1:#242020;--surface-2:#2a2525;--background-qoute:#2b2a2a;--text-1:#f8f8f8;--text-2:#c7c7c7;--text-on-dark-1:#f0e9e9;--footer-button:#afadad33;--code-header-background:#393a34;--code-content-background:#393a34;--code-content-color:#f6f8fa}html{color-scheme:dark}}