:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#191816;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#191816;--muted:#77736a;--paper:#fffdf8;--line:#19181614;--shadow:0 18px 50px #19181614;--radius:30px;background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{overflow-x:hidden}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 0,#b9dcff5c,#0000 26rem),radial-gradient(circle at 90% 8%,#ffdeaa70,#0000 24rem),#fff;margin:0;overflow-x:hidden}a{color:inherit}.bento-page{width:min(100% - 2rem,980px);margin:0 auto;padding:clamp(1.2rem,4vw,3.2rem) 0 4rem}.profile-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.1rem;margin:0 auto 1.35rem;display:grid}.avatar{width:5.5rem;height:5.5rem;box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffff85,#0000),linear-gradient(135deg,#dceaff,#fff1bd 48%,#ffd8e7);border:1px solid #1918161a;border-radius:31%;place-items:center;text-decoration:none;display:grid}.avatar span{color:#1d1b18;font-family:Georgia,Times New Roman,serif;font-size:3.1rem;line-height:1}.profile-header h1{letter-spacing:0;margin:0;font-size:clamp(2rem,4.4vw,3.25rem);font-weight:760;line-height:.98}.profile-header p{max-width:33rem;color:var(--muted);margin:.3rem 0 0;font-size:1rem;line-height:1.45}.profile-header .handle{color:#9a958b;font-size:.95rem}.profile-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.profile-actions a{background:#ffffffc2;border:1px solid #1918161a;border-radius:999px;align-items:center;gap:.5rem;min-height:2.65rem;padding:0 .95rem;font-size:.92rem;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:0 10px 28px #1918160d}.tiles{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:9.5rem;gap:.95rem;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);min-width:0;min-height:0;box-shadow:var(--shadow);flex-direction:column;padding:1.18rem;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.tile[href]:hover,.tile[href]:focus-visible,.profile-actions a:hover,.profile-actions a:focus-visible,.avatar:hover,.avatar:focus-visible{border-color:#1918162e;outline:none;transform:translateY(-3px);box-shadow:0 22px 60px #19181621}.tile-topline{color:#191816b8;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.72rem;font-weight:780;line-height:1.1;display:flex}.tile-topline svg:last-child{margin-left:auto}.tile h2{letter-spacing:0;max-width:12ch;margin:.85rem 0 0;font-size:clamp(1.45rem,3vw,2.35rem);font-weight:780;line-height:.96}.tile p{color:#191816a6;margin:.72rem 0 0;font-size:.95rem;line-height:1.38}.writing-tile p,.project-small p,.site-tile p,.social-tile span:not(.tile-topline span){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.writing-tile p{display:none}.tile-large{grid-area:span 2/span 3}.tile-wide{grid-column:span 3}.tile-tall{grid-area:span 2/span 2}.lavender{background:linear-gradient(135deg,#eeeaff,#faf8ff 58%,#fff)}.mint{background:linear-gradient(135deg,#dff7e8,#f9fff8 62%)}.peach{background:linear-gradient(160deg,#ffe3cf,#fff8ed);grid-area:span 2/span 1}.paper{background:linear-gradient(135deg,#fff5c9,#fffdf8 58%)}.sky{background:linear-gradient(135deg,#dcecff,#f9fcff 62%)}.project-tile h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(3.1rem,7vw,5.7rem);font-weight:520;line-height:.86}.code-preview{gap:.5rem;width:min(100%,18rem);margin-top:auto;padding-top:1rem;display:grid}.code-preview span{background:#1918161f;border-radius:999px;height:.62rem;display:block}.code-preview span:first-child{width:78%}.code-preview span:nth-child(2){width:54%}.code-preview span:nth-child(3){width:92%}.code-preview span:nth-child(4){width:42%}.health-tile h2{margin-top:1.1rem;font-size:clamp(3.4rem,7vw,5.3rem);line-height:.85}.health-rings{width:9rem;height:9rem;position:absolute;bottom:.45rem;right:.45rem}.health-rings span{border:.95rem solid #39b86b;border-color:#39b86b #80d690 #19181614 #19181614;border-radius:50%;position:absolute;inset:0}.health-rings span:nth-child(2){border-width:.78rem;border-top-color:#6aa7ff;inset:1.45rem}.health-rings span:nth-child(3){border-width:.65rem;border-top-color:#ff9d62;inset:2.7rem}.mini-metrics{color:#1918169e;gap:.35rem;margin-top:auto;font-size:.8rem;font-weight:680;display:grid}.now-tile{justify-content:space-between}.now-tile h2{font-size:1.65rem}.writing-tile h2,.site-tile h2{max-width:18ch;font-size:clamp(1.35rem,2.7vw,2rem)}.social-tile{aspect-ratio:1;grid-column:span 1;justify-content:space-between}.social-tile strong{margin-top:auto;font-size:1.05rem;line-height:1}.social-tile span:not(.tile-topline span){color:#19181694;margin-top:.38rem;font-size:.76rem;line-height:1.18;display:block}.ink{color:#fff;background:#191816}.ink .tile-topline,.ink span:not(.tile-topline span){color:#ffffffb3}.butter{background:#fff2b8}.blue{background:#e1edff}.project-small{background:#fffdf8;grid-column:span 2}.project-small h2{font-size:clamp(1.45rem,2.8vw,2rem)}.page-stack{width:7rem;height:4.6rem;position:absolute;bottom:1rem;right:1rem}.page-stack span{background:#ffffffad;border:1px solid #1918161c;border-radius:1rem;width:5.2rem;height:3.4rem;position:absolute;box-shadow:0 12px 26px #19181614}.page-stack span:first-child{bottom:0;right:0}.page-stack span:nth-child(2){bottom:.58rem;right:.8rem}.page-stack span:nth-child(3){bottom:1.16rem;right:1.6rem}.location-tile{background-color:#f6f3eb;background-image:linear-gradient(#1918160e 1px,#0000 1px),linear-gradient(90deg,#1918160e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-column:span 1}.location-tile h2{font-size:1.18rem;line-height:1.05}.location-tile p{margin-top:auto;font-size:.8rem}@media (width<=900px){.bento-page{width:min(100% - 1.5rem,680px)}.profile-header{grid-template-columns:auto minmax(0,1fr)}.profile-actions{grid-column:1/-1;justify-content:flex-start}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:8.75rem}.tile-large,.tile-wide{grid-column:span 4}.tile-tall,.project-small{grid-column:span 2}.peach,.social-tile,.location-tile{grid-area:span 1/span 2}}@media (width<=560px){.bento-page{width:min(100% - 1rem,420px);padding-top:1rem}.profile-header{text-align:center;grid-template-columns:1fr;gap:.8rem}.avatar{width:5rem;height:5rem;margin:0 auto}.profile-header p{margin-left:auto;margin-right:auto}.profile-actions{justify-content:center}.profile-actions a{flex:8rem;justify-content:center}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(8.3rem,auto);gap:.75rem}.tile{border-radius:25px;padding:1rem}.tile-large,.tile-wide,.tile-tall,.project-small,.site-tile{grid-column:span 2}.tile-large,.tile-tall{grid-row:span 2}.social-tile,.peach,.location-tile{grid-column:span 1}.project-tile h2,.health-tile h2{font-size:clamp(3rem,16vw,4.4rem)}.health-rings{width:7.5rem;height:7.5rem;bottom:.35rem;right:.35rem}.page-stack{opacity:.5}}