@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";*{box-sizing:border-box;cursor:none!important}:root{--bg:#eaba9a;--ring:#eee1d3;--ink:#4e4d4d;--btn:#f28f4d;--accent:#f0ac70;--on-accent:#222;--s:min(92vw, 92vh, 660px)}:root.dark{--bg:#4e4d4d;--ring:#4a3023;--ink:#f28f4d;--btn:#171a33;--accent:#f28f4d;--on-accent:#10122a}html,body{width:100%;min-height:100%;margin:0}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:Lato,sans-serif;overflow-x:hidden}.stage{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem;min-height:100vh;padding:0 6vw;display:grid}.intro{grid-area:1/1;justify-self:center;width:min(100%,500px)}.intro h1{letter-spacing:-.05em;margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.95}.description{opacity:.7;margin-top:1.5rem;font-size:1.1rem;line-height:1.6}.description code{font-family:monospace;font-size:.9em}.menu-area{width:var(--s);height:var(--s);z-index:200;grid-area:1/2;justify-self:center;position:relative}.ring{--t:calc(var(--s) * (.19 + var(--d) * .05));--b:max(58px, calc(var(--s) * .15));--r:calc(var(--s) / 2 - var(--t) / 2);border:var(--t) solid var(--ring);z-index:201;pointer-events:none;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.b{will-change:transform;width:var(--b);height:var(--b);margin:calc(var(--b) / -2);transform:rotate(calc(var(--a) * 1deg)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1deg));box-sizing:border-box;border:2px solid var(--ink);background:var(--btn);color:var(--ink);font:inherit;font-size:clamp(11px, calc(var(--s) * .024), 15px);cursor:pointer;border-radius:50%;place-items:center;text-decoration:none;transition:scale .2s,background .2s,color .2s;display:grid;position:absolute;top:50%;left:50%}.b:hover,.b:focus-visible{outline:none;scale:1.12}.b:focus-visible{box-shadow:0 0 0 3px var(--accent)}.menu-area .ring .b{pointer-events:auto;z-index:202}.folder{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.center{text-align:center;width:100%;font-size:clamp(14px, calc(var(--s) * .035), 22px);z-index:203;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.center button{font:inherit;color:var(--ink);border:2px solid var(--ink);cursor:pointer;pointer-events:auto;z-index:204;background:0 0;border-radius:99px;margin:.6em auto 0;padding:.4em 1em;font-size:.7em;display:block;position:relative}.center button:focus-visible{outline:3px solid var(--accent)}.theme-toggle{color:var(--ink);cursor:pointer;z-index:1000;background:0 0;border:none;padding:8px;transition:color .2s,transform .2s;position:fixed;top:24px;right:24px}.theme-toggle:hover{color:var(--accent);transform:rotate(15deg)}.cursor{mix-blend-mode:difference;pointer-events:none;z-index:9999;background:#e6f0fa;border-radius:50%;width:32px;height:32px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.blog,.post{box-sizing:border-box;width:min(900px,100% - 40px);min-height:100vh;margin:0 auto;padding:40px 0}.blog>a,.post>a{color:inherit;opacity:.6;margin-bottom:35px;font-size:.9rem;text-decoration:none;transition:opacity .2s;display:inline-block}.blog>a:hover,.post>a:hover{opacity:1}.blog header{margin-bottom:20px}.blog h1,.post>article>h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.8rem,7vw,5rem);line-height:.95}.blog hr{opacity:.15;border:0;border-top:1px solid;margin:20px 0}.blog article{padding:10px 0}.blog time,.post article>time{opacity:.5;margin-bottom:6px;font-family:monospace;font-size:.75rem;display:block}.blog h2{letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(1.6rem,4vw,2.5rem);line-height:1}.blog h2 a{color:inherit;text-decoration:none}.blog h2 a:hover{opacity:.55}.blog article p{opacity:.65;max-width:600px;margin:0;font-size:.95rem;line-height:1.45}.post{width:min(760px,100% - 40px)}.post article h1{letter-spacing:-.06em;margin:0 0 25px;font-size:clamp(2.8rem,7vw,5rem);line-height:.95}.post .content{font-size:1rem;line-height:1.6}.post .content h1,.post .content h2,.post .content h3{letter-spacing:-.03em;margin-top:1.5em;margin-bottom:.4em;line-height:1.1}.post .content h1{font-size:2.2rem}.post .content h2{font-size:1.7rem}.post .content h3{font-size:1.3rem}.post .content p{margin:.9em 0}.post .content a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}.post .content a:hover{opacity:.55}.post .content blockquote{opacity:.65;border-left:2px solid;margin:1.5rem 0;padding-left:1rem}.post .content ul,.post .content ol{padding-left:1.3rem}.post .content li{margin:.25rem 0}.post .content code{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:4px;padding:.1em .3em;font-family:monospace;font-size:.9em}.post .content pre{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:6px;margin:1.5rem 0;padding:1rem;overflow-x:auto}.post .content pre code{background:0 0;padding:0}.post .content img{max-width:100%;height:auto;margin:1.5rem 0;display:block}@media (width<=900px){:root{--s:min(82vw, 82vh, 560px)}.stage{grid-template-rows:auto auto;grid-template-columns:1fr;gap:20px;min-height:100vh;padding:80px 5vw 30px}.intro{text-align:center;grid-area:1/1;justify-self:center;width:min(90vw,600px)}.intro h1{font-size:clamp(3rem,12vw,5rem)}.description{font-size:1rem}.menu-area{width:var(--s);height:var(--s);grid-area:2/1;justify-self:center}}@media (width<=600px){:root{--s:min(88vw, 88vh, 430px)}.stage{gap:10px;padding:70px 20px 20px}.intro{width:100%}.intro h1{font-size:clamp(2.8rem,16vw,4rem)}.description{max-width:450px;margin:12px auto 0;font-size:.95rem;line-height:1.5}.menu-area{width:var(--s);height:var(--s)}.theme-toggle{top:16px;right:16px}.blog,.post{width:calc(100% - 30px);padding:25px 0}.blog>a,.post>a{margin-bottom:25px}.blog article{padding:6px 0}.post article h1{margin-bottom:20px}}