:root{--bg:light-dark(#fff,#111);--fg:light-dark(#1a1a1a,#e8e8e8);--muted:light-dark(#6b6b6b,#9a9a9a);--rule:light-dark(#e5e5e5,#2a2a2a);--available:light-dark(#15803d,#4ade80);color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{background:var(--bg);max-width:48rem;color:var(--fg);-webkit-font-smoothing:antialiased;margin:0 auto;padding:64px 16px 96px;font:15px/1.6 system-ui,sans-serif}h1,h2{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-underline-offset:2px}a:focus-visible{outline-offset:2px;outline:2px solid}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:48px;display:flex}.site-name{margin:0;font-size:1rem;font-weight:600}.site-name a{text-decoration:none}.available{border:1px solid color-mix(in srgb, var(--available) 45%, transparent);color:var(--available);border-radius:999px;align-items:center;gap:6px;margin:6px 0 0;padding:0 8px;font-size:.75rem;display:inline-flex}.available:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.site-header nav{flex-wrap:wrap;gap:8px 16px;display:flex}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover{color:var(--fg);text-decoration:underline}.theme-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:center;align-items:center;margin:-4px;padding:4px;transition:scale .15s ease-out;display:inline-flex;position:relative}.theme-toggle[hidden]{display:none}.theme-toggle:hover{color:var(--fg)}.theme-toggle:active{scale:.96}.theme-toggle:focus-visible{outline-offset:2px;outline:2px solid}@media (width<=600px){.site-header{position:relative}.site-header nav{flex-basis:100%;column-gap:12px}.theme-toggle{position:absolute;top:4px;right:0}}.theme-toggle svg{transition-property:opacity,scale,filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);display:block}.theme-toggle .sun{position:absolute;inset:4px}.theme-toggle .sun,:root[data-theme=dark] .theme-toggle .moon{opacity:0;filter:blur(4px);scale:.25}:root[data-theme=dark] .theme-toggle .sun{opacity:1;filter:blur();scale:1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .moon{opacity:0;filter:blur(4px);scale:.25}:root:not([data-theme=light]) .theme-toggle .sun{opacity:1;filter:blur();scale:1}}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle svg{transition:none}}.zone{pointer-events:none;display:none}@media (width>=1280px){.zone-margin{border-bottom:1px solid var(--rule);width:220px;height:120px;display:block;position:absolute;top:0}}@media (width<=1279.98px){.zone-mobile:not([hidden]){height:120px;margin-top:-24px;display:block;position:relative}}.zone[data-side=left]{right:calc(100% + 24px)}.zone[data-side=right]{left:calc(100% + 24px)}.sprite{transition:opacity .3s;position:absolute;bottom:0;left:0}.sprite svg{display:block}.sprite-ruben{pointer-events:auto}.sprite-ruben svg{filter:drop-shadow(0 0 1px light-dark(#0000,#ffffff80))}.sprite-ruben:before{content:attr(data-name);border:1px solid var(--fg);background:var(--bg);white-space:nowrap;opacity:0;padding:0 6px;font-size:.75rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.sprite-ruben:hover:before,.sprite-ruben.show-name:before{opacity:1}.bubble{border:1px solid var(--fg);background:var(--bg);color:var(--fg);white-space:nowrap;padding:1px 6px;font-size:.75rem;position:absolute;bottom:0;left:0}.bubble[hidden]{display:none}.section{border-top:1px solid var(--rule);grid-template-columns:9rem 1fr;gap:24px;padding:24px 0;display:grid;position:relative}.section h2{color:var(--muted);margin:0;font-size:.875rem;font-weight:400}.section-body>:first-child{margin-top:0}.section-body>:last-child{margin-bottom:0}@media (width<=600px){.section{grid-template-columns:1fr;gap:8px}}.now{margin:0;padding:0;list-style:none}.now li+li{margin-top:8px}.now a,.now strong{font-weight:600}.project+.project{margin-top:28px}.project p{margin:4px 0 0}.project-head{align-items:baseline;gap:10px;display:flex}.project-name{font-weight:600}.tag{border:1px solid var(--rule);color:var(--muted);white-space:nowrap;border-radius:4px;padding:0 6px;font-size:.75rem}.tag.own{border-color:var(--muted);color:var(--fg)}.year{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.875rem}.project .meta{color:var(--muted);font-size:.8125rem}.skills{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.skills dt{color:var(--muted)}.skills dd{margin:0}.page-title{margin:0 0 8px;font-size:1.5rem;line-height:1.3}.muted{color:var(--muted)}.notice{border:1px solid var(--rule);border-radius:4px;padding:8px 12px}.article-list{margin:24px 0;padding:0;list-style:none}.article-list li+li{margin-top:24px}.article-list a{font-weight:600}.article-list .article-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.article-list time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem;display:block}.article-meta{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.article-list p{margin:4px 0 0}.prose{margin-top:32px}.prose h2{margin:2em 0 .5em;font-size:1.125rem}.prose h3{margin:1.5em 0 .5em;font-size:1rem}.prose img{max-width:100%;height:auto}.prose blockquote{border-left:2px solid var(--rule);color:var(--muted);margin:1em 0;padding-left:16px}.prose code{font-size:.875em}.prose :not(pre)>code{background:color-mix(in srgb, var(--fg) 8%, transparent);border-radius:4px;padding:1px 4px}.prose pre{border:1px solid var(--rule);border-radius:4px;padding:12px 16px;line-height:1.5;overflow-x:auto}.astro-code,.astro-code span{color:light-dark(var(--shiki-light),var(--shiki-dark));background-color:light-dark(var(--shiki-light-bg),var(--shiki-dark-bg))}.audio-player{border:1px solid var(--rule);border-radius:4px;align-items:center;gap:12px;margin:1em 0;padding:8px 12px;display:flex}.audio-toggle{border:1px solid var(--muted);width:32px;height:32px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.audio-toggle:focus-visible{outline-offset:2px;outline:2px solid}.audio-player .icon-pause,.audio-player.playing .icon-play{display:none}.audio-player.playing .icon-pause{display:block}.audio-body{flex-direction:column;flex:1;min-width:0;display:flex}.audio-title{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.audio-seek{width:100%;accent-color:var(--fg);margin:0}.audio-time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.8125rem}.youtube{margin:1em 0;text-decoration:none;display:block}.youtube-frame{aspect-ratio:16/9;border:1px solid var(--rule);background:var(--rule);border-radius:4px;display:block;position:relative;overflow:hidden}.youtube-frame img,.youtube-frame iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.youtube-play{color:#fff;background:#111c;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:scale .15s ease-out;display:inline-flex;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.youtube:hover .youtube-play{scale:1.08}.youtube-title{color:var(--muted);margin-top:6px;font-size:.875rem;display:block}a.youtube:hover .youtube-title{color:var(--fg);text-decoration:underline}