@font-face{font-family:Braille;src:url("https://raw.githubusercontent.com/bakks/bakks.github.io/master/Symbola.ttf")}
@font-face{font-family:NTypeMono;src:url("https://raw.githubusercontent.com/bakks/bakks.github.io/master/NType82Mono-Regular.otf")}
:root{color-scheme:light dark;--bg:#fff;--fg:#333;--muted:#777}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0b0b0b;--fg:#d8d8d8;--muted:#8b8b8b}}
:root[data-theme="light"]{--bg:#fff;--fg:#333;--muted:#777}
:root[data-theme="dark"]{--bg:#0b0b0b;--fg:#d8d8d8;--muted:#8b8b8b}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;min-height:100%;background:var(--bg);color:var(--fg)}
body{min-height:100vh;font-family:NTypeMono,Courier,monospace;overflow:auto;transition:background-color 120ms linear,color 120ms linear}
.project-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 24px 44px}
.ascii-stage{width:100%;display:flex;align-items:center;justify-content:center;overflow:visible}
.ascii{display:block;flex:none;white-space:pre;font-family:Braille,"Apple Braille","Segoe UI Symbol",NTypeMono,monospace;font-size:17px;line-height:1;letter-spacing:0;font-variant-ligatures:none;color:var(--fg);opacity:.96;text-align:left;background:transparent;transform:none}
.project-meta{width:min(800px,90vw);text-align:center}
.project-meta h1{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.2;font-weight:500;letter-spacing:-.01em;margin-bottom:7px}
.project-meta p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 auto;max-width:720px}
.corner-link{position:fixed;top:10px;z-index:30;font-size:9px;color:var(--muted);text-decoration:none;opacity:.72}
.corner-link:hover{color:var(--fg);opacity:1;text-decoration:underline}
.back-link{left:12px}
.github-link{right:12px;font-size:8px;letter-spacing:.02em}
.theme-switcher{position:fixed;right:10px;bottom:8px;z-index:30;display:flex;gap:5px;align-items:center;font-size:8px;line-height:1;opacity:.5;user-select:none}
.theme-switcher:hover{opacity:.9}
.theme-switcher button{appearance:none;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);font:inherit;padding:1px 0;cursor:pointer}
.theme-switcher button[aria-pressed="true"]{color:var(--fg);border-bottom-color:currentColor}
@media(max-width:760px){.project-page{padding:42px 10px 38px;gap:12px}.ascii-stage{overflow:hidden}.project-meta{width:92vw}.project-meta h1{font-size:16px}.project-meta p{font-size:13px}}