:root{--paper:oklch(98% .006 250);--paper-soft:oklch(94.5% .01 245);--ink:oklch(21% .024 260);--muted:oklch(47% .026 260);--faint:oklch(69% .018 260);--line:oklch(84% .015 255);--green:oklch(64% .14 153);--blue:oklch(58% .15 250);--red:oklch(58% .17 24);color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--paper);color:var(--ink);background-size:48px 48px;margin:0;font-family:Avenir Next,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit}.page-shell{place-items:center;min-height:100dvh;padding:clamp(18px,4vw,56px);display:grid}.index-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(120px,auto);gap:10px;width:min(1200px,100%);display:grid}.tile{border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 86%, white);border-radius:8px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(100% 5.96046e-8 none/.7)}.hero-tile{background:linear-gradient(135deg, color-mix(in oklch, var(--paper) 92%, white), transparent 62%), radial-gradient(circle at 14% 18%, color-mix(in oklch, var(--blue) 18%, transparent), transparent 18rem), var(--paper);flex-direction:column;grid-area:span 3/span 7;justify-content:space-between;min-height:clamp(340px,48vw,520px);padding:clamp(24px,4vw,44px);display:flex}.hero-tile:after{content:"";aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;background-size:18px 18px;border-radius:999px;width:min(42%,260px);position:absolute;inset:auto 18px 18px auto;transform:rotate(-8deg)}.mark-row{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;font-size:.78rem;line-height:1;display:inline-flex}.dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in oklch, var(--green) 16%, transparent);border-radius:999px}.hero-tile h1{z-index:1;letter-spacing:0;max-width:7ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4.8rem,13vw,10rem);font-weight:400;line-height:.78;position:relative}.hero-tile p{z-index:1;max-width:31rem;color:var(--muted);margin:0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.35;position:relative}.identity-strip{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.identity-strip a{border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 74%, white);min-height:36px;color:var(--ink);border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:.88rem;text-decoration:none;display:inline-flex}.identity-strip a:hover,.link-list a:hover{border-color:color-mix(in oklch, var(--ink) 35%, var(--line));background:#fff}.identity-strip a:focus-visible,.link-list a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.now-tile{background:var(--ink);color:var(--paper);flex-direction:column;grid-area:span 2/span 3;justify-content:flex-end;padding:18px;display:flex}.now-tile p,.note-tile p{margin:0;font-size:1.35rem;line-height:1.12}.now-tile .tile-label{color:color-mix(in oklch, var(--paper) 62%, transparent)}.health-tile,.github-tile,.signal-tile{align-content:space-between;gap:10px;padding:17px;display:grid}.health-tile{background:linear-gradient(180deg, color-mix(in oklch, var(--red) 11%, white), transparent), var(--paper);grid-area:span 2/span 2}.github-tile{background:linear-gradient(180deg, color-mix(in oklch, var(--blue) 10%, white), transparent), var(--paper);grid-column:span 2}.signal-strip{grid-column:span 7;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.signal-tile{min-height:154px}.links-tile{grid-area:span 2/span 3;padding:16px}.note-tile{background:var(--paper-soft);flex-direction:column;grid-column:span 5;justify-content:space-between;padding:18px;display:flex}.tile-label{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;line-height:1;display:block}.tile strong{color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.15rem,4.4vw,3.8rem);font-weight:400;line-height:.9;display:block}.signal-tile strong{white-space:nowrap;font-size:clamp(1.7rem,2.15vw,2.1rem)}.tile small{color:var(--muted);font-size:.84rem;line-height:1.25;display:block}.link-list{gap:8px;margin-top:14px;display:grid}.link-list a{border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 74%, white);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:11px 12px;text-decoration:none;display:flex}.link-list span{min-width:0}.link-list strong{overflow-wrap:anywhere;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.1;display:block}.link-list small{overflow-wrap:anywhere;margin-top:4px;font-size:.78rem}.index-grid-loading .hero-tile{grid-column:1/-1;min-height:420px}@media (width<=920px){.page-shell{align-items:start}.index-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-tile,.signal-strip{grid-column:1/-1}.now-tile,.links-tile,.note-tile{grid-column:span 4}.health-tile,.github-tile{grid-column:span 2}}@media (width<=640px){body{background-size:36px 36px}.page-shell{padding:10px}.index-grid,.signal-strip{grid-template-columns:1fr}.tile,.hero-tile,.now-tile,.health-tile,.signal-strip,.links-tile,.note-tile,.github-tile{grid-area:auto/1/auto/-1}.hero-tile{min-height:430px;padding:22px}.hero-tile:after{opacity:.42;width:58%}.now-tile,.signal-tile,.health-tile,.github-tile{min-height:128px}}
