:root{--app-page-max:68rem;--app-narrow-max:44rem;--app-card-min:17rem;--app-hairline:1px;--app-qr-max:20rem}.app-shell{background-color:var(--ds-background);min-height:100vh}.app-container{width:100%;max-width:var(--app-page-max);padding-inline:var(--ds-space-4);margin-inline:auto}.app-container--narrow{max-width:var(--app-narrow-max)}.app-stack{flex-direction:column;display:flex}.app-stack--1{gap:var(--ds-space-1)}.app-stack--2{gap:var(--ds-space-2)}.app-stack--3{gap:var(--ds-space-3)}.app-stack--4{gap:var(--ds-space-4)}.app-stack--6{gap:var(--ds-space-6)}.app-row{align-items:center;gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.app-row--spread{justify-content:space-between}.app-stack--center{text-align:center;align-items:center}.app-link-plain{color:var(--ds-foreground);text-decoration:none}.app-section{padding-block:var(--ds-space-7)}.app-section--hero{padding-block:var(--ds-space-8);background-color:var(--ds-surface-sunken);border-bottom-width:var(--ds-space-1);border-bottom-style:solid;border-bottom-color:var(--ds-primary)}.app-grid{grid-template-columns:repeat(auto-fit, minmax(var(--app-card-min), 1fr));gap:var(--ds-space-4);display:grid}.app-topbar{justify-content:space-between;align-items:center;gap:var(--ds-space-3);padding-block:var(--ds-space-3);flex-wrap:wrap;display:flex}.app-link{color:var(--ds-foreground-muted);font-family:var(--ds-font-body);font-size:var(--ds-text-small);border-bottom-width:var(--app-hairline);transition:color var(--ds-duration) var(--ds-ease);border-bottom-style:solid;border-bottom-color:#0000;text-decoration:none}.app-link:hover{color:var(--ds-primary)}.app-link[data-active=true]{color:var(--ds-foreground);border-bottom-color:var(--ds-primary)}.app-choice{gap:var(--ds-space-1);text-align:left;cursor:pointer;background-color:var(--ds-surface);color:var(--ds-foreground);border-width:var(--app-hairline);border-style:solid;border-color:var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-3);font-family:var(--ds-font-body);transition:border-color var(--ds-duration) var(--ds-ease), background-color var(--ds-duration) var(--ds-ease);flex-direction:column;display:flex}.app-choice:hover{border-color:var(--ds-primary)}.app-choice[data-selected=true]{border-color:var(--ds-primary);background-color:var(--ds-color-clay-soft)}.app-choice__name{font-family:var(--ds-font-display);font-size:var(--ds-text-h3);line-height:var(--ds-leading-tight)}.app-qr{padding:var(--ds-space-4);background-color:var(--ds-surface);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);display:inline-flex}.app-code{font-family:var(--ds-font-mono);font-size:var(--ds-text-small);color:var(--ds-foreground-muted);word-break:break-all}.app-footer{padding-block:var(--ds-space-6);border-top-width:var(--app-hairline);border-top-style:solid;border-top-color:var(--ds-border)}.app-question{align-items:flex-start;gap:var(--ds-space-3);display:flex}.app-question__body{flex:auto;min-width:0}.app-vote{align-items:center;gap:var(--ds-space-1);flex-direction:column;flex:none;display:flex}.app-embed-wrapper{width:100%;max-width:100%}.app-embed-wrapper iframe{aspect-ratio:4/3;width:100%;max-width:100%;height:auto;display:block}.app-qr svg{width:100%;height:auto;max-width:var(--app-qr-max)}@media (width<=40rem){:root{--app-card-min:100%}.app-container{padding-inline:var(--ds-space-3)}.app-section{padding-block:var(--ds-space-5)}.app-section--hero{padding-block:var(--ds-space-6)}.app-topbar{gap:var(--ds-space-2)}.app-topbar nav{width:100%}.app-row--spread>*{flex-grow:1}}