:root{--font:ui-monospace, "JetBrains Mono", "Cascadia Code", "DejaVu Sans Mono", monospace}:root[data-theme=nier]{--font:"Helvetica Neue", Arial, sans-serif}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14110d;--panel:#1b1712;--ink:#d6c6a2;--ink-strong:#e6d8b6;--muted:#968a6d;--accent:#d4a558;--ok:#a3b07a;--line:#3a3226;--sel:#d6c6a2;--sel-ink:#14110d;--shadow:0 24px 60px #00000073}:root:not([data-theme=nier])[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg:#d9d4bc;--panel:#e7e3cd;--ink:#2f2b20;--ink-strong:#1d1a13;--muted:#5f5a47;--accent:#8a4f12;--ok:#4f6a2a;--line:#b9b39a;--sel:#2f2b20;--sel-ink:#e7e3cd;--shadow:0 18px 44px #2f2b202e}@media (prefers-color-scheme:light){:root:not([data-theme=nier]):not([data-mode=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg:#d9d4bc;--panel:#e7e3cd;--ink:#2f2b20;--ink-strong:#1d1a13;--muted:#5f5a47;--accent:#8a4f12;--ok:#4f6a2a;--line:#b9b39a;--sel:#2f2b20;--sel-ink:#e7e3cd;--shadow:0 18px 44px #2f2b202e}}:root[data-theme=nier]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg:#cdc8b0;--panel:#dad4bb;--ink:#4e4b42;--ink-strong:#3b3830;--muted:#625e4f;--accent:#4e4b42;--ok:#4e4b42;--line:#b4ae95;--sel:#4e4b42;--sel-ink:#dad4bb;--grid-a:#4e4b420d;--grid-b:#4e4b420f;--pane-bg:#dad4bbe0;--pane-shadow:#4e4b422e}:root[data-theme=nier][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1914;--panel:#25221c;--ink:#d4ceb6;--ink-strong:#ece6cc;--muted:#a29c85;--accent:#d4ceb6;--ok:#d4ceb6;--line:#454034;--sel:#d4ceb6;--sel-ink:#1b1914;--grid-a:#d4ceb608;--grid-b:#d4ceb60a;--pane-bg:#25221ceb;--pane-shadow:#0006}@media (prefers-color-scheme:dark){:root[data-theme=nier]:not([data-mode=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1914;--panel:#25221c;--ink:#d4ceb6;--ink-strong:#ece6cc;--muted:#a29c85;--accent:#d4ceb6;--ok:#d4ceb6;--line:#454034;--sel:#d4ceb6;--sel-ink:#1b1914;--grid-a:#d4ceb608;--grid-b:#d4ceb60a;--pane-bg:#25221ceb;--pane-shadow:#0006}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100svh;color:var(--ink);font-family:var(--font);font-synthesis:none;margin:0;font-size:15px;line-height:1.7}::selection{background:var(--ink);color:var(--bg)}a{color:var(--ink-strong);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--accent);text-decoration-color:currentColor}:is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}.window{width:min(1040px,100%);margin:0 auto}.site-bar{align-items:center;gap:14px;display:flex}.site-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px}.theme-toggle{border:1px solid var(--line);min-height:36px;color:var(--muted);font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:inline-flex}.theme-toggle:before{content:"";border:1px solid;width:7px;height:7px;transform:rotate(45deg)}.mode-toggle:before{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border-radius:50%;transform:none}.toggles{gap:6px;margin-left:auto;display:flex}.theme-toggle:hover{color:var(--ink-strong);border-color:var(--ink)}.bar-dots,.prompt{display:none}[data-theme=terminal] body{padding:48px 16px;font-size:14px}[data-theme=terminal] .window{border:1px solid var(--line);background:var(--panel);max-width:760px;box-shadow:var(--shadow)}[data-theme=terminal] .site-bar{border-bottom:1px solid var(--line);padding:4px 6px 4px 14px}[data-theme=terminal] .bar-dots{gap:7px;display:flex}[data-theme=terminal] .bar-dots i{border:1px solid var(--muted);width:9px;height:9px;transform:rotate(45deg)}[data-theme=terminal] .site-label{text-align:center;text-transform:none;letter-spacing:0;flex:1}[data-theme=terminal] .site-label:after{content:" · zsh"}[data-theme=terminal] .toggles{margin-left:0}[data-theme=terminal] .theme-toggle{border-color:#0000}[data-theme=terminal] .theme-toggle:hover{border-color:var(--line)}[data-theme=terminal] :is(.prompt,.pane-title){letter-spacing:0;font-size:0;font-weight:400;display:block}[data-theme=terminal] :is(.prompt,.pane-title):before{content:"prowly@me ~ ❯ ";color:var(--accent);font-size:14px}[data-theme=terminal] :is(.prompt,.pane-title):after{content:attr(data-cmd);color:var(--ink-strong);font-size:14px}[data-theme=terminal] .system{padding:0 24px 28px}[data-theme=terminal] .system:before{content:"prowly@me ~ ❯ ";color:var(--accent)}[data-theme=terminal] .status{display:none}[data-theme=terminal] .cursor{vertical-align:-3px;background:var(--ink);width:8px;height:16px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}[data-theme=nier] body{letter-spacing:.03em;background-image:repeating-linear-gradient(0deg, var(--grid-a) 0 1px, transparent 1px 4px), linear-gradient(var(--grid-b) 1px, transparent 1px), linear-gradient(90deg, var(--grid-b) 1px, transparent 1px);background-size:auto,48px 48px,48px 48px;padding:32px 24px 40px}[data-theme=nier] .site-bar{margin-bottom:18px}[data-theme=nier] .pane{background:var(--pane-bg);border:1px solid var(--line);box-shadow:4px 4px 0 var(--pane-shadow)}[data-theme=nier] .pane-title{background:var(--ink);color:var(--sel-ink);letter-spacing:.16em;text-transform:uppercase;padding:8px 16px;font-size:13px;font-weight:400}[data-theme=nier] .system{background:var(--ink);color:var(--sel-ink);letter-spacing:.08em;align-items:center;gap:14px;margin-top:32px;padding:10px 16px;font-size:13px;display:flex}[data-theme=nier] .system:before{content:"";border:1px solid;flex:none;width:10px;height:10px;animation:3.2s ease-in-out infinite nier-signal;transform:rotate(45deg)}@keyframes nier-signal{0%,55%{background-color:#0000;transform:rotate(45deg)}80%{background-color:currentColor}to{background-color:#0000;transform:rotate(225deg)}}[data-theme=nier] .cursor{display:none}@media (prefers-reduced-motion:reduce){.cursor,.system:before{animation:none!important}}@media (width<=600px){[data-theme=terminal] body{padding:0;font-size:13px}[data-theme=terminal] .window{border-inline:0;min-height:100svh}[data-theme=terminal] :is(.prompt,.pane-title):before,[data-theme=terminal] :is(.prompt,.pane-title):after{font-size:13px}[data-theme=nier] body{padding:20px 16px 32px}}.menu{margin:0;padding:0;list-style:none}.project-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}[data-theme=terminal] .title-row{padding:22px 24px 0}[data-theme=terminal] h1{font:inherit;color:var(--ink-strong);margin-top:2px}[data-theme=terminal] .alias{color:var(--muted)}[data-theme=terminal] .alias:before{content:"("}[data-theme=terminal] .alias:after{content:")"}[data-theme=terminal] .tabs{display:none}[data-theme=terminal] .panes{flex-direction:column;padding:0 24px;display:flex}[data-theme=terminal] #profile{order:1}[data-theme=terminal] #projects{order:2}[data-theme=terminal] #links{order:3}[data-theme=terminal] .pane{margin-top:22px}[data-theme=terminal] .pane-body{margin-top:2px}[data-theme=terminal] .project{grid-template-columns:13ch 1fr;column-gap:2ch;margin-bottom:10px;display:grid}[data-theme=terminal] .project h3{font:inherit;color:var(--ink-strong);grid-area:1/2}[data-theme=terminal] .project h3:after{content:"/";color:var(--muted)}[data-theme=terminal] .project-updated{grid-area:1/1;font-size:0}[data-theme=terminal] .project-updated time{color:var(--muted);font-size:14px}[data-theme=terminal] .project>p:not([class]){color:var(--muted);grid-column:2}[data-theme=terminal] .project-links{grid-column:2;gap:2ch}[data-theme=terminal] .project-links span{display:none}[data-theme=terminal] .project-links a:before{content:"→ ";color:var(--muted)}[data-theme=terminal] .menu a{gap:2ch;width:fit-content;text-decoration:none;display:flex}[data-theme=terminal] .menu .key{white-space:nowrap;width:9ch;color:var(--ink);text-transform:lowercase;flex:none}[data-theme=terminal] .menu .key:before{content:"✓ ";color:var(--ok)}[data-theme=terminal] .menu .meta{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px}[data-theme=terminal] .menu a:hover .meta{text-decoration-color:currentColor}[data-theme=terminal] .system{margin-top:22px}[data-theme=nier] .title-row{border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:flex-end;gap:14px 28px;margin-bottom:32px;padding-bottom:12px;display:flex}[data-theme=nier] h1{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-size:44px;font-weight:400;line-height:1}[data-theme=nier] .alias{letter-spacing:.16em;color:var(--muted);margin-top:12px;font-size:12px;display:block}[data-theme=nier] .tabs{gap:4px;margin-left:auto;display:flex}[data-theme=nier] .tabs a{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;font-size:13px;text-decoration:none}[data-theme=nier] .tabs a:hover{background:var(--sel);color:var(--sel-ink)}[data-theme=nier] .panes{grid-template:"profile projects""links projects"1fr/340px 1fr;align-items:start;gap:28px;display:grid}[data-theme=nier] #profile{grid-area:profile}[data-theme=nier] #links{grid-area:links}[data-theme=nier] #projects{grid-area:projects}[data-theme=nier] #profile .pane-body{padding:16px 20px;font-size:14px}[data-theme=nier] #profile p+p{margin-top:12px}[data-theme=nier] .menu{padding:12px}[data-theme=nier] .menu a{color:var(--ink);align-items:center;gap:12px;padding:10px 14px 10px 30px;text-decoration:none;display:flex;position:relative}[data-theme=nier] .menu a:before{content:"";background:currentColor;width:7px;height:7px;position:absolute;left:12px}[data-theme=nier] .menu .meta{color:var(--muted);margin-left:auto;font-size:12px}[data-theme=nier] .menu a:hover,[data-theme=nier] .menu a:focus-visible{background:var(--sel);color:var(--sel-ink)}[data-theme=nier] .menu a:hover .meta,[data-theme=nier] .menu a:focus-visible .meta{color:var(--sel-ink)}[data-theme=nier] .project{flex-direction:column;gap:14px;padding:24px 28px;display:flex}[data-theme=nier] .project+.project{border-top:1px dashed var(--line)}[data-theme=nier] .project h3{letter-spacing:.08em;font-size:26px;font-weight:400}[data-theme=nier] .project>p:not([class]){color:var(--ink-strong)}[data-theme=nier] .project-updated{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);order:-1;font-size:12px}[data-theme=nier] .project-links span{display:none}[data-theme=nier] .project-links a{border:1px solid var(--ink);min-height:40px;color:var(--ink);letter-spacing:.12em;text-transform:uppercase;align-items:center;padding:0 18px;font-size:12px;text-decoration:none;display:inline-flex}[data-theme=nier] .project-links a:hover{background:var(--sel);color:var(--sel-ink)}@media (width<=800px){[data-theme=nier] h1{font-size:34px}[data-theme=nier] .tabs{width:100%;margin-left:0}[data-theme=nier] .panes{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"profile""projects""links"}[data-theme=nier] .project{padding:20px}}@media (width<=600px){[data-theme=terminal] .title-row,[data-theme=terminal] .panes,[data-theme=terminal] .system{padding-inline:16px}[data-theme=terminal] .project{grid-template-columns:1fr}[data-theme=terminal] .project :is(h3,.project-updated){grid-area:auto/1}[data-theme=terminal] .project>p:not([class]),[data-theme=terminal] .project-links{grid-column:1}[data-theme=terminal] .project-updated{order:-1}[data-theme=terminal] .project-updated time{font-size:13px}}
