.container.s-xo4stz{--color:var(--system-color-light-hsl);border-radius:inherit;background-image:linear-gradient(to right,hsla(var(--color),.7) 12rem,hsla(var(--color),1) 12rem 100%);color:var(--system-color-dark);grid-template-rows:3rem 1fr;grid-template-columns:12rem 1fr;display:grid}.titlebar.s-xo4stz{z-index:1;border-radius:inherit inherit 0 0;-webkit-user-select:none;user-select:none;grid-area:1/1/span 1/span 2;justify-content:center;width:100%;padding:.9rem 1rem;display:flex}.titlebar.s-xo4stz span:where(.s-xo4stz){text-transform:capitalize;font-size:.9rem;font-weight:500}aside.s-xo4stz{border-radius:.5rem 0 0 .5rem;grid-area:1/1/span 2/span 1;width:calc(12rem - 2.27px);height:calc(100% - 2.7px);margin:1.8px 0 0 1.8px;transform:translateZ(0)}aside.s-xo4stz:before{content:"";width:inherit;height:inherit;border-radius:inherit;z-index:-1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;inset:0}nav.s-xo4stz{flex-direction:column;gap:.15rem;margin:3.7rem .6rem 1rem;display:flex}nav.s-xo4stz button:where(.s-xo4stz){border-radius:.4rem;justify-content:flex-start;padding:.42rem .55rem;font-size:.86rem}nav.s-xo4stz button:where(.s-xo4stz):hover,nav.s-xo4stz button.active:where(.s-xo4stz){background:hsla(var(--system-color-dark-hsl),.16)}nav.s-xo4stz hr:where(.s-xo4stz){background:hsla(var(--system-color-dark-hsl),.2);border:0;width:100%;height:1px}main.s-xo4stz{grid-area:2/2;padding:1.25rem 1.5rem;overflow:auto}h1.s-xo4stz{margin:.3rem 0 1rem;font-size:2rem}h2.s-xo4stz{margin:.9rem 0 .4rem;font-size:1.05rem}p.s-xo4stz{line-height:1.55}a.s-xo4stz{color:var(--system-color-primary);text-decoration:none}.about.s-xo4stz{grid-template-columns:150px 1fr;align-items:center;gap:1.5rem;display:grid}.about.s-xo4stz img:where(.s-xo4stz){aspect-ratio:157/175;object-fit:cover;border-radius:.45rem;width:150px;box-shadow:0 8px 26px #0004}.project.s-xo4stz{max-width:36rem}.chips.s-xo4stz{flex-wrap:wrap;gap:.4rem;margin:1rem 0;display:flex}.chips.s-xo4stz span:where(.s-xo4stz){background:hsla(var(--system-color-dark-hsl),.1);border-radius:.5rem;padding:.3rem .55rem;font-size:.78rem}.list.s-xo4stz>article:where(.s-xo4stz){border-bottom:1px solid hsla(var(--system-color-dark-hsl),.12);grid-template-columns:8rem 1fr;gap:1rem;padding:.75rem 0;display:grid}.list.s-xo4stz article:where(.s-xo4stz) h2:where(.s-xo4stz),.list.s-xo4stz article:where(.s-xo4stz) p:where(.s-xo4stz){margin:0}.row.s-xo4stz{border-bottom:1px solid hsla(var(--system-color-dark-hsl),.12);justify-content:space-between;padding:.55rem 0;display:flex}.paper.s-xo4stz{color:#222;background:#fff;max-width:35rem;margin:auto;padding:2.2rem;box-shadow:0 8px 30px #0002}.document.s-xo4stz{border-bottom:1px solid hsla(var(--system-color-dark-hsl),.12);color:inherit;grid-template-columns:2rem 1fr auto;align-items:center;gap:.65rem;padding:.7rem;display:grid}.document.s-xo4stz div:where(.s-xo4stz){display:grid}.document.s-xo4stz small:where(.s-xo4stz){opacity:.65}.center.s-xo4stz{text-align:center;max-width:34rem;margin:2rem auto}.hero-icon.s-xo4stz{aspect-ratio:1;background:hsla(var(--system-color-primary-hsl),.18);border-radius:1rem;place-items:center;width:5rem;margin:auto;font-size:2rem;display:grid}.note.s-xo4stz{color:#3e361c;background:#fff4a8;max-width:34rem;margin:auto;padding:2rem;transform:rotate(-.5deg);box-shadow:0 10px 34px #0003}blockquote.s-xo4stz{margin:1rem 0;font-size:1.5rem;line-height:1.4}@media (width<=700px){.container.s-xo4stz{background:hsla(var(--color),1);grid-template-rows:3rem 1fr;grid-template-columns:1fr}aside.s-xo4stz{display:none}.titlebar.s-xo4stz{grid-area:1/1}.container.s-xo4stz main:where(.s-xo4stz){grid-area:2/1;padding:1rem}.about.s-xo4stz{grid-template-columns:90px 1fr}.about.s-xo4stz img:where(.s-xo4stz){width:90px}.list.s-xo4stz>article:where(.s-xo4stz){grid-template-columns:1fr}.paper.s-xo4stz{padding:1rem}}