@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap");:root{--bg:#fff;--fg:#111;--accent:#000;--menu-width:110px;--menu-gap:2.5rem;--headline-font:"Silkscreen",sans-serif;--headline-size:clamp(2rem,6vw,3rem);--transition:0.2s cubic-bezier(0.4,0,0.2,1)}body,html{padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif;box-sizing:border-box}body,html{margin:0;min-height:100vh}.side-menu{position:fixed;left:0;top:0;width:var(--menu-width);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--menu-gap);background:var(--bg);z-index:2}.side-menu a{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);color:var(--fg);text-decoration:none;font-size:1rem;letter-spacing:.05em;opacity:.8;transition:color var(--transition),opacity var(--transition)}.side-menu .active,.side-menu a:hover{color:var(--accent);opacity:1}.side-menu .active{position:relative}.side-menu .active:after{content:"";position:absolute;left:-.6em;top:50%;transform:translateY(-50%);width:2px;height:1.2em;background:var(--accent);border-radius:1px}@media (max-width:700px){.side-menu{flex-direction:row;width:100vw;height:56px;border:none;position:fixed;left:0;top:0;justify-content:center;align-items:center;gap:1.5rem;box-shadow:0 1px 0 0 rgba(0,0,0,.03)}.side-menu a{writing-mode:initial;transform:none;font-size:1rem}.side-menu .active:after{left:50%;top:unset;bottom:-.3em;width:1.2em;height:2px;transform:translateX(-50%)}}.container{flex-direction:column}.center-content,.container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background:var(--bg)}.center-content{z-index:1;text-align:center}.headline{font-family:var(--headline-font),"Silkscreen",sans-serif;font-size:var(--headline-size);font-weight:400;letter-spacing:.01em;text-align:center;color:var(--fg);background:none;margin:0;line-height:1.1;word-break:break-word}.cursor,.headline{display:inline-block}.cursor{width:1.2em;border-bottom:.12em solid var(--accent);vertical-align:-.1em;animation:blink 1.1s steps(1) infinite}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:0}}.logo{position:absolute;top:2.5rem;left:calc(var(--menu-width) + 2rem);font-size:2.2rem;font-weight:700;letter-spacing:-.04em;color:var(--accent);font-family:JetBrains Mono,Fira Mono,Menlo,monospace;z-index:3;user-select:none;display:flex;align-items:center;gap:.5rem}.logo svg{width:2.2rem;height:2.2rem;vertical-align:middle}.darkmode-btn{position:fixed;right:2.5rem;bottom:2.5rem;z-index:10;background:none;border:none;color:var(--fg);font-family:var(--headline-font);font-size:1.1rem;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);opacity:.8;transition:color var(--transition),opacity var(--transition);outline:none;padding:0}.darkmode-btn:hover{color:var(--accent);opacity:1}@media (max-width:900px){.logo{left:1.2rem;top:1.2rem;font-size:1.3rem}}@media (max-width:500px){.headline,.logo{font-size:1.2rem}.darkmode-btn{font-size:.95rem}}body.dark{--bg:#0d0d13;--fg:#eee;--accent:#00d8ff}