:root{--ground:#F2F1EC;--ink:#17171B;--slate:#5E5E66;--flame:#FF5A1F;--cobalt:#2F45F5;--display:"Bricolage Grotesque","Figtree",sans-serif;--body:"Figtree",sans-serif;--s-body:1rem;--s-mid:clamp(1.25rem,1.1rem + 0.6vw,1.5rem);--s-big:clamp(2rem,1.3rem + 3.2vw,3.4rem);--line:1px solid var(--ink);--r:12px;}*{box-sizing:border-box}[hidden]{display:none !important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--slate) var(--ground)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--s-body)/1.6 var(--body);overflow-x:clip}::selection{background:var(--ink);color:var(--ground)}a{color:inherit}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}h1,h2,h3{font-family:var(--display);font-weight:800;margin:0;text-wrap:balance;letter-spacing:-0.02em}h1{font-size:var(--s-big);line-height:1.02}h2,h3{font-size:var(--s-mid);line-height:1.15}p{margin:0;text-wrap:pretty}.wrap{max-width:1120px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.session{border:var(--line);border-radius:var(--r)}.bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:var(--line)}.bar img{width:56px;height:56px;display:block;flex:none}.bar .name{font-family:var(--display);font-weight:800;font-size:var(--s-mid);line-height:1}.bar .where{margin-left:auto;color:var(--slate)}.talk{padding:16px}.wish{margin:0 0 16px auto;max-width:30ch;border:var(--line);border-radius:var(--r) var(--r) 4px var(--r);padding:8px 16px;width:fit-content}.who{display:block;color:var(--slate);font-weight:600}.reply{display:grid;gap:24px}.reply .lead{color:var(--slate);margin-top:12px;max-width:44ch}.start-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin-top:24px;padding:12px 24px;background:var(--flame);color:var(--ink);border-radius:var(--r);font:600 var(--s-mid)/1.1 var(--body);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.16,1,.3,1)}.start-btn:active{transform:scale(.97)}.start-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.under{margin-top:8px;color:var(--slate)}.hero{display:grid;gap:12px;justify-items:start}.switch{display:inline-grid;grid-template-columns:1fr 1fr;border:var(--line);border-radius:999px;padding:4px;position:relative}.switch button{min-height:44px;min-width:112px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:600 var(--s-body)/1 var(--body);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s}.switch button[aria-pressed="true"]{background:var(--ink);color:var(--ground)}[data-side="with"] .card{width:100%;max-width:400px;height:auto;display:block}.cap{color:var(--slate)}.guide{margin-top:32px;border:var(--line);border-radius:var(--r);padding:0 16px}.guide > *{padding:24px 0;border-top:1px solid rgba(23,23,27,.2)}.guide > *:first-child{border-top:0}.toc a{white-space:nowrap;text-decoration-thickness:1px;text-underline-offset:3px}.hang{display:grid;gap:12px}.post{display:grid;gap:8px;padding:16px 0;border-top:1px solid rgba(23,23,27,.2)}.post.best{border-top:var(--line)}.hang > div > .post:first-child{padding-top:16px}.tag{display:inline-flex;align-items:center;gap:8px;color:var(--slate);font-weight:600}.tag svg{width:20px;height:20px;flex:none}.best{border:var(--line);border-radius:var(--r);padding:16px}.best .tag{color:var(--ink)}.q{color:var(--slate)}.steps{list-style:none;margin:0;padding:0;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-marker-group:after;overscroll-behavior-x:contain}.steps::scroll-marker-group{display:flex;gap:8px;justify-content:center;margin-top:16px}.steps li{flex:0 0 82%;scroll-snap-align:start;border:var(--line);border-radius:var(--r);padding:16px;display:grid;gap:8px;align-content:start}.steps li::scroll-marker{content:"";width:12px;height:12px;border-radius:50%;border:var(--line)}.steps li::scroll-marker:target-current{background:var(--ink)}.steps svg{width:28px;height:28px}.steps li:last-child{border-color:var(--cobalt)}.steps li:last-child svg{color:var(--cobalt)}.steps strong{font-weight:600}.term{border:var(--line);border-radius:var(--r);overflow:hidden;max-width:560px}.term .top{display:flex;gap:8px;padding:8px 16px;border-bottom:var(--line)}.term .top i{width:12px;height:12px;border-radius:50%;border:var(--line);display:block}.term .body{padding:16px;display:grid;gap:16px}.cmd{font-family:var(--body);font-weight:600;overflow-wrap:anywhere}.cmd .p{color:var(--slate)}.caret{display:inline-block;width:10px;height:1.1em;vertical-align:-0.18em;background:var(--ink);margin-left:4px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.term .start-btn{margin-top:0}.fine{color:var(--slate)}.fine button{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}footer{margin-top:48px;border-top:var(--line);padding:32px 0 max(32px,env(safe-area-inset-bottom));display:grid;gap:24px}footer .brand{font-family:var(--display);font-weight:800;font-size:var(--s-mid)}footer p{color:var(--slate);max-width:46ch;margin-top:8px}footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;align-content:start}footer li a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;background:linear-gradient(var(--ink),var(--ink)) left bottom/0 1px no-repeat;transition:background-size .3s cubic-bezier(.16,1,.3,1)}footer li a:focus-visible{background-size:100% 1px}@media (hover: hover){footer li a:hover{background-size:100% 1px}}footer .src{text-decoration:underline dotted;text-underline-offset:4px;background:none}.veil{position:fixed;inset:0;background:rgba(23,23,27,.45);z-index:20}.drawer{position:fixed;inset:0 0 0 auto;width:100%;background:var(--ground);border-left:var(--line);z-index:21;padding:56px 16px 32px;overflow-y:auto;overscroll-behavior:contain}.drawer .x{position:fixed;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:0;background:var(--ink);color:var(--ground);cursor:pointer;display:grid;place-items:center}.drawer .x svg{width:20px;height:20px}.drawer section{padding:24px 0;border-top:1px solid rgba(23,23,27,.2)}.drawer h2{display:flex;align-items:center;gap:8px}.drawer .hash{border:0;background:none;font:inherit;color:var(--slate);cursor:pointer;min-width:44px;min-height:44px}.drawer dl{margin:12px 0 0}.drawer dt{font-weight:600;margin-top:12px}.drawer dd{margin:4px 0 0;color:var(--slate)}.copied{color:var(--slate);min-height:1.6em}@media (min-width: 900px){.bar img{width:96px;height:96px}.talk{padding:24px 32px}.reply{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:48px}.wish{margin-bottom:24px}.start-btn{max-width:480px}.guide{padding:0 32px}.hang{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:32px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.steps::scroll-marker-group{display:none}footer{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.drawer{width:min(480px,100%);padding:56px 32px 32px}.drawer .x{position:absolute;top:-4px;left:-22px;right:auto}.drawer{overflow:visible}.drawer .inner{max-height:calc(100dvh - 88px);overflow-y:auto}}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}::view-transition-old(root),::view-transition-new(root){animation:none !important}}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(../fonts/bricolagegrotesque-391bae52.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(../fonts/bricolagegrotesque-03406a0b.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/figtree-414b839e.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/figtree-19892a64.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/figtree-414b839e.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/figtree-19892a64.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}