:root{color-scheme:dark;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--bg:#0e0e11;--surface:#16161a;--surface-raised:#26262e;--fg:#e6e6ee;--fg2:#c6c6d6;--fg3:#a6a6ba;--fg4:#85859a;--border:#44444f;--border-quiet:#33333f;--border-hover:#63637a;--border-faint:#2e2e38;--danger:#e08484;--fs-xs:.6875rem;--fs-sm:.75rem;--fs:.8125rem;--fs-md:.875rem;--fs-lg:1rem;--fs-xl:1.25rem;--prose-lh:1.45;--space-2xs:2px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:12px;--space-xl:16px;--space-2xl:24px;--ctl-radius:3px;--pill-radius:999px;--accent:#ff5d3b;--accent2:#ffb03b;--accent-ink:#2a0d04;--cool:#49b6ff;--hits:#a184e8;--mod:#5ea9d8;--alarm:#f35;--alarm-edge:#55232c;--alarm-wash:#2a1216;--ctl-on-bg:color-mix(in srgb, var(--accent) 62%, var(--surface-raised));--ctl-h:22px;--ctl-h-sm:18px;--gap-ctl:var(--space-sm);--gap-ctl-sm:var(--space-xs);--verb-w:70px}@media (pointer:coarse){:root{--ctl-h:32px;--ctl-h-sm:32px;--gap-ctl:var(--space-md);--gap-ctl-sm:var(--space-sm)}}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--fs)}button,select,input{font-family:inherit}:focus-visible{outline:2px solid var(--fg2);outline-offset:1px}:root{--measure:46rem}body{background:var(--bg);color:var(--fg);line-height:1.65;font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;font-size:16px}a{color:var(--accent)}[hidden]{display:none!important}.wrap{max-width:var(--measure);padding-inline:max(1.25rem, env(safe-area-inset-left));margin:0 auto}.wide{max-width:72rem}section{padding:3.5rem 0}.head{color:var(--fg);margin:0 0 .5rem;font-size:1.35rem;font-weight:600}.sub{color:var(--fg4);max-width:var(--measure);margin:0 0 1.1rem;font-size:.95rem}.btn{border:1px solid var(--border-faint);background:var(--surface);color:var(--fg);border-radius:.5rem;padding:.72rem 1.35rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--fg4)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.siteBar{border-bottom:1px solid var(--border-faint);background:var(--bg)}.barIn{max-width:72rem;height:56px;padding:0 max(1.15rem, env(safe-area-inset-left));align-items:center;gap:0 1.25rem;margin:0 auto;display:flex}.barBrand{color:var(--fg);white-space:nowrap;align-items:center;gap:.5rem;font-size:15px;font-weight:700;text-decoration:none;display:flex}.barNav{gap:1.15rem;margin-right:auto;display:flex}.barNav a{color:var(--fg3);white-space:nowrap;font-size:14px;text-decoration:none}.barNav a:hover{color:var(--fg)}.barEnd{align-items:center;gap:.6rem;margin-left:auto;display:flex}.btn.slim{align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.875rem;line-height:1.25;display:inline-flex}.ico{flex:none;width:1.05rem;height:1.05rem}.barEnd .btn{white-space:nowrap;justify-content:center;min-width:8.5rem}@media (width<=44rem){.barIn{gap:0 .75rem}.barNav,#why,.barLabel{display:none}.barBrand{margin-right:auto}.barEnd{gap:.5rem}.barEnd .btn{min-width:0}#signIn{padding-inline:.55rem}}@media (width<=23rem){.barBrand span{display:none}}.acct{position:relative}.acctBtn{cursor:pointer;background:0 0;border:0;padding:0;display:block}.avatar{border:1px solid var(--border-faint);background:var(--surface);width:28px;height:28px;color:var(--fg2);border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.acctBtn:hover .avatar,.acctBtn:focus-visible .avatar{border-color:var(--accent)}.acctMenu{z-index:20;border:1px solid var(--border-faint);background:var(--surface);border-radius:.5rem;min-width:11rem;padding:.5rem;position:absolute;top:calc(100% + .45rem);right:0}.acctName{color:var(--fg2);overflow-wrap:anywhere;margin:0 0 .3rem;padding:.15rem .4rem;font-size:.85rem}.acctOut{width:100%;color:var(--fg3);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.35rem;padding:.35rem .4rem;font-size:.85rem}.acctOut:hover{background:var(--bg);color:var(--fg)}.why{font:inherit;color:var(--fg4);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:.35rem .15rem;font-size:.9rem;text-decoration:underline}.why:hover,.why:focus-visible{color:var(--fg)}.whyCard{background:var(--surface);width:min(34rem,100vw - 2rem);color:var(--fg);border:1px solid var(--border-faint);border-radius:.6rem;padding:1.4rem 1.5rem}.whyCard::backdrop{background:#000a}.whyTop{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.whyHead{margin:0 0 .9rem;font-size:1.4rem}.whyTrouble{border:1px solid var(--danger);color:var(--danger);border-radius:.4rem;margin:0 0 .9rem;padding:.6rem .8rem;font-size:.95rem}.whyPitch{color:var(--fg);margin:0 0 .7rem;font-size:1.05rem}.whyLine{color:var(--fg3);margin:0 0 .7rem;font-size:.95rem}.whyLine a{color:var(--accent);white-space:nowrap}.whyCta{flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 .8rem;display:flex}.privacy{padding-top:2.5rem;padding-bottom:4rem}.privacy h1{margin:0 0 .6rem;font-size:2rem}.privacy h2{margin:2rem 0 .5rem;font-size:1.25rem}.privacy p{color:var(--fg3);margin:0;line-height:1.65}.privacy p+p{margin-top:.8rem}.privacy a{color:var(--accent)}.privacyLead{font-size:1.1rem}.about,.blog{padding-top:2.5rem;padding-bottom:4rem}.about h1,.blog h1{margin:0 0 .6rem;font-size:2rem}.about p,.blog p,.blog li{color:var(--fg3)}.about p{margin:0 0 .8rem}.aboutLead,.blogLead{font-size:1.1rem}.aboutLinks{margin:1.5rem 0 0;padding-left:1.2rem}.aboutLinks li{margin-bottom:.4rem}.postMeta{font-variant-numeric:tabular-nums;color:var(--fg4);margin:.2rem 0 0;font-size:.85rem}.postCard{border-top:1px solid var(--border-faint);grid-template-columns:14rem minmax(0,1fr);gap:1.2rem;margin-top:2rem;padding-top:1.5rem;display:grid}.postCard img,.postHero,.postBody img{border-radius:4px;width:100%;height:auto;display:block}.postCard h2{margin:0;font-size:1.25rem}.postCard h2 a{color:var(--fg);text-decoration:none}.postCard h2 a:hover{text-decoration:underline}.postCard p{margin:.4rem 0 0}@media (width<=560px){.postCard{grid-template-columns:1fr}}.postFull h1{margin:.4rem 0 1rem}.postLook{font-weight:600}.postBody{line-height:1.6}.postBody h2{margin:2rem 0 .6rem;font-size:1.25rem}.postBody p{margin:0 0 .9rem}.postBody .anchor{color:var(--fg4);opacity:0;margin-left:.45em;font-weight:400;text-decoration:none}.postBody h2:hover .anchor,.postBody .anchor:focus-visible{opacity:1}.postBody img{margin:.4rem 0 1rem}.homeIn{max-width:88rem;padding:2rem max(1.15rem, env(safe-area-inset-left)) 3.5rem;grid-template-columns:200px minmax(0,1fr);gap:2rem;margin:0 auto;display:grid}.rail{flex-direction:column;align-self:start;gap:.15rem;display:flex;position:sticky;top:1rem}.rail a{color:var(--fg3);white-space:nowrap;border-radius:.4rem;padding:.4rem .6rem;font-size:.92rem;text-decoration:none}.rail a:hover{background:var(--surface);color:var(--fg)}.rail a.on{background:var(--surface);color:var(--accent)}.homeMain{flex-direction:column;gap:2.75rem;display:flex}.homeSec{padding:0;scroll-margin-top:1rem}.homeSec .head{font-size:1.15rem}@media (width<=52rem){.homeIn{grid-template-columns:minmax(0,1fr);gap:1.35rem}.rail{scrollbar-width:none;flex-direction:row;gap:.35rem;position:static;overflow-x:auto}}.resumeCard{border:1px solid var(--border-faint);background:var(--surface);border-radius:.6rem;grid-template-columns:minmax(0,20rem) minmax(0,1fr);display:grid;overflow:hidden}.resumeCard .shot{aspect-ratio:5/4;background:#000;display:block;position:relative}.resumeCard .shot .still{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.resumeBody{flex-direction:column;justify-content:center;gap:.45rem;padding:1.35rem;display:flex}.when{color:var(--fg4);margin:0;font-size:.85rem}.resumeSays{color:var(--fg2);text-wrap:pretty;margin:0;font-size:.95rem}.resumeCta{flex-wrap:wrap;gap:.6rem;margin:.7rem 0 0;display:flex}@media (width<=44rem){.resumeCard{grid-template-columns:minmax(0,1fr)}}.shot.blank{background:#0a0b0d;place-items:center;display:grid}.resumeCard .shot.blank .blankMark{object-fit:contain;opacity:.55;width:2.5rem;height:2.5rem;position:static}.grid li:has(>.cardActions){border:1px solid var(--border-faint);background:var(--surface);border-radius:.6rem;flex-direction:column;display:flex;overflow:hidden}.grid li:has(>.cardActions)>a:first-child{border:0;border-radius:0;flex:1}.grid li:has(>a:first-child:hover,>a:first-child:focus-visible){border-color:var(--accent)}.cardActions{border-top:1px solid var(--border-faint);flex-wrap:wrap;align-items:center;gap:.3rem .8rem;padding:.45rem .85rem .6rem;font-size:.8rem;display:flex}.cardAct{color:var(--fg4);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:.15rem 0;text-decoration:underline}.cardAct:hover,.cardAct:focus-visible{color:var(--fg)}.cardAct:disabled{opacity:.5;cursor:default}.cardAsk{color:var(--fg2);overflow-wrap:anywhere;flex-basis:100%}.cardRename{border:1px solid var(--border-faint);background:var(--bg);min-width:0;color:var(--fg);font:inherit;border-radius:.35rem;flex:100%;padding:.3rem .45rem}.cardStatus{color:var(--fg3);flex-basis:100%}.cardStatus:empty{display:none}.empty{border:1px dashed var(--border-faint);text-align:center;border-radius:.6rem;padding:2.25rem 1.5rem}.emptyHead{margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.emptySays{max-width:34rem;color:var(--fg4);text-wrap:pretty;margin:0 auto 1.15rem;font-size:.92rem}.homeWait{display:none}html[data-home=pending] .homeWait{min-height:100vh;display:block}html[data-home=pending] #landing,html[data-home=pending] #signIn,html[data-home=pending] #why{display:none}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bone{animation:1.4s ease-in-out infinite bone;display:block}@keyframes bone{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.bone{animation:none}}.bone{background:var(--surface);border-radius:.4rem}.railBone{width:7rem;height:1.9rem}.headBone{width:14rem;height:1.4rem}.siteFoot{border-top:1px solid var(--border-faint);background:var(--surface)}.footIn{max-width:63rem;padding:1.75rem max(1.15rem, env(safe-area-inset-left)) calc(2rem + env(safe-area-inset-bottom));margin:0 auto;font-size:.86rem}.footIn nav{flex-wrap:wrap;gap:.5rem 1.35rem;margin-bottom:.9rem;display:flex}.footIn a{color:var(--fg3);text-decoration:none}.footIn a:hover{color:var(--fg)}.footIn small{color:var(--fg4)}.landing{padding-block:2.5rem 1rem}.heroHead{letter-spacing:-.01em;margin:0 0 1.5rem;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.15}.pile{border:1px solid var(--border-faint);border-radius:.6rem;margin:0 0 1.5rem;position:relative;overflow:hidden}.pile svg{aspect-ratio:1200/540;opacity:0;width:100%;height:auto;max-height:55vh;animation:0s 1.2s forwards pileShow;display:block}.pile[data-ready] svg{opacity:1;animation:none}.pile[data-ready]:after{content:"";background-image:var(--grain);opacity:.1;pointer-events:none;background-size:128px;animation:.7s step-end infinite grain;position:absolute;inset:0}@keyframes pileShow{to{opacity:1}}@keyframes grain{20%{background-position:-37px 21px}40%{background-position:52px -64px}60%{background-position:-90px -12px}80%{background-position:18px 77px}}@media (prefers-reduced-motion:reduce){.pile[data-ready]:after{animation:none}}@media (width<=40rem){.pile svg{aspect-ratio:4/3}}.cta{flex-wrap:wrap;gap:.6rem;margin:0 0 1rem;display:flex}.tracks{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.track{background:var(--surface);border:1px solid var(--border-faint);border-radius:.6rem;align-items:center;gap:.9rem;padding:.7rem .95rem;display:flex}.play{background:var(--accent);width:2.5rem;height:2.5rem;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.play:hover,.play:focus-visible{filter:brightness(1.08)}.play svg{fill:currentColor;width:1rem;height:1rem}.play .iPause,.play[data-on] .iPlay{display:none}.play[data-on] .iPause{display:inline}.trackText{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.bar{background:var(--border-faint);border-radius:2px;height:3px;margin-top:.25rem;overflow:hidden}.fill{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.track .open{text-decoration:none}.track .open:hover,.track .open:focus-visible{color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border-faint);height:100%;color:inherit;border-radius:.6rem;flex-direction:column;gap:.4rem;padding:.85rem .95rem;text-decoration:none;display:flex}.card:hover,.card:focus-visible{border-color:var(--accent)}.cardTop{justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex}.mark{width:4.5rem;height:1.5rem;fill:var(--fg4)}.card:hover .mark,.card:focus-visible .mark{fill:var(--accent)}.open{color:var(--fg4);white-space:nowrap;font-size:.85rem}.card:hover .open,.card:focus-visible .open{color:var(--accent)}.cardName{color:var(--fg);font-size:.94rem;font-weight:600}.says{color:var(--fg4);font-size:.82rem;line-height:1.45}.home .resumeCard{align-items:center;gap:1.35rem;padding-left:1.35rem;display:flex}.home .resumeCard .mark{flex:none;width:5.5rem;height:2rem}@media (width<=44rem){.home .resumeCard{flex-direction:column;align-items:flex-start;padding-top:1.35rem}.home .resumeBody{padding:0 1.35rem 1.35rem 0}}.cardBone{border-radius:.6rem;height:6rem}.whyFigure{margin:0 0 .8rem}.whyShot{border:1px solid var(--border-faint);border-radius:.4rem;width:100%;height:auto;display:block}.whyCaption{color:var(--fg4);padding-top:.35rem;font-size:.85rem}.doc{padding-block:2.5rem 4rem}.doc p,.doc li{color:var(--fg3)}.doc li{margin-bottom:.4rem}.doc b,.doc strong{color:var(--fg2)}.doc a{color:var(--accent)}.doc h1{margin:0 0 var(--space-md);font-size:2rem;line-height:1.2}.doc h2{border-top:2px solid var(--border);margin:4rem 0 1rem;padding-top:1.25rem;font-size:1.5rem}.doc h3{border-left:3px solid var(--accent);margin:3rem 0 .75rem;padding-left:.6rem;font-size:1.15rem}.doc code{font-family:var(--mono);background:var(--surface-raised);border:1px solid var(--border-quiet);border-radius:var(--ctl-radius);padding:.1em .35em;font-size:.9em}.doc pre{margin:0 0 var(--space-lg);padding:var(--space-lg);background:var(--surface);border:1px solid var(--border-quiet);border-radius:4px;overflow-x:auto}.doc pre code{background:0 0;border:none;padding:0}.doc hr{margin:var(--space-2xl) 0;border:none;border-top:1px solid var(--border-faint)}.doc img{border-radius:4px;max-width:100%}