:root{--ink: #222222;--white: #ffffff;--grey-text: #4a4a4a;--line: #e6e6e6;--soft: #f5f5f5;--grey-glyph: #8e8e8e;--grey-on-ink: #c2c2c7;--paper: #f9f8f6;--space-0: 0px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--space-80: 80px;--radius-pill: 999px;--radius-card: 20px;--radius-sheet: 34px;--radius-tile: 48px;--radius-alert: 50px;--radius-media: 40px;--stroke-outline: 3px;--stroke-tag: 2px;--stroke-line: 1px;--size-button: 56px;--size-option: 64px;--size-tap: 44px;--pad-row: 14px;--pad-sheet: 46px;--pad-inline: 10px;--pad-tile-text: 28px;--font: "helvetica-neue-lt-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;--type-display: 700 34px/40px var(--font);--type-h1: 700 30px/36px var(--font);--type-h2: 700 22px/28px var(--font);--type-body: 400 18px/26px var(--font);--type-body-bold: 700 18px/24px var(--font);--type-caption: 400 16px/22px var(--font);--type-caption-bold: 700 16px/22px var(--font);--type-nav: 500 16px/22px var(--font);--type-tag: 700 15px/20px var(--font)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--white);color:var(--ink);font:var(--type-body)}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--white)}[tabindex="-1"]:focus{outline:none;box-shadow:none}.t-display{font:var(--type-display)}.t-h1{font:var(--type-h1)}.t-h2{font:var(--type-h2)}.t-body{font:var(--type-body)}.t-body-bold{font:var(--type-body-bold)}.t-caption{font:var(--type-caption);color:var(--grey-text)}.t-caption-bold{font:var(--type-caption-bold)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) var(--space-16) calc(var(--space-24) + env(safe-area-inset-bottom))}.stack-8{display:flex;flex-direction:column;gap:var(--space-8)}.stack-16{display:flex;flex-direction:column;gap:var(--space-16)}.stack-24{display:flex;flex-direction:column;gap:var(--space-24)}.stack-40{display:flex;flex-direction:column;gap:var(--space-40)}.push-down{margin-top:auto}h1,h2,h3,p,.row__title,.row__sub{overflow-wrap:anywhere}h1,h2,h3{-webkit-hyphens:auto;hyphens:auto}.device-stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--ink)}.device{position:absolute;top:50%;left:50%;transform-origin:center}.device-stage--device .device{filter:drop-shadow(0 30px 50px rgba(0,0,0,.5))}.device-stage--column .device__screen{box-shadow:0 30px 50px #00000080}.device__screen{position:absolute;overflow:hidden;background:var(--white)}.device__app{position:absolute;left:0;display:block;width:100%;border:0}.device__body{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.btn{min-height:var(--size-button);width:100%;padding:var(--space-12) var(--space-24);border-radius:var(--radius-pill);border:var(--stroke-outline) solid var(--ink);font:var(--type-body-bold);white-space:normal;text-align:center;cursor:pointer}.btn--primary{background:var(--ink);color:var(--white)}.btn--outline{background:var(--white);color:var(--ink)}.btn--text{background:none;border-color:transparent}.btn--white{background:var(--white);color:var(--ink);border-color:var(--white)}.btn:disabled,.btn[aria-disabled=true]{background:var(--soft);color:var(--grey-text);border-color:var(--soft);cursor:default}.opt{min-height:var(--size-option);width:100%;padding:var(--space-12) var(--space-24);border-radius:var(--radius-pill);border:var(--stroke-outline) solid var(--ink);background:var(--white);font:var(--type-body-bold);white-space:normal;text-align:center;cursor:pointer}.opt--chosen{background:var(--ink);color:var(--white)}.opt--dimmed{color:var(--grey-text);border-color:var(--line)}.opt--correct{background:var(--white);box-shadow:inset 0 0 0 var(--stroke-tag) var(--ink)}.row{min-height:var(--size-tap);width:100%;display:flex;align-items:center;gap:var(--space-12);padding:var(--pad-row) 0;border:0;border-bottom:var(--stroke-line) solid var(--line);background:none;text-align:left;color:inherit;text-decoration:none}a.row,button.row{cursor:pointer}.row:last-child{border-bottom:0}.row__text{flex:1;min-width:0;display:flex;flex-direction:column}.row__title{font:var(--type-body-bold)}.row__sub{font:var(--type-caption);color:var(--grey-text)}.row__tag{font:var(--type-tag);border:var(--stroke-tag) solid var(--ink);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-12)}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:var(--space-8);min-height:var(--size-tap)}.nav__back{grid-column:1;justify-self:start}.nav__title{grid-column:2;grid-row:1;margin:0;min-width:0;font:var(--type-body-bold);text-align:center;overflow-wrap:anywhere}.nav--large .nav__title{grid-column:1 / -1;grid-row:2;font:var(--type-display);text-align:left;padding-top:var(--space-8)}.nav__actions{grid-column:3;grid-row:1;justify-self:end;display:flex;gap:var(--space-4)}.nav-btn{min-height:var(--size-tap);min-width:var(--size-tap);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);border:0;background:none;cursor:pointer;font:var(--type-nav)}.field{display:flex;align-items:center;gap:var(--space-12);min-height:var(--size-button);flex-wrap:wrap;border:var(--stroke-tag) solid var(--grey-glyph);border-radius:var(--radius-pill);padding:0 var(--space-20)}.field--error{border-color:var(--ink);border-width:var(--stroke-outline)}.field__label{font:var(--type-body-bold);white-space:normal}.field__input{flex:1;min-width:0;align-self:stretch;border:0;background:none;text-align:right;font:var(--type-body)}.field__input:focus{outline:none;box-shadow:none}.field:focus-within{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--white)}.field__input::placeholder{color:var(--grey-text);opacity:1}.notice{display:flex;gap:var(--space-8);align-items:flex-start;background:var(--soft);border-radius:var(--radius-card);padding:var(--space-12) var(--space-16);font:var(--type-body)}.tile{background:var(--ink);color:var(--white);border-radius:var(--radius-tile);padding:var(--pad-tile-text) var(--pad-tile-text) var(--space-20);display:flex;flex-direction:column;gap:var(--space-8)}.tile__action{margin:var(--space-12) calc(var(--space-20) - var(--pad-tile-text)) 0}.dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#22222259}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--white);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:var(--space-24) var(--space-20) calc(var(--pad-sheet) + env(safe-area-inset-bottom));max-height:90dvh;overflow:auto;display:flex;flex-direction:column;gap:var(--space-16)}.alert{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 32px));background:var(--white);border-radius:var(--radius-alert);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-12);max-height:calc(100dvh - 32px);overflow:auto}.alert__actions{display:flex;gap:var(--space-8)}.alert__actions .btn{min-height:52px}@media (max-width: 359px){.alert__actions{flex-direction:column-reverse}}.btn:focus-visible,.opt:focus-visible,.row:focus-visible,.nav-btn:focus-visible,.code__box:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--white)}.tile .btn:focus-visible{outline-color:var(--white);box-shadow:0 0 0 3px var(--ink)}.opt--correct:focus-visible{box-shadow:inset 0 0 0 var(--stroke-tag) var(--ink),0 0 0 6px var(--white)}.code{display:flex;gap:var(--space-8)}.code__box{flex:1 1 0;min-width:0;max-width:48px;min-height:var(--size-button);text-align:center;font:var(--type-h2);border:var(--stroke-tag) solid var(--grey-glyph);border-radius:var(--radius-card);background:var(--white)}.code__box:focus{border:var(--stroke-outline) solid var(--ink)}.steps{margin:0;padding-left:var(--space-24)}.skeleton{height:284px;border-radius:var(--radius-tile);background:var(--soft)}.live:empty{position:absolute}.live-group:has(>.live:empty:only-child){position:absolute}.link{display:inline-flex;align-items:center;min-height:var(--size-tap);color:var(--ink);font:var(--type-body-bold);text-decoration:underline;text-underline-offset:.2em}.link:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--white)}.list{margin:0;padding-left:var(--space-24);display:flex;flex-direction:column;gap:var(--space-8)}.facts{margin:0;display:flex;flex-direction:column;gap:var(--space-8)}.facts dd{margin:0}.divider{display:flex;align-items:center;gap:var(--space-12);text-align:center}.divider:before,.divider:after{content:"";flex:1 0 var(--space-24);border-top:var(--stroke-line) solid var(--line)}