:root{--sketch-bg: #d7e5f4;--sketch-ink: #1e2127;--sketch-muted: #4d5360}html,body{height:100vh;overflow:hidden;overscroll-behavior:none}body{margin:0;box-sizing:border-box;display:grid;grid-template:"header" 3rem "stage" 1fr "titlebar" 4rem;background:var(--sketch-bg);color:var(--sketch-ink);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;overflow-wrap:anywhere}.sketch-header,.sketch-titlebar{display:grid;align-items:center;gap:1rem;padding-inline:2rem;position:relative;z-index:1}.sketch-header{grid-area:header;font-size:1rem;letter-spacing:.14em;color:var(--sketch-muted)}.sketch-site-title{justify-self:end;color:inherit;text-decoration:none;view-transition-name:site-title}.sketch-site-title:hover,.sketch-site-title:focus-visible{color:var(--sketch-ink)}.sketch-stage{grid-row:header-start / titlebar-end;grid-column:stage;min-height:0;display:grid;position:relative}.sketch-stage>canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.sketch-titlebar{position:fixed;inset-inline:0;bottom:0;height:4rem;grid-template-columns:1fr}.sketch-titlebar h1{margin:0;font-weight:500;font-size:clamp(1.25rem,3vw,1.875rem);letter-spacing:-.02em;color:var(--sketch-muted)}@view-transition{navigation:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.15s}