/* Repmation public QR review flow.
   This is the single page-specific CSS authority for /qr/*.
   The middleware loads the shared design system first and this stylesheet last. */

@font-face {
  font-family:'Archivo QR';
  src:url('/fonts/archivo-latin-400-normal.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Archivo QR';
  src:url('/fonts/archivo-latin-700-normal.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Archivo QR';
  src:url('/fonts/archivo-latin-800-normal.woff2') format('woff2');
  font-weight:800;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Archivo QR';
  src:url('/fonts/archivo-latin-900-normal.woff2') format('woff2');
  font-weight:900;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Barlow Condensed QR';
  src:url('/fonts/barlow-condensed-latin-500-normal.woff2') format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Barlow Condensed QR';
  src:url('/fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');
  font-weight:600;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Barlow Condensed QR';
  src:url('/fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'IBM Plex Mono QR';
  src:url('/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'IBM Plex Mono QR';
  src:url('/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:block;
}

html[data-qr-theme] {
  --rm-font-sans:'Archivo QR',Arial,sans-serif;
  --rm-font-condensed:'Barlow Condensed QR','Arial Narrow',sans-serif;
  --rm-font-mono:'IBM Plex Mono QR',monospace;
  --qr-ink:var(--rm-ink,#171513);
  --qr-muted:var(--rm-muted,#6E655F);
  --qr-eyebrow:#464545;
  --qr-line:var(--rm-line,#DED5CE);
  --qr-line-strong:var(--rm-line-strong,#C9BDB4);
  --qr-choice-radius:10px;
  --qr-header-top-space:32px;
  --qr-header-content-gap:14px;
  --qr-panel-top-space:clamp(24px,3.5svh,30px);
  --qr-stepper-block-space:20px;
  --qr-heading-kicker-gap:10px;
  --qr-heading-support-gap:8px;
  --qr-heading-actions-gap:20px;
  --qr-bottom-inset:max(var(--qr-panel-top-space),env(safe-area-inset-bottom));
  --qr-helper-bottom-inset:max(24px,calc(env(safe-area-inset-bottom) + 12px));
  height:100%;
  min-height:100%;
  width:100%;
  background:#fff;
  color-scheme:light;
}

html[data-qr-theme] *,
html[data-qr-theme] *::before,
html[data-qr-theme] *::after {
  box-sizing:border-box;
}

html[data-qr-theme] body {
  margin:0;
  width:100%;
  height:var(--qr-live-viewport-height,100vh);
  min-height:var(--qr-live-viewport-height,100vh);
  padding-top:var(--qr-live-viewport-top,0px);
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow-x:hidden;
  overflow-y:auto;
  background:#fff;
  color:var(--qr-ink);
  font-family:var(--rm-font-sans,Archivo,Arial,sans-serif);
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}

@supports (height:100svh) {
  html[data-qr-theme] body {
    height:var(--qr-live-viewport-height,100svh);
    min-height:var(--qr-live-viewport-height,100svh);
  }
}

html[data-qr-theme] button,
html[data-qr-theme] a {
  -webkit-tap-highlight-color:transparent;
}

html[data-qr-theme] .col {
  position:relative;
  width:100%;
  max-width:480px;
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  padding:0 clamp(18px,5vw,32px);
  overflow:hidden;
  background:#fff;
}

html[data-qr-theme] .head {
  display:flex;
  width:100%;
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  margin-bottom:var(--qr-header-content-gap);
  padding-top:var(--qr-header-top-space);
  padding-bottom:0;
  border-bottom:0;
  text-align:center;
}

html[data-qr-theme] .logo-img {
  display:block;
  align-self:center;
  max-width:172px;
  max-height:84px;
  object-fit:contain;
  margin:0 auto 14px;
  border-radius:0;
}

html[data-qr-theme] .logo-mono {
  display:grid;
  place-items:center;
  align-self:center;
  width:64px;
  height:64px;
  margin:0 auto 14px;
  border:0;
  border-radius:var(--rm-radius-md,16px);
  background:var(--qr-eyebrow);
  color:var(--accent,var(--rm-blaze,#F54703));
  font-family:var(--rm-font-sans,Archivo,Arial,sans-serif);
  font-size:1.85rem;
  font-weight:800;
  letter-spacing:-.04em;
  box-shadow:var(--rm-shadow-sm,0 1px 2px rgba(23,21,19,.06));
}

html[data-qr-theme] .biz {
  width:100%;
  color:var(--qr-ink);
  font-family:var(--rm-font-sans,Archivo,Arial,sans-serif);
  font-size:1.5rem;
  font-weight:850;
  line-height:1.05;
  letter-spacing:-.035em;
  text-align:center;
}

html[data-qr-theme] .team-note {
  display:flex;
  width:100%;
  flex-wrap:wrap;
  justify-content:center;
  gap:.3em;
  margin-top:7px;
  color:var(--qr-muted);
  font-family:var(--rm-font-sans,Archivo,Arial,sans-serif);
  font-size:.92rem;
  line-height:1.45;
  text-align:center;
}

html[data-qr-theme] .team-note strong {
  color:var(--qr-ink);
}

html[data-qr-theme] .panel-stage {
  position:relative;
  width:100%;
  min-height:0;
  flex:1 1 auto;
  overflow:hidden;
  isolation:isolate;
  background:#fff;
}

html[data-qr-theme] .panel {
  display:none;
  background:#fff;
  text-align:center;
}

html[data-qr-theme] .panel.active {
  display:block;
  animation:none;
}

html[data-qr-theme] #choose-panel,
html[data-qr-theme] #action-panel,
html[data-qr-theme] #success-panel {
  padding-top:var(--qr-panel-top-space);
}

html[data-qr-theme] #feedback-panel.feedback-form-layout {
  padding-top:var(--qr-panel-top-space);
}

html[data-qr-theme] .stepper {
  --qr-stepper-width:36px;
  position:relative;
  display:flex;
  width:var(--qr-stepper-width);
  min-height:12px;
  align-items:center;
  justify-content:flex-start;
  gap:20px;
  margin:0 auto 8px;
}

html[data-qr-theme] .stepper-3 {
  --qr-stepper-width:64px;
}

html[data-qr-theme] .stepper-4 {
  --qr-stepper-width:92px;
}

html[data-qr-theme] .stepper::before {
  content:"";
  position:absolute;
  top:50%;
  left:4px;
  width:calc(var(--qr-stepper-width) - 12px);
  height:1px;
  background:var(--qr-line);
  transform:translateY(-50%);
}

html[data-qr-theme] .stepper.is-complete::before {
  background:var(--accent);
}

html[data-qr-theme] .step-dot {
  position:relative;
  z-index:1;
  width:8px;
  height:8px;
  flex:0 0 8px;
  border:1px solid var(--qr-line);
  border-radius:var(--qr-choice-radius);
  background:#fff;
}

html[data-qr-theme] .step-dot.is-active {
  border-color:var(--accent);
  background:var(--accent);
}

html[data-qr-theme] .step-label {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}

html[data-qr-theme] .qr-eyebrow {
  margin-bottom:var(--qr-heading-kicker-gap);
  color:var(--qr-eyebrow);
  font-family:var(--rm-font-condensed,"Barlow Condensed","Arial Narrow",sans-serif);
  font-size:var(--rm-signage-size,.8125rem);
  font-weight:600;
  line-height:1;
  letter-spacing:.20em;
  text-align:center;
  text-transform:uppercase;
}

html[data-qr-theme] h1 {
  max-width:430px;
  margin:0 auto;
  color:var(--qr-ink);
  font-family:var(--rm-font-sans,Archivo,Arial,sans-serif);
  font-size:clamp(36px,9.2vw,43px);
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.01em;
  text-align:center;
  text-transform:none;
  text-wrap:balance;
}

html[data-qr-theme] #action-panel > h1,
html[data-qr-theme] #feedback-panel > h1 {
  line-height:.98;
}

html[data-qr-theme] #success-panel > h1 {
  font-size:clamp(36px,9.2vw,43px);
  line-height:1.08;
  letter-spacing:-.01em;
}

html[data-qr-theme] h1:focus {
  outline:none;
}

html[data-qr-theme] .lead {
  max-width:390px;
  margin:var(--qr-heading-support-gap) auto var(--qr-heading-actions-gap);
  color:var(--qr-muted);
  font-size:1rem;
  line-height:1.65;
  text-align:center;
}

html[data-qr-theme] .choices,
html[data-qr-theme] .actions,
html[data-qr-theme] .success-actions,
html[data-qr-theme] #feedback-panel form {
  display:flex;
  flex-direction:column;
  gap:12px;
}

html[data-qr-theme] .action-options {
  margin-top:var(--qr-heading-actions-gap);
}

html[data-qr-theme] .success-actions {
  margin-top:0;
}

html[data-qr-theme] .choice,
html[data-qr-theme] .action-choice {
  position:relative;
  display:flex;
  width:100%;
  min-height:82px;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  padding:17px 18px;
  border:1px solid var(--qr-line);
  border-radius:var(--qr-choice-radius);
  background:#fff;
  color:var(--qr-ink);
  font:inherit;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  box-shadow:var(--rm-shadow-sm,0 1px 2px rgba(23,21,19,.06));
  transition:transform var(--rm-transition,160ms cubic-bezier(.2,.8,.2,1)),box-shadow var(--rm-transition,160ms cubic-bezier(.2,.8,.2,1)),border-color var(--rm-transition,160ms cubic-bezier(.2,.8,.2,1));
  -webkit-appearance:none;
  appearance:none;
}

html[data-qr-theme] .choice:active,
html[data-qr-theme] .action-choice:active {
  transform:none;
}

html[data-qr-theme] .choice.is-selected {
  border-color:var(--accent-strong,var(--accent));
  border-left-width:4px;
  padding-left:15px;
}

html[data-qr-theme] .choice:focus-visible,
html[data-qr-theme] .action-choice:focus-visible,
html[data-qr-theme] .qr-submit:focus-visible,
html[data-qr-theme] .back:focus-visible,
html[data-qr-theme] .contact-toggle:focus-visible {
  outline:3px solid var(--accent-soft);
  outline-offset:3px;
}

html[data-qr-theme] .ic {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:none;
  border:1px solid var(--accent-border);
  border-radius:12px;
  background:var(--accent-faint,#fff);
  background:color-mix(in srgb,var(--accent) 12%,white);
  color:var(--accent);
}

html[data-qr-theme] .google-action .ic {
  border:0;
  box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--accent-border) 40%,transparent);
}

html[data-qr-theme] .ic .icon {
  width:24px;
  height:24px;
  color:var(--accent);
}

html[data-qr-theme] .sentiment-thumb {
  stroke-width:2;
}

html[data-qr-theme] .choice .t,
html[data-qr-theme] .action-choice .t {
  display:flex;
  min-width:0;
  flex:1 1 auto;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  text-align:left;
}

html[data-qr-theme] .choice .t b,
html[data-qr-theme] .action-choice .t b {
  color:var(--qr-ink);
  font-family:var(--rm-font-sans,Archivo,Arial,sans-serif);
  font-size:1.12rem;
  font-weight:800;
  line-height:1.18;
  letter-spacing:-.025em;
  text-transform:none;
}

html[data-qr-theme] .choice .t span,
html[data-qr-theme] .action-choice .t span {
  color:var(--qr-muted);
  font-family:var(--rm-font-mono,"IBM Plex Mono",monospace);
  font-size:.65rem;
  line-height:1.45;
}

html[data-qr-theme] .choice-arrow {
  position:absolute;
  right:16px;
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  color:var(--accent);
}

html[data-qr-theme] .choice-arrow .icon {
  width:20px;
  height:20px;
  color:var(--accent);
}

html[data-qr-theme] .selection-check {
  position:absolute;
  right:16px;
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:var(--qr-choice-radius);
  background:var(--accent-strong,var(--accent));
  color:var(--accent-strong-contrast,var(--accent-contrast));
  opacity:0;
  transform:scale(.85);
  transition:opacity .14s ease,transform .14s ease;
}

html[data-qr-theme] .choice.is-selected .selection-check {
  opacity:1;
  transform:scale(1);
}

html[data-qr-theme] .selection-check .icon {
  width:15px;
  height:15px;
  color:var(--accent-strong-contrast,var(--accent-contrast));
}

html[data-qr-theme] #choose-panel .choice.skip {
  align-self:center;
  width:auto;
  min-height:44px;
  margin:0 auto;
  padding:8px 12px;
  border:0;
  background:transparent;
  color:var(--qr-muted);
  justify-content:center;
  text-align:center;
  box-shadow:none;
  transform:none;
}

html[data-qr-theme] #choose-panel .choice.skip.is-selected {
  padding:8px 12px;
  border:0;
  background:transparent;
}

html[data-qr-theme] #choose-panel .choice.skip .skip-label {
  font-size:13px;
  font-weight:700;
  line-height:1.25;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

html[data-qr-theme] #choose-panel .choice.skip:focus-visible {
  outline:3px solid var(--accent-soft);
  outline-offset:2px;
}

html[data-qr-theme] .reassurance {
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--qr-muted);
  font-family:var(--rm-font-mono,"IBM Plex Mono",monospace);
  font-size:10px;
  line-height:1.55;
  letter-spacing:.015em;
  text-align:center;
}

html[data-qr-theme] .reassurance > .icon {
  display:none;
}

html[data-qr-theme] .reassurance > span {
  display:block;
  width:100%;
  text-align:center;
}

html[data-qr-theme] #action-panel,
html[data-qr-theme] #success-panel {
  padding-bottom:34px;
}

html[data-qr-theme] #action-panel,
html[data-qr-theme] #action-panel .actions,
html[data-qr-theme] #action-panel .action-options,
html[data-qr-theme] #success-panel,
html[data-qr-theme] #success-panel .success-actions {
  background:#fff;
}

html[data-qr-theme] #action-panel .action-choice,
html[data-qr-theme] #action-panel .action-choice:link,
html[data-qr-theme] #action-panel .action-choice:visited,
html[data-qr-theme] #action-panel .action-choice:hover,
html[data-qr-theme] #action-panel .action-choice:active,
html[data-qr-theme] #action-panel .action-choice:focus,
html[data-qr-theme] #action-panel .action-choice:focus-visible,
html[data-qr-theme] #success-panel .action-choice,
html[data-qr-theme] #success-panel .action-choice:link,
html[data-qr-theme] #success-panel .action-choice:visited,
html[data-qr-theme] #success-panel .action-choice:hover,
html[data-qr-theme] #success-panel .action-choice:active,
html[data-qr-theme] #success-panel .action-choice:focus,
html[data-qr-theme] #success-panel .action-choice:focus-visible {
  transform:none;
  border-color:var(--qr-line);
  background:#fff;
  box-shadow:none;
}

html[data-qr-theme] .back {
  display:flex;
  width:100%;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  margin-top:9px;
  padding:11px 0;
  border:0;
  background:none;
  color:var(--qr-muted);
  font-family:var(--rm-font-condensed,"Barlow Condensed","Arial Narrow",sans-serif);
  font-size:.78rem;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.05em;
  text-align:left;
  text-transform:uppercase;
  cursor:pointer;
}

html[data-qr-theme] .back .icon {
  width:17px;
  height:17px;
  color:var(--accent);
}

html[data-qr-theme] #action-panel > .back {
  margin-top:14px;
}

html[data-qr-theme] #feedback-panel form > .back {
  margin-top:2px;
}

html[data-qr-theme] #success-panel .back {
  margin-top:2px;
}

html[data-qr-theme] #feedback-panel form {
  text-align:center;
}

html[data-qr-theme] #feedback-panel label:not(.contact-toggle) {
  display:flex;
  width:100%;
  align-items:baseline;
  justify-content:flex-start;
  gap:12px;
  margin-bottom:8px;
  padding-left:15px;
  color:var(--qr-ink);
  font-family:var(--rm-font-condensed,"Barlow Condensed","Arial Narrow",sans-serif);
  font-size:.78rem;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.08em;
  text-align:left;
  text-transform:uppercase;
}

html[data-qr-theme] .optional {
  color:var(--qr-muted);
  font-size:9px;
  font-weight:500;
}

html[data-qr-theme] #feedback-panel input:not([type="checkbox"]),
html[data-qr-theme] #feedback-panel textarea {
  display:block;
  width:100%;
  min-height:50px;
  padding:.8rem .9rem;
  border:1px solid var(--qr-line-strong);
  border-radius:var(--rm-radius-sm,10px);
  background:#fff;
  color:var(--qr-ink);
  font-family:var(--rm-font-sans,Archivo,Arial,sans-serif);
  font-size:16px;
  line-height:1.45;
  outline:none;
  box-shadow:0 1px 0 rgba(23,21,19,.03);
  transition:border-color var(--rm-transition,160ms cubic-bezier(.2,.8,.2,1)),box-shadow var(--rm-transition,160ms cubic-bezier(.2,.8,.2,1));
}

html[data-qr-theme] #feedback-panel input:not([type="checkbox"]):focus,
html[data-qr-theme] #feedback-panel textarea:focus {
  border-color:var(--accent);
  box-shadow:0 0 0 4px var(--accent-soft);
}

html[data-qr-theme] #feedback-panel textarea {
  min-height:120px;
  resize:vertical;
}

html[data-qr-theme] .contact-toggle {
  display:flex;
  width:100%;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:14px;
  border:1px solid var(--qr-line);
  border-radius:var(--qr-choice-radius);
  background:#fff;
  color:var(--qr-ink);
  font-family:var(--rm-font-condensed,"Barlow Condensed","Arial Narrow",sans-serif);
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.08em;
  text-align:left;
  text-transform:uppercase;
  cursor:pointer;
}

html[data-qr-theme] .contact-toggle:focus-within {
  border-color:var(--accent);
  box-shadow:0 0 0 2px var(--accent-soft);
}

html[data-qr-theme] #feedback-panel .contact-toggle input {
  width:20px;
  height:20px;
  flex:0 0 20px;
  margin:0;
  accent-color:var(--accent);
}

html[data-qr-theme] .contact-toggle-text {
  display:flex;
  min-width:0;
  flex:1 1 auto;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  text-align:left;
}

html[data-qr-theme] #feedback-panel .contact-toggle-text > strong {
  font-size:14px;
  line-height:1.05;
}

html[data-qr-theme] #feedback-panel .contact-toggle-text > span {
  color:var(--qr-muted);
  font-family:var(--rm-font-condensed,"Barlow Condensed","Arial Narrow",sans-serif);
  font-size:clamp(8.5px,2.35vw,10px);
  font-weight:600;
  line-height:1.05;
  letter-spacing:0;
  text-transform:uppercase;
  white-space:nowrap;
}

html[data-qr-theme] .contact-fields {
  display:flex;
  flex-direction:column;
  gap:14px;
}

html[data-qr-theme] .contact-method-note {
  margin:-2px 0 0;
  color:var(--qr-muted);
  font-family:var(--rm-font-condensed,"Barlow Condensed","Arial Narrow",sans-serif);
  font-size:10px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:.04em;
  text-align:left;
  text-transform:uppercase;
}

html[data-qr-theme] #feedback-panel input.is-invalid,
html[data-qr-theme] #feedback-panel textarea.is-invalid {
  border-color:#D92D20;
  box-shadow:0 0 0 4px rgba(217,45,32,.14);
}

html[data-qr-theme] .qr-form-error {
  display:flex;
  width:100%;
  align-items:center;
  gap:11px;
  margin:2px 0 0;
  padding:13px 14px;
  border:1px solid #F04438;
  border-radius:var(--qr-choice-radius);
  background:#FFF0EE;
  color:#D92D20;
  font-family:var(--rm-font-sans,Archivo,Arial,sans-serif);
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  text-align:left;
  box-shadow:0 0 0 4px rgba(217,45,32,.14);
  animation:qr-form-error-pop 160ms cubic-bezier(.2,.8,.2,1);
}

html[data-qr-theme] .qr-form-error[hidden] {
  display:none;
}

html[data-qr-theme] .qr-form-error .icon {
  width:20px;
  height:20px;
  flex:0 0 20px;
  margin-top:0;
  color:#D92D20;
}

html[data-qr-theme] .qr-form-error span {
  min-width:0;
  flex:1 1 auto;
}

@keyframes qr-form-error-pop {
  from { opacity:0; transform:translateY(4px) scale(.99); }
  to { opacity:1; transform:translateY(0) scale(1); }
}

html[data-qr-theme] .qr-submit {
  display:inline-flex;
  width:100%;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.8rem 1.15rem;
  border:1px solid var(--accent);
  border-radius:var(--rm-radius-sm,10px);
  background:var(--accent);
  color:var(--accent-contrast);
  font-family:var(--rm-font-sans,Archivo,Arial,sans-serif);
  font-size:.88rem;
  font-weight:800;
  line-height:1.1;
  letter-spacing:.055em;
  text-align:center;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:none;
  transition:transform var(--rm-transition,160ms cubic-bezier(.2,.8,.2,1)),box-shadow var(--rm-transition,160ms cubic-bezier(.2,.8,.2,1)),border-color var(--rm-transition,160ms cubic-bezier(.2,.8,.2,1)),background var(--rm-transition,160ms cubic-bezier(.2,.8,.2,1));
}

html[data-qr-theme] .hp {
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}

html[data-qr-theme] .turnstile-wrap {
  display:none;
  width:100%;
  min-height:0;
}

html[data-qr-theme] .turnstile-wrap.is-interactive {
  display:flex;
  min-height:65px;
  justify-content:center;
}

html[data-qr-theme] .turnstile-wrap,
html[data-qr-theme] .turnstile-wrap .cf-turnstile,
html[data-qr-theme] .turnstile-wrap iframe {
  max-width:none;
}

html[data-qr-theme] .success-mark {
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  margin:12px auto 16px;
  border:1px solid var(--accent-border);
  border-radius:12px;
  background:var(--accent-faint,#fff);
  color:var(--accent-strong,var(--accent));
}

html[data-qr-theme] .success-mark .icon {
  width:25px;
  height:25px;
  color:var(--accent-strong,var(--accent));
}

html[data-qr-theme] .qr-mode-banner {
  width:100%;
  flex:0 0 auto;
  padding:8px 14px;
  border-bottom:1px solid var(--qr-line);
  background:#fff;
  color:var(--qr-ink);
  font:600 9px/1.4 var(--rm-font-mono,"IBM Plex Mono",monospace);
  letter-spacing:.05em;
  text-align:center;
  text-transform:uppercase;
}

html[data-qr-theme] .qr-helper-foot {
  width:100%;
  max-width:480px;
  min-height:52px;
  flex:0 0 auto;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:0 clamp(18px,5vw,32px) var(--qr-helper-bottom-inset);
  background:#fff;
}

html[data-qr-theme] .qr-helper-foot .reassurance {
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
  font-size:clamp(7.5px,2.3vw,9.25px);
  letter-spacing:0;
  white-space:nowrap;
  pointer-events:none;
}

html[data-qr-theme] .qr-helper-foot .reassurance > span {
  white-space:nowrap;
}

html[data-qr-theme] body[data-active-qr-panel="feedback-panel"] .qr-helper-foot,
html[data-qr-theme] body[data-active-qr-panel="success-panel"] .qr-helper-foot {
  display:none;
}

html[data-qr-theme] #feedback-panel.active {
  max-height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

html[data-qr-theme] #feedback-panel.active::-webkit-scrollbar {
  display:none;
}

html[data-qr-theme] body[data-active-qr-panel="feedback-panel"] {
  height:auto;
  min-height:100vh;
  padding-top:0;
  overflow-y:auto;
  background:#fff;
}

@supports (min-height:100dvh) {
  html[data-qr-theme] body[data-active-qr-panel="feedback-panel"] {
    min-height:100dvh;
  }
}

html[data-qr-theme] body[data-active-qr-panel="feedback-panel"] .col {
  min-height:100vh;
  flex:0 0 auto;
  padding-bottom:var(--qr-bottom-inset);
  overflow:visible;
  background:#fff;
}

@supports (min-height:100dvh) {
  html[data-qr-theme] body[data-active-qr-panel="feedback-panel"] .col {
    min-height:100dvh;
  }
}

html[data-qr-theme] body[data-active-qr-panel="feedback-panel"] .panel-stage {
  flex:0 0 auto;
  overflow:visible;
}

html[data-qr-theme] body[data-active-qr-panel="feedback-panel"] #feedback-panel.active {
  max-height:none;
  overflow:visible;
}

html[data-qr-theme] .panel-track {
  position:relative;
  display:flex;
  width:100%;
  align-items:flex-start;
  will-change:transform;
}

html[data-qr-theme] .panel-track > .panel {
  width:100%;
  min-width:0;
  flex:0 0 100%;
  background:#fff;
}

html[data-qr-theme] .qr-transition-origin {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

html[data-qr-theme] .qr-transition-origin::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  background:var(--accent);
  opacity:.14;
  pointer-events:none;
}

@media (hover:hover) and (pointer:fine) {
  html[data-qr-theme] .choice:hover {
    border-color:var(--accent);
    transform:translateY(-2px);
    box-shadow:var(--rm-shadow-md,0 18px 48px rgba(73,43,27,.10));
  }

  html[data-qr-theme] #choose-panel .choice.skip:hover {
    border-color:transparent;
    background:transparent;
    color:var(--qr-ink);
    transform:none;
    box-shadow:none;
  }

  html[data-qr-theme] .qr-submit:hover {
    border-color:var(--accent-strong,var(--accent));
    background:var(--accent-strong,var(--accent));
    color:var(--accent-strong-contrast,var(--accent-contrast));
    transform:translateY(-1px);
    box-shadow:var(--rm-shadow-md,0 18px 48px rgba(73,43,27,.10));
  }
}

@media (hover:none), (pointer:coarse) {
  html[data-qr-theme] .choice:hover {
    border-color:var(--qr-line);
    background:#fff;
    transform:none;
    box-shadow:var(--rm-shadow-sm,0 1px 2px rgba(23,21,19,.06));
  }

  html[data-qr-theme] .choice.is-selected:hover {
    border-color:var(--accent-strong,var(--accent));
  }

  html[data-qr-theme] #choose-panel .choice.skip:hover {
    border-color:transparent;
    background:transparent;
    color:var(--qr-muted);
    transform:none;
    box-shadow:none;
  }

  html[data-qr-theme] .qr-submit:hover {
    border-color:var(--accent);
    background:var(--accent);
    color:var(--accent-contrast);
    transform:none;
    box-shadow:none;
  }
}

@media (max-width:480px) {
  html[data-qr-theme] .choice,
  html[data-qr-theme] .action-choice {
    min-height:76px;
  }
}

@media (prefers-reduced-motion:reduce) {
  html[data-qr-theme] .choice,
  html[data-qr-theme] .action-choice,
  html[data-qr-theme] .qr-submit,
  html[data-qr-theme] .selection-check {
    transition:none;
  }

  html[data-qr-theme] .qr-submit:hover {
    transform:none;
  }

  html[data-qr-theme] .qr-form-error {
    animation:none;
  }

  html[data-qr-theme] .panel.active {
    animation:none;
  }
}