@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-sans-cyrillic-ext-wght-normal.7w74d1lj.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-sans-cyrillic-wght-normal.B9hoeQUC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-sans-vietnamese-wght-normal.BhFYcaJr.woff2)format("woff2-variations");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:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-sans-latin-ext-wght-normal.DMEAsnHD.woff2)format("woff2-variations");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:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-sans-latin-wght-normal.BWQ3gi2K.woff2)format("woff2-variations");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}:root{color-scheme:dark;--bg:#0d2338;--surface:#1f354c;--border:#1f354c;--text:#d1dbe5;--heading:#fff;--muted:#9cb2c8;--faint:#68819b;--link:#4795e7;--brand-red:#e92d5c;--font:"Nunito Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--measure:34rem;--gutter:clamp(1.25rem, 5vw, 4rem)}@media (width<=800px){:root{--gutter:1.25rem}}@media (width<=480px){:root{--gutter:1rem}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:19px;line-height:1.6;display:flex}.site-name,.site-nav a,main .post-list h2 a{text-underline-offset:5px;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:3px;transition:color .3s,text-decoration-color .3s}.site-name,.site-nav a:hover,main .post-list h2 a:hover{text-decoration-color:var(--brand-red)}.site-header{padding:2.25rem var(--gutter);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;display:flex}.site-name{color:var(--heading);letter-spacing:.03em;font-size:2rem;font-weight:600}.site-nav ul{gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:var(--muted);letter-spacing:.05em;text-transform:lowercase;font-size:1.125rem}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--heading)}@media (width<=600px){.site-header{padding-block:1.5rem}.site-nav ul{gap:1.5rem}}main{width:100%;max-width:calc(var(--measure) + 2 * var(--gutter));padding:clamp(3rem, 10vw, 6rem) var(--gutter);flex:1;margin:0 auto}.page-title{color:var(--heading);text-align:center;margin:0 0 2.5rem;font-size:clamp(2rem,5vw,2.5rem);font-weight:300;line-height:1.25}.byline{color:var(--faint);letter-spacing:.15em;text-align:center;text-transform:uppercase;margin:-1.5rem 0 3rem;font-size:.85rem}main h2{color:var(--heading);margin:2.5rem 0 1rem;font-size:1.35rem;font-weight:600;line-height:1.35}main p,main ul,main ol{margin:0 0 1.25rem}main ul,main ol{padding-left:1.5rem}main li{margin-bottom:.5rem}main a{color:var(--link);border-bottom:2px solid #4795e759;text-decoration:none;transition:border-color .3s}main a:hover{border-bottom-color:var(--link)}main img{border-radius:6px;max-width:100%;height:auto;margin:2rem auto;display:block}.actions{text-align:center;margin-top:2.5rem}main a.button{background:var(--brand-red);color:#fff;letter-spacing:.02em;border:0;border-radius:4px;padding:.7em 1.6em;font-weight:600;transition:filter .3s;display:inline-block}main a.button:hover{filter:brightness(1.12)}.post-list{margin:0;padding:0;list-style:none}.post-list li{margin:0 0 3rem}.post-list h2{margin:0 0 .75rem;font-size:clamp(1.75rem,4.5vw,2.25rem);font-weight:300;line-height:1.25}main .post-list h2 a{color:var(--heading);border-bottom:0}.post-list p{color:var(--muted);margin:0}.canvas{width:min(60rem, calc(100vw - 2 * var(--gutter)));aspect-ratio:16/10;border:1px solid var(--border);background-image:radial-gradient(#9cb2c824 1px,#0000 1px);background-size:22px 22px;border-radius:10px;margin-top:clamp(-2rem,-4vw,0rem);position:relative;left:50%;translate:-50%}.canvas-edges{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.canvas-edges path{fill:none;stroke:#2f4c69;stroke-width:1.5px;transition:stroke .8s}.canvas-edges path.is-active{stroke:#e92d5cb3}main a.canvas-card{left:var(--x);top:var(--y);background:var(--surface);width:max-content;max-width:min(14rem,27%);color:var(--text);border:1px solid #34506d;border-radius:8px;flex-direction:column;gap:.3rem;padding:.6rem .85rem .7rem;font-size:.85rem;line-height:1.45;transition:border-color .8s,box-shadow .8s;display:flex;position:absolute;transform:translate(-50%,-50%)}main a.canvas-card:hover,main a.canvas-card.is-active{border-color:var(--brand-red);box-shadow:0 0 0 3px #e92d5c1f}.canvas-card-file{color:var(--faint);letter-spacing:.04em;font-size:.7rem}.canvas-card mark{color:var(--heading);background:#e92d5c2e;border-radius:3px;padding:0 .15em;transition:background-color .8s}.canvas-card.is-active mark,.canvas-card:hover mark{background:#e92d5c73}@media (width<=640px){.canvas{aspect-ratio:1/2;margin-top:0}main a.canvas-card{left:var(--mx);top:var(--my);max-width:44%;font-size:.8rem}.canvas-card[data-phone-hidden]{display:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.draft-banner{border:1px dashed var(--brand-red);color:var(--muted);text-align:center;border-radius:4px;margin:0 0 2.5rem;padding:.6rem 1rem;font-size:.85rem}.site-footer{padding:2rem var(--gutter);border-top:1px solid var(--border);color:var(--faint);text-align:center;font-size:.85rem}