:root{--g: #f8efde;--ink: #211b17;--body: #3b332d;--mut: #544a42;--sub: #6b5f55;--line: #c9b8a3;--line2: #a8968a;--accent: #c8845c;--accent-text: #9e5530;--swash-opacity: .6;--sidekick-blend: multiply;--sidekick-tilt: 0deg;--scrim: rgb(248 239 222 / .8);--sans: "Alegreya Sans", "Gill Sans", "Trebuchet MS", sans-serif;--hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;--fs-hand: 26px;--lh-hand: 1.05;--statement-size: clamp(2.75rem, 5.8vw, 5.1rem);--statement-size-home: clamp(2.75rem, 4.8vw, 4.3rem);--statement-weight: 300;--statement-leading: 1.03;--statement-tracking: -.02em;--statement-measure: 11.5em;--fs-chord: 24px;--fs-chord-minor: 19px;--fs-side: 17.5px;--fs-subhead: 24px;--fs-prose: 20px;--fs-background: 18.5px;--fs-feature-name: 27px;--fs-feature-desc: 19px;--fs-post-title: 25px;--fs-excerpt: 19px;--fs-module-name: 22px;--fs-item-name: 25px;--fs-item-desc: 19px;--fs-link: 18.5px;--fs-action: 17.5px;--fs-label: 17px;--fs-small: 16.5px;--lh-prose: 1.5;--lh-title: 1.2;--lh-subhead: 1.35;--lh-feature-name: 1.15;--lh-feature-desc: 1.42;--lh-post-title: 1.25;--lh-item-desc: 1.4;--measure-prose: 34em;--measure-excerpt: 35em;--measure-post-title: 30em;--measure-subhead: 26em;--page-max: 1280px;--page-pad: 40px;--page-bottom: 120px;--chord-weight: 2px;--chord-minor-weight: 1px;--chord-gap: 12px;--chord-above: 56px;--chord-minor-above: 72px;--hang-weight: 1px;--hang-inset: 24px;--hang-gutter: 40px;--joint: 5px;--tap: 44px;--underline-offset: 6px;--underline-weight: 1px;--focus-weight: 2px;--focus-offset: 3px;--drop-statement: 64px;--drop-single: 44px;--drop-feature-1: 104px;--drop-feature-2: 36px;--drop-feature-3: 36px;--drop-feature-4: 104px;--drop-group-1: 84px;--drop-group-2: 32px;--drop-group-3: 32px;--drop-group-4: 84px;--drop-phone: 28px;--sketch-gap: 40px;--sidekick-height: 150px;--sidekick-height-phone: 96px;--tick: 30px;--progress-box: 15px;--gap-item: 14px;--gap-module: 26px;--gap-post: 34px;--gap-para: 18px;--gap-links: 32px;--gap-bio: 52px;--gap-subhead: 28px;--footer-above: 40px;--footer-gap: 14px}@media(max-width:820px){:root{--page-pad: 20px;--page-bottom: 72px;--chord-above: 36px;--hang-inset: 18px;--hang-gutter: 0px;--fs-prose: 18.5px;--fs-subhead: 21px;--gap-bio: 28px;--gap-post: 26px;--gap-subhead: 20px;--sketch-gap: 24px;--sidekick-height: var(--sidekick-height-phone)}}@media(prefers-color-scheme:dark){:root:not([data-theme=paper]){--g: #1a1512;--ink: #f0eae2;--body: #d8cfc5;--mut: #bcb2a7;--sub: #9c9186;--line: #4a3f37;--line2: #6b5f55;--accent: #c8845c;--accent-text: #e3a07a;--swash-opacity: .55;--sidekick-blend: normal;--sidekick-tilt: -3deg;--scrim: rgb(26 21 18 / .8);color-scheme:dark}}:root[data-theme=dark]{--g: #1a1512;--ink: #f0eae2;--body: #d8cfc5;--mut: #bcb2a7;--sub: #9c9186;--line: #4a3f37;--line2: #6b5f55;--accent: #c8845c;--accent-text: #e3a07a;--swash-opacity: .55;--sidekick-blend: normal;--sidekick-tilt: -3deg;--scrim: rgb(26 21 18 / .8);color-scheme:dark}body{background:var(--g);color:var(--ink);font-family:var(--sans);font-size:var(--fs-prose);line-height:var(--lh-prose);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit}.page{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad) var(--page-bottom)}.chord{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-bottom:var(--chord-weight) solid var(--ink);padding:var(--chord-above) 0 var(--chord-gap)}.chord.minor{border-bottom-width:var(--chord-minor-weight);border-color:var(--sub);padding-top:var(--chord-minor-above)}.chord h1,.chord h2{font-size:var(--fs-chord);font-weight:700;line-height:var(--lh-title)}.chord.minor h2{font-size:var(--fs-chord-minor);font-weight:500;color:var(--mut)}.chord .side{font-size:var(--fs-side);font-weight:500;color:var(--mut)}.chord a.side,.chord a.home{min-height:var(--tap);display:inline-flex;align-items:flex-end}.chord a.home{text-decoration:none}.span{display:grid;grid-template-columns:repeat(12,1fr)}.col-1{grid-column:span 1}.col-3{grid-column:span 3}.col-8{grid-column:span 8}.col-10{grid-column:span 10}.col-12{grid-column:span 12}.hang{position:relative;min-width:0;border-left:var(--hang-weight) solid var(--line);padding:var(--drop, var(--drop-single)) var(--hang-gutter) 0 var(--hang-inset)}.hang:before{content:"";position:absolute;left:calc(var(--joint) / -2 - var(--hang-weight) / 2);top:calc(var(--joint) / -2 - var(--hang-weight) / 2);width:var(--joint);height:var(--joint);background:var(--ink)}.minor+.span .hang:before{background:var(--sub)}.hang.drop-statement{--drop: var(--drop-statement)}.statement{font-weight:var(--statement-weight);font-size:var(--statement-size);line-height:var(--statement-leading);letter-spacing:var(--statement-tracking);max-width:var(--statement-measure)}.statement-home{font-size:var(--statement-size-home)}.prose{max-width:var(--measure-prose);color:var(--body)}.prose p{margin-bottom:var(--gap-para)}.prose p.bg{color:var(--mut);font-size:var(--fs-background)}.prose strong{color:var(--ink);font-weight:700}.links{display:flex;flex-wrap:wrap;gap:0 var(--gap-links);margin-top:10px;color:var(--ink);font-weight:500;font-size:var(--fs-link)}.links a,.go{display:inline-flex;align-items:center;min-height:var(--tap);text-decoration:underline;text-underline-offset:var(--underline-offset)}.links a,.go,.chord a.side{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:7px}.links a:hover,.go:hover,.chord a.side:hover{text-decoration-color:var(--ink)}.go{font-weight:500;font-size:var(--fs-action);margin-top:4px}h3{font-weight:700;line-height:var(--lh-title)}.site-footer{margin-top:var(--footer-above)}.site-footer .chord{padding-top:var(--footer-above);padding-bottom:0}.site-footer .foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px var(--gap-links);padding-top:var(--footer-gap);font-size:var(--fs-small);color:var(--sub)}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--focus-weight) solid var(--ink);outline-offset:var(--focus-offset)}.skip-link{position:absolute;top:-100px;left:0;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 16px;background:var(--ink);color:var(--g);font-size:var(--fs-action);font-weight:500;z-index:10000}.skip-link:focus{top:0}.swashed{position:relative;isolation:isolate;display:inline-block}.swash{position:absolute;z-index:-1;left:-.35em;top:12%;width:calc(100% + .7em);height:86%;fill:var(--accent);opacity:var(--swash-opacity)}.note{font-family:var(--hand);font-weight:600;font-size:var(--fs-hand);line-height:var(--lh-hand);color:var(--accent-text)}.scrawl{display:flex;align-items:flex-start;gap:10px;margin-top:16px}.scrawl svg{flex:none;stroke:var(--accent-text);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.scrawl .note{margin-top:14px}.lights{font-family:var(--hand);font-weight:600;font-size:var(--fs-hand);line-height:1;color:var(--accent-text);background:none;border:0;padding:0 4px;min-height:var(--tap);cursor:pointer;text-decoration:underline wavy var(--accent);text-decoration-thickness:1.5px;text-underline-offset:7px}.lights:hover{text-decoration-color:var(--ink)}.chord .aside{display:flex;align-items:center;gap:24px}@media(prefers-reduced-motion:no-preference){.arrow{display:inline-block;transition:transform .2s ease}a:hover .arrow{transform:translate(4px)}}@media(max-width:820px){.span{display:block}.hang{--drop: var(--drop-phone) !important}.hang+.hang:before{display:none}.chord .aside .note{display:none}.chord:has(>.note){flex-wrap:wrap;row-gap:6px}.chord>.note{flex-basis:100%}}*{margin:0;padding:0;box-sizing:border-box}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{display:flex;align-items:center;gap:14px;min-width:300px;padding:12px 16px;background:var(--ink);color:var(--g);cursor:pointer}.toast-icon{flex-shrink:0;font-weight:700}.toast-message{flex:1;font-size:var(--fs-action);line-height:var(--lh-item-desc)}.toast-close{flex-shrink:0;width:var(--tap);height:var(--tap);background:none;border:none;color:var(--g);font-family:inherit;font-size:var(--fs-chord);cursor:pointer}@media(max-width:820px){.toast-container{top:16px;right:16px;left:16px;max-width:none}.toast{min-width:0;width:100%}}.prose.bio{margin-top:var(--gap-bio)}.prose.bio p{white-space:pre-line}.sketch{display:block;width:100%;height:auto;margin-top:var(--sketch-gap)}.greeting-phone{display:none}.sketch-note{display:flex;align-items:flex-start;gap:10px;margin:-6px 0 0 calc(28% - 10px)}.sketch-note svg{flex:none;stroke:var(--accent-text);stroke-width:2.5;fill:none;stroke-linecap:round}.sketch-note p{margin-top:14px}.sketch~.prose.bio{margin-top:var(--sketch-gap)}.chord.with-sidekick{padding-top:max(var(--chord-above),calc(var(--sidekick-height) + var(--chord-gap)))}.sidekick{position:absolute;right:8px;bottom:calc(var(--chord-weight) * -.5);height:var(--sidekick-height);width:auto;mix-blend-mode:var(--sidekick-blend);transform:rotate(var(--sidekick-tilt));transform-origin:50% 100%}.feature:nth-child(4n+1){--drop: var(--drop-feature-1)}.feature:nth-child(4n+2){--drop: var(--drop-feature-2)}.feature:nth-child(4n+3){--drop: var(--drop-feature-3)}.feature:nth-child(4n+4){--drop: var(--drop-feature-4)}.feature h3{font-size:var(--fs-feature-name);line-height:var(--lh-feature-name)}.feature-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tick{flex:none;width:var(--tick);height:calc(var(--tick) * .8);stroke:var(--accent-text);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0}.feature:hover .tick,.feature:focus-within .tick{opacity:1}.progress{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px}.progress .boxes{display:inline-flex;gap:7px}.progress .box{width:var(--progress-box);height:var(--progress-box);border:1.5px solid var(--ink)}.progress .box.done{background:var(--ink)}.progress .note{margin-left:6px;font-size:calc(var(--fs-hand) * .92)}.feature p{margin-top:8px;color:var(--mut);font-size:var(--fs-feature-desc);line-height:var(--lh-feature-desc)}.group:nth-child(4n+1){--drop: var(--drop-group-1)}.group:nth-child(4n+2){--drop: var(--drop-group-2)}.group:nth-child(4n+3){--drop: var(--drop-group-3)}.group:nth-child(4n+4){--drop: var(--drop-group-4)}.feature:nth-child(n+5):before,.group:nth-child(n+5):before{display:none}.group .label{font-weight:500;font-size:var(--fs-label);color:var(--sub);margin-bottom:10px}.item{display:block;text-decoration:none;padding:6px 0 var(--gap-item);min-height:var(--tap)}.item h3{font-size:var(--fs-item-name)}.item p{color:var(--mut);font-size:var(--fs-item-desc);line-height:var(--lh-item-desc);margin-top:2px}a.item:hover h3,.item[role=button]:hover h3,.post:hover h3{text-decoration:underline;text-decoration-thickness:var(--underline-weight);text-underline-offset:5px}.posts{display:grid;grid-template-columns:2fr 10fr}.posts time{font-weight:500;font-size:var(--fs-small);color:var(--sub);padding:0 var(--hang-inset) 0 0;line-height:2}.post{position:relative;min-width:0;border-left:var(--hang-weight) solid var(--line);padding:0 0 var(--gap-post) var(--hang-inset);text-decoration:none;display:block}.posts time.first,.post.first{padding-top:var(--drop-single)}.post.first:before{content:"";position:absolute;left:calc(var(--joint) / -2 - var(--hang-weight) / 2);top:calc(var(--joint) / -2 - var(--hang-weight) / 2);width:var(--joint);height:var(--joint);background:var(--ink)}.post h3:before{content:"";position:absolute;left:calc(var(--hang-inset) * -1 - 5px - var(--hang-weight) / 2);top:.45em;width:10px;height:10px;background:var(--ink)}.post h3{position:relative;font-size:var(--fs-post-title);font-weight:500;line-height:var(--lh-post-title);max-width:var(--measure-post-title)}.post p{color:var(--mut);font-size:var(--fs-excerpt);max-width:var(--measure-excerpt);margin-top:4px}@media(prefers-reduced-motion:no-preference){.tick{transition:opacity .1s}.tick path{stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .35s ease}.feature:hover .tick path,.feature:focus-within .tick path{stroke-dashoffset:0}.sidekick{transition:transform .3s ease}.sidekick:hover{transform:rotate(calc(var(--sidekick-tilt) - 4deg))}}@media(max-width:820px){.greeting-phone{display:block;margin-bottom:12px}.posts{display:block}.posts time{display:block;border-left:var(--hang-weight) solid var(--line);padding:0 0 0 var(--hang-inset)}.posts time.first{position:relative;padding-top:var(--drop-phone)}.post.first{padding-top:0}.post.first:before{display:none}.posts time.first:before{content:"";position:absolute;left:calc(var(--joint) / -2 - var(--hang-weight) / 2);top:calc(var(--joint) / -2 - var(--hang-weight) / 2);width:var(--joint);height:var(--joint);background:var(--ink)}}.admin-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px}.loading,.empty-state{padding:var(--drop-single) 0;color:var(--mut)}.section-docs{padding-top:14px;font-size:var(--fs-item-desc);color:var(--mut)}.section-docs strong{color:var(--ink)}.item[role=button]{cursor:pointer}.admin-status{font-size:var(--fs-small);font-weight:500;color:var(--sub)}.btn-add,.btn-edit,.btn-toggle-view,.btn-github,.btn-live,.btn-cancel,.btn-save,.btn-delete{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 16px;border:1px solid var(--sub);background:transparent;color:var(--ink);font-family:inherit;font-size:var(--fs-action);font-weight:500;text-decoration:none;cursor:pointer}.btn-add:hover,.btn-edit:hover,.btn-toggle-view:hover,.btn-github:hover,.btn-live:hover,.btn-cancel:hover:not(:disabled),.btn-delete:hover:not(:disabled){border-color:var(--ink)}.btn-save,.btn-toggle-view.active{background:var(--ink);border-color:var(--ink);color:var(--g)}.btn-delete{text-decoration:underline;text-decoration-color:var(--sub);text-underline-offset:var(--underline-offset)}.btn-github:disabled,.btn-cancel:disabled,.btn-save:disabled,.btn-delete:disabled{opacity:.5;cursor:not-allowed}.about-edit{margin-bottom:16px}.feature .btn-edit{margin:8px 16px 0 0}.login-container{display:inline-block}.error-message{color:var(--ink);font-size:var(--fs-small);margin-top:6px}.user-menu-container{position:relative}.user-menu-btn{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;background:transparent;border:1px solid var(--sub);cursor:pointer}.user-avatar,.user-avatar-placeholder{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder{display:flex;align-items:center;justify-content:center;color:var(--ink);font-weight:700}.user-dropdown{position:absolute;top:100%;right:0;margin-top:6px;min-width:220px;background:var(--g);border:1px solid var(--sub);z-index:100}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;cursor:default}.user-info{padding:12px 14px}.user-name{font-weight:700;font-size:var(--fs-action)}.user-email{color:var(--mut);font-size:var(--fs-small);word-break:break-all}.dropdown-divider{height:1px;background:var(--line)}.dropdown-item{width:100%;min-height:var(--tap);padding:0 14px;text-align:left;background:none;border:none;color:var(--ink);font-family:inherit;font-size:var(--fs-action);cursor:pointer}.dropdown-item:hover{text-decoration:underline;text-underline-offset:var(--underline-offset)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:var(--g);border:1px solid var(--sub);width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-bottom:var(--chord-weight) solid var(--ink)}.modal-header h2{font-size:var(--fs-chord);font-weight:700;line-height:var(--lh-title)}.modal-close{width:var(--tap);height:var(--tap);flex-shrink:0;background:transparent;border:1px solid var(--sub);color:var(--ink);font-family:inherit;font-size:var(--fs-chord);line-height:1;cursor:pointer}.modal-close:hover{border-color:var(--ink)}.modal-body{padding:24px;flex:1;overflow:auto;color:var(--body)}.modal-footer{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 24px;border-top:1px solid var(--line)}.modal-footer .spacer{flex:1}.modal-confirm{color:var(--ink)}.modal-description{margin-bottom:20px}.modal-description.empty{color:var(--mut)}.modal-meta{margin-bottom:14px;color:var(--ink)}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:var(--fs-label);color:var(--ink)}.form-group small,.form-hint{display:block;margin-top:6px;color:var(--mut);font-size:var(--fs-small)}.form-input,.edit-textarea,.status-select{width:100%;min-height:var(--tap);padding:8px 12px;border:1px solid var(--sub);background:var(--g);color:var(--ink);font-family:inherit;font-size:var(--fs-item-desc);line-height:var(--lh-item-desc)}.edit-textarea{min-height:280px;resize:vertical}.form-input:disabled{color:var(--sub);cursor:not-allowed}.form-input::placeholder,.edit-textarea::placeholder{color:var(--sub)}.tag-badge,.status-badge{font-size:var(--fs-small);font-weight:500;color:var(--sub)}.sub{font-size:var(--fs-subhead);line-height:var(--lh-subhead);color:var(--body);max-width:var(--measure-subhead);margin-top:var(--gap-subhead)}.landing-links{margin-top:22px}.modules{max-width:var(--measure-prose)}.prose p+.modules{margin-top:26px}.module{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--gap-links);padding-bottom:var(--gap-module)}.module h3{color:var(--ink);font-size:var(--fs-module-name)}.module span{font-size:var(--fs-label);font-weight:500;color:var(--sub);white-space:nowrap;padding-top:4px}.modules .module p{grid-column:1 / -1;color:var(--mut);font-size:var(--fs-excerpt);margin:2px 0 0}.prose ul{list-style:none;margin-bottom:var(--gap-para)}.prose li{margin-bottom:var(--gap-item)}.prose code,.module code{font-family:inherit;font-size:inherit;font-weight:500;color:var(--ink)}