html{font-size: 62.5%;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;}body{font-size: 1.8rem;line-height: 1.618;max-width: 38em;margin: auto;color: #d9d8dc;background-color: #120c0e;padding: 13px;}@media (max-width: 684px){body{font-size: 1.53rem;}}@media (max-width: 382px){body{font-size: 1.35rem;}}h1,h2,h3,h4,h5,h6{line-height: 1.1;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-weight: 700;margin-top: 3rem;margin-bottom: 1.5rem;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-word;}h1{font-size: 2.35em;}h2{font-size: 2em;}h3{font-size: 1.75em;}h4{font-size: 1.5em;}h5{font-size: 1.25em;}h6{font-size: 1em;}p{margin-top: 0px;margin-bottom: 2.5rem;}small,sub,sup{font-size: 75%;}hr{border-color: #eb99a1;}a{text-decoration: none;color: #eb99a1;}a:visited{color: #e26f7a;}a:hover{color: #DA4453;border-bottom: 2px solid #d9d8dc;}ul{padding-left: 1.4em;margin-top: 0px;margin-bottom: 2.5rem;}li{margin-bottom: 0.4em;}blockquote{margin-left: 0px;margin-right: 0px;padding-left: 1em;padding-top: 0.8em;padding-bottom: 0.8em;padding-right: 0.8em;border-left: 5px solid #eb99a1;margin-bottom: 2.5rem;background-color: #40363a;}blockquote p{margin-bottom: 0;}img,video{height: auto;max-width: 100%;margin-top: 0px;margin-bottom: 2.5rem;}pre{background-color: #40363a;display: block;padding: 1em;overflow-x: auto;margin-top: 0px;margin-bottom: 2.5rem;font-size: 0.9em;}code,kbd,samp{font-size: 0.9em;padding: 0 0.5em;background-color: #40363a;white-space: pre-wrap;}pre > code{padding: 0;background-color: transparent;white-space: pre;font-size: 1em;}table{text-align: justify;width: 100%;border-collapse: collapse;margin-bottom: 2rem;}td,th{padding: 0.5em;border-bottom: 1px solid #40363a;}input,textarea{border: 1px solid #d9d8dc;}input:focus,textarea:focus{border: 1px solid #eb99a1;}textarea{width: 100%;}.button,button,input[type=submit],input[type=reset],input[type=button],input[type=file]::file-selector-button{display: inline-block;padding: 5px 10px;text-align: center;text-decoration: none;white-space: nowrap;background-color: #eb99a1;color: #120c0e;border-radius: 1px;border: 1px solid #eb99a1;cursor: pointer;box-sizing: border-box;}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,input[type=file]::file-selector-button:hover{background-color: #DA4453;color: #120c0e;outline: 0;}.button[disabled],button[disabled],input[type=submit][disabled],input[type=reset][disabled],input[type=button][disabled],input[type=file][disabled]{cursor: default;opacity: 0.5;}.button:focus-visible,button:focus-visible,input[type=submit]:focus-visible,input[type=reset]:focus-visible,input[type=button]:focus-visible,input[type=file]:focus-visible{outline-style: solid;outline-width: 2px;}textarea,select,input{color: #d9d8dc;padding: 6px 10px;margin-bottom: 10px;background-color: #40363a;border: 1px solid #40363a;border-radius: 4px;box-shadow: none;box-sizing: border-box;}textarea:focus,select:focus,input:focus{border: 1px solid #eb99a1;outline: 0;}input[type=checkbox]:focus{outline: 1px dotted #eb99a1;}label,legend,fieldset{display: block;margin-bottom: 0.5rem;font-weight: 600;}:root{--ground:#120C0E;--band:#1C1417;--panel:#2A2024;--paper:#F4F1EA;--rose:#EB99A1;--skin:#C9A38A;--snap:#FFFC00;--mute:#B8AEB2;--u:8px;--display:"Big Shoulders Display","Arial Narrow",sans-serif;--body:"Public Sans",system-ui,sans-serif;--s1:1rem;--s2:1.25rem;color-scheme:dark;}@media (min-width:900px){:root{--s2:1.5rem}}html{font-size:100%;font-family:var(--body);scrollbar-color:var(--rose) var(--ground)}body{max-width:none;margin:0;padding:0;background:var(--ground);color:var(--paper);font-family:var(--body);font-size:var(--s1);line-height:1.6;overflow-x:clip;caret-color:var(--rose)}::selection{background:var(--rose);color:var(--ground)}h1,h2{font-family:var(--display);font-weight:800;margin:0;text-wrap:balance;letter-spacing:0}p{margin:0;text-wrap:pretty}a:hover{border-bottom:0}:focus-visible{outline:3px solid var(--rose);outline-offset:3px}img{margin:0}.hero{min-height:100dvh;display:grid;align-content:start;justify-items:center;text-align:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 4);padding-top:max(calc(var(--u) * 2),env(safe-area-inset-top));box-sizing:border-box}.brand{display:flex;align-items:center;gap:var(--u);color:var(--paper);font-weight:600;font-size:var(--s1)}.brand img{width:48px;height:48px;border-radius:8px}.hero h1{font-size:clamp(2.4rem,10.4vw,7rem);line-height:.92;text-transform:uppercase;color:var(--paper)}.hero h1 span{display:block}.hand{width:min(300px,82vw);height:auto;display:block;margin-top:calc(var(--u) * -1)}.lede{max-width:34ch;color:var(--mute)}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;box-sizing:border-box;padding:0 calc(var(--u) * 3);background:var(--snap);color:var(--ground);border:4px solid var(--paper);border-radius:6px;font-weight:600;font-size:var(--s1);text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}.cta:visited,.cta:hover{color:var(--ground);border-bottom:4px solid var(--paper)}@media (hover:hover) and (pointer:fine){.cta:hover{transform:translateY(-2px)}}.note{color:var(--mute)}@media (min-width:900px){.hero{grid-template-columns:1.15fr .85fr;grid-template-areas:"brand brand" "h1 art" "lede art" "cta art" "note art";align-content:center;column-gap:calc(var(--u) * 6);padding:calc(var(--u) * 4) calc(var(--u) * 8);max-width:1240px;margin:0 auto;min-height:100dvh}.brand{grid-area:brand;justify-self:center}.hero h1{grid-area:h1;max-width:none;font-size:clamp(4rem,7.4vw,7rem)}.hand{grid-area:art;width:min(360px,100%);align-self:center}.lede{grid-area:lede}.hero .cta{grid-area:cta}.note{grid-area:note}}.band{background:var(--band);clip-path:polygon(0 calc(var(--u) * 5),100% 0,100% 100%,0 100%);padding:calc(var(--u) * 8) calc(var(--u) * 2) calc(var(--u) * 6)}.panel{max-width:1080px;margin:0 auto;border:1px solid #3A2F33;border-radius:6px;background:var(--ground)}.q{display:grid;gap:calc(var(--u) * 2);padding:calc(var(--u) * 4) calc(var(--u) * 2);text-align:center}.q + .q{border-top:1px solid #3A2F33}.q h2{font-size:var(--s2);line-height:1.2;color:var(--paper)}.q > p{color:var(--mute);max-width:60ch;margin:0 auto}@media (min-width:900px){.q{grid-template-columns:260px 1fr;column-gap:calc(var(--u) * 6);padding:calc(var(--u) * 6);text-align:center}.q h2{align-self:start;position:sticky;top:calc(var(--u) * 4)}.q > *:not(h2){grid-column:2}}.story{display:grid}.stage{position:sticky;top:0;z-index:1;height:40dvh;display:grid;place-items:center;background:var(--ground)}.stage svg{height:calc(40dvh - var(--u) * 2);width:auto;max-width:100%}.steps{list-style:none;margin:0;padding:0}.steps li{min-height:60dvh;display:grid;place-items:center;margin:0}.steps p{font-size:var(--s2);line-height:1.4;max-width:24ch;color:var(--paper)}@media (min-width:900px){.story{grid-template-columns:1fr 1fr;column-gap:calc(var(--u) * 4)}.stage{height:auto;top:calc(var(--u) * 6);align-self:start;padding:calc(var(--u) * 2) 0}.stage svg{height:min(400px,70dvh)}}.part{transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}[data-step="1"] .p-rate,[data-step="1"] .p-queue,[data-step="2"] .p-queue{opacity:0;transform:translateY(16px)}[data-step="1"] .p-user{transform:translateY(96px) scale(1.02)}.arc{position:relative;max-width:520px;width:100%;margin:0 auto;touch-action:none}.arc svg{display:block;width:100%;height:auto}.knob{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:3px solid var(--paper);background:var(--panel);cursor:grab;padding:0;transition:left .3s cubic-bezier(.16,1,.3,1),top .3s cubic-bezier(.16,1,.3,1)}.knob.drag{transition:none;cursor:grabbing}.stops{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--u);list-style:none;margin:0;padding:0}.stops li{margin:0;color:var(--mute);transition:color .3s}.stops li strong{display:block;color:var(--paper);font-weight:600}.stops li[aria-current="true"]{color:var(--rose)}.stops li[aria-current="true"] strong{color:var(--rose)}.keys{list-style:none;margin:0 auto;padding:0;display:grid;gap:calc(var(--u) * 1.5);max-width:520px;width:100%}.keys li{display:grid;grid-template-columns:24px 112px 1fr;align-items:center;gap:calc(var(--u) * 1.5);margin:0;text-align:left;color:var(--mute)}.keys svg{width:24px;height:24px;fill:var(--rose)}kbd{display:inline-block;text-align:center;font-family:var(--body);font-weight:600;font-size:var(--s1);color:var(--paper);background:var(--panel);border:1px solid #5A4C52;border-bottom-width:3px;border-radius:6px;padding:calc(var(--u) * .5) var(--u);white-space:nowrap}footer{margin-top:calc(var(--u) * 6);padding:calc(var(--u) * 4) calc(var(--u) * 2) calc(var(--u) * 14);border-top:1px solid #3A2F33;text-align:center;color:var(--mute)}.foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--u) calc(var(--u) * 2)}.foot img{width:32px;height:32px;border-radius:6px}.foot a{color:var(--rose);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}.tag{font-size:var(--s1);color:var(--mute);border:1px solid #5A4C52;border-radius:4px;padding:0 var(--u);margin-left:var(--u)}.lang{margin-top:var(--u)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;padding:var(--u) calc(var(--u) * 2) max(var(--u),env(safe-area-inset-bottom));background:var(--ground);border-top:1px solid #3A2F33;transform:translateY(110%);visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility .3s}.bar.on{transform:none;visibility:visible}@supports (animation-timeline: view()){.hand{animation:drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}@keyframes drift{to{transform:translateY(-32px) rotate(-3deg)}}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important}}body,html{max-inline-size:100%;overflow-x:clip}@font-face{font-family: 'Big Shoulders Display';font-style: normal;font-weight: 800;font-display: swap;src: url(../fonts/bigshouldersdisplay.3aa08ae9.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: 'Big Shoulders Display';font-style: normal;font-weight: 800;font-display: swap;src: url(../fonts/bigshouldersdisplay.7505fd26.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: 'Public Sans';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/publicsans.e4df1b6c.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: 'Public Sans';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/publicsans.754a9137.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: 'Public Sans';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/publicsans.e4df1b6c.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: 'Public Sans';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/publicsans.754a9137.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;}