:root{color-scheme:dark;--bg: #191821;--panel: #201f2a;--well: #15141c;--ink: #e7e1d3;--muted: #aba6b6;--line: #46424f;--accent: #ebbf83;--green: #b2cfa0;--purple: #b9a6de;--blue: #a3bdd7;--red: #de9c9c;--focus: #f3d194;--shadow: #100f16;font-family:IBM Plex Mono,Courier New,monospace;font-synthesis:none}:root[data-theme=paper]{color-scheme:light;--bg: #eeeade;--panel: #e5e0d2;--well: #f6f2e8;--ink: #32362f;--muted: #606358;--line: #b8b7a6;--accent: #874422;--green: #416431;--purple: #6c4e84;--blue: #395d88;--red: #a34242;--focus: #874422;--shadow: #d9d4c5}:root[data-theme=green]{color-scheme:dark;--bg: #17211c;--panel: #1d2a23;--well: #111b16;--ink: #d8e6d5;--muted: #a1b7a2;--line: #42594a;--accent: #d7c888;--green: #b3dca3;--purple: #c2b2cd;--blue: #9ebfba;--red: #dca499;--focus: #c8e6b6;--shadow: #0e1712}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.8}button,code,pre{font:inherit}button{cursor:pointer}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--ink)}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--focus);outline-offset:5px}[hidden]{display:none!important}.page{width:min(900px,calc(100% - 64px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:92px;border-bottom:1px dashed var(--line);gap:20px;font-size:12px}.site-name{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.site-name svg{width:22px;height:22px;color:var(--accent)}.header-end{display:flex;align-items:center;gap:28px}.year{color:var(--muted);font-size:11px}.themes{display:none;align-items:center;gap:3px}.js .themes{display:flex}.theme-swatch{width:28px;height:32px;position:relative;border:0;padding:0;background:none}.theme-swatch:before{content:"";position:absolute;width:14px;height:14px;inset:9px 7px;border:1px solid var(--line)}.theme-swatch.dusk:before{background:#b9a6de}.theme-swatch.paper:before{background:#eeeade}.theme-swatch.green:before{background:#88b280}.theme-swatch[aria-pressed=true]:after{content:"";position:absolute;inset:4px 2px;border:1px solid var(--muted)}.masthead{padding:55px 0 30px}.plan-my{display:block;margin-bottom:16px;font-size:19px;color:var(--muted)}.pixel-wordmark{margin:0;color:var(--accent);font-size:clamp(8px,1.73vw,20px);line-height:1;letter-spacing:-.075em;font-weight:400;-webkit-user-select:none;user-select:none}@supports ((background-clip: text) or (-webkit-background-clip: text)){.pixel-wordmark{width:fit-content;background-image:linear-gradient(110deg,var(--accent) 8%,var(--accent) 24%,var(--red) 35%,var(--purple) 46%,var(--blue) 55%,var(--green) 64%,var(--accent) 78%,var(--accent) 92%);background-size:250% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent}}.color-rule{margin-top:32px;display:flex;width:190px;gap:5px}.color-rule i{flex:1;height:6px;background:var(--accent)}.color-rule i:nth-child(2){background:var(--red)}.color-rule i:nth-child(3){background:var(--purple)}.color-rule i:nth-child(4){background:var(--blue)}.color-rule i:nth-child(5){background:var(--green)}.color-rule i:nth-child(6){background:var(--ink)}.color-rule i:nth-child(7){background:var(--muted)}.color-rule i:nth-child(8){background:var(--line)}article{width:min(100%,772px)}h1,h2,h3{font-family:inherit;font-weight:500;text-wrap:balance}h1{margin:16px 0 24px;font-size:clamp(22px,2.65vw,27px);line-height:1.4;letter-spacing:-.035em}p{margin:0 0 21px}.intro>p{max-width:74ch}strong{font-weight:500;color:var(--ink)}code{overflow-wrap:anywhere;color:var(--green);font-size:.91em}.before-you-start{display:flex;align-items:baseline;gap:15px;margin-top:26px;color:var(--muted);font-size:13px}.note-mark{color:var(--green);font-size:20px;line-height:1}.contents{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:28px 0 48px;font-size:13px}.contents a{text-decoration:none}.contents a:hover{text-decoration:underline}.contents a span{color:var(--muted);margin-right:6px;font-size:11px}.contents>span{color:var(--line)}.step{position:relative;padding:42px 0 20px;border-top:1px dashed var(--line)}h2{display:flex;align-items:baseline;gap:18px;margin:0 0 20px;font-size:20px;line-height:1.55;letter-spacing:-.035em}.step-number{flex-shrink:0;color:var(--accent);font-size:13px;letter-spacing:0}.step-number:before{content:"[";color:var(--muted)}.step-number:after{content:"]";color:var(--muted)}#signin .step-number{color:var(--purple)}#plan .step-number{color:var(--green)}.client-tabs{display:none;gap:7px;margin:25px 0 18px;border-bottom:1px solid var(--line)}.js .client-tabs{display:flex}.client-tab{padding:10px 18px;border:1px solid transparent;border-bottom:0;color:var(--muted);background:none;font-size:13px;position:relative;bottom:-1px}.client-tab[aria-selected=true]{color:var(--accent);border-color:var(--line);background:var(--bg)}.tab-cursor{display:none}.client-tab[aria-selected=true] .tab-cursor{display:inline}.client-tab:hover{color:var(--ink)}.js .no-js-title{display:none}.client-panel>p{font-size:14px}.code-box,.planning-box{margin:22px 0;border:1px solid var(--line);box-shadow:5px 5px 0 var(--shadow);background:var(--well)}.box-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);font-size:11px;color:var(--muted)}.box-toolbar>span{overflow-wrap:anywhere}.copy{display:none;flex-shrink:0;border:1px solid var(--line);background:transparent;padding:6px 10px;min-height:33px;color:var(--accent);font-size:11px;line-height:1.5}.js .copy{display:inline-block}.copy:before{content:"[ ";opacity:.65}.copy:after{content:" ]";opacity:.65}.copy:hover,.copy[data-copied=true]{border-color:var(--accent);background:var(--accent);color:var(--well)}.code-box pre{margin:0;padding:24px;overflow:auto;white-space:pre;font-size:13px;line-height:1.95;scrollbar-color:var(--line) var(--well)}.code-box code{color:var(--ink);font-size:inherit}.small-note{color:var(--muted);font-size:12px;line-height:1.8}.message-box{display:flex;align-items:center;gap:16px;padding:18px;margin:24px 0;border:1px solid var(--line);background:var(--well)}.message-marker{color:var(--purple);font-size:22px}.message-box p{margin:0;flex:1}.planning-text{padding:26px;font-size:14px;line-height:1.9}.planning-text p:last-child{margin-bottom:0}.help{margin:18px 0 42px;padding:17px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);font-size:13px}.help summary{width:fit-content;color:var(--accent);cursor:pointer}.help-copy{padding-top:22px;color:var(--muted)}.help-copy p:last-child{margin-bottom:0}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding:22px 0 38px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}.made-by{flex-basis:100%;margin:4px 0 0}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link:focus{display:block;position:fixed;z-index:3;top:10px;left:10px;padding:12px;background:var(--well)}@media(prefers-reduced-motion:no-preference){.pixel-wordmark{animation:wordmark-colors 16s ease-in-out infinite alternate}@keyframes wordmark-colors{0%{background-position:0% 50%}to{background-position:100% 50%}}.color-rule i{animation:color-arrive .6s ease-out both}.color-rule i:nth-child(2){animation-delay:.06s}.color-rule i:nth-child(3){animation-delay:.12s}.color-rule i:nth-child(4){animation-delay:.18s}.color-rule i:nth-child(5){animation-delay:.24s}.color-rule i:nth-child(6){animation-delay:.3s}.color-rule i:nth-child(7){animation-delay:.36s}.color-rule i:nth-child(8){animation-delay:.42s}@keyframes color-arrive{0%{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}}@media(max-width:620px){body{font-size:14px;line-height:1.85}.page{width:calc(100% - 36px)}.site-header{min-height:74px;font-size:10px;gap:8px}.site-name{gap:8px}.site-name svg{width:18px}.header-end{gap:10px}.year{display:none}.masthead{padding-top:37px}.plan-my{font-size:16px;margin-bottom:12px}.pixel-wordmark{font-size:clamp(8px,2.83vw,17px)}.color-rule{margin-top:25px;width:130px}h1{font-size:22px}h2{font-size:17px;gap:12px}.contents{font-size:12px;gap:10px;margin-bottom:34px}.contents a span{margin-right:2px;font-size:10px}.step{padding-top:32px}.client-tabs{gap:3px}.client-tab{padding:10px 12px;font-size:12px}.box-toolbar{padding:10px;gap:8px;font-size:10px}.code-box pre{padding:18px 14px;font-size:12px}.copy{padding:5px 7px;font-size:10px;min-height:36px}.planning-text{padding:20px 17px;font-size:13px}.message-box{padding:12px;gap:10px}.site-footer nav{gap:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(forced-colors:active){.pixel-wordmark{background:none;color:CanvasText}}