.rh {
  --rh-ink: var(--mtt-navy, #102543);
  --rh-muted: var(--mtt-muted, #56667b);
  --rh-blue: var(--mtt-blue-dark, #195caf);
  --rh-sky: var(--mtt-sky, #edf5fc);
  --rh-orange: #c94412;
  --rh-line: #d5dfeb;
  --rh-fast: 160ms;
  --rh-normal: 260ms;
  --rh-reveal: 480ms;
  --rh-ease: cubic-bezier(.2,.65,.2,1);
  --rh-radius: 16px;
  color: var(--rh-ink);
  width: min(1380px, calc(100% - 64px));
  margin: 16px auto 72px;
  padding: 0;
  font-size: 16px;
}.rh *, .rh *::before, .rh *::after { box-sizing: border-box; }.rh section { padding: 0; }.rh [hidden] { display: none !important; }.rh button, .rh select, .rh input { font: inherit; }.rh button, .rh a, .rh summary, .rh input, .rh select { -webkit-tap-highlight-color: transparent; }.rh button, .rh select, .rh summary { cursor: pointer; }.rh button { min-height: 44px; border: 0; }.rh button:disabled, .rh input:disabled, .rh select:disabled { cursor: not-allowed; opacity: .55; }.rh :is(button,a,input,select,summary):focus-visible { outline: 3px solid #246bce; outline-offset: 4px; }.rh h1, .rh h2, .rh h3 { color: var(--rh-ink); letter-spacing: -.035em; }.rh p { color: var(--rh-muted); line-height: 1.6; }.rh-eyebrow { font-size: 11px; font-weight: 500; letter-spacing: .12em; line-height: 1.6; color: var(--rh-blue) !important; margin: 0 0 16px; }.rh-hero { display: grid; grid-template-columns: minmax(210px,.82fr) minmax(360px,1.48fr) minmax(290px,1fr); gap: clamp(12px,2vw,32px); align-items: start; position: relative; padding-block: 30px; }.rh-hero::before { content: ""; position: absolute; pointer-events: none; z-index: -1; inset: 0 -24px; background: var(--mtt-hero-spotlight, radial-gradient(ellipse at 49% 63%, #e6f5fa 0%, #f6f9fc 35%, transparent 70%)); }.rh-intro { align-self: start; padding-block: 120px 36px; }.rh-intro h1 { margin: 0 0 24px; font-size: clamp(36px,3.7vw,54px); line-height: 1.045; font-weight: 500; }.rh-intro > p:not(.rh-eyebrow) { max-width: 30ch; font-size: 16px; }.rh-pool { display: flex; gap: 10px; align-items: center; margin-block-start: 30px; font-size: 12px; color: var(--rh-muted); }.rh-pool > span:first-child { font-size: 24px; color: #a14e26; }.rh-pool strong { color: var(--rh-ink); }.rh-how { max-width: 34ch; margin-block-start: 16px; font-size: 12px; border: 0; background: transparent; padding: 0; }.rh-how summary { color: var(--rh-blue); min-height: 44px; padding-block: 12px; }.rh-theater { min-width: 0; text-align: center; }.rh-anticipation { display: grid; justify-items: center; gap: 4px; min-height: 77px; margin-block-end: 16px; }.rh-anticipation > span { font-size: 10px; font-weight: 500; letter-spacing: .15em; color: #627187; }.rh-anticipation strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: clamp(28px,2.5vw,39px); line-height: 1.1; letter-spacing: -.025em; }.rh-spin-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; align-items: center; }.rh-primary, .rh-secondary, .rh-surprise { display: inline-flex; justify-content: center; align-items: center; gap: 8px; border-radius: 10px; padding: 12px 20px; font-weight: 500; font-size: 14px; transition: background var(--rh-fast), transform var(--rh-fast), box-shadow var(--rh-fast); text-decoration: none; }.rh-primary { color: white; background: var(--rh-orange); box-shadow: 0 7px 17px #c9441224; }.rh-primary:hover { background: #b33b0f; color: white; transform: translateY(-2px); }.rh button:active { transform: translateY(1px); }.rh-spin { min-height: 54px !important; font-size: 15px; padding-inline: 24px; }.rh-spin > span:first-child { font-size: 23px; line-height: 1; font-weight: 400; }.rh-secondary { color: var(--rh-blue); background: #fff; box-shadow: inset 0 0 0 1px var(--rh-line); }.rh-secondary:hover { background: var(--rh-sky); }.rh-surprise { color: var(--rh-blue); background: transparent; padding-inline: 10px; font-size: 13px; }.rh-surprise:hover { background: #fff; }.rh-globe-shell { position: relative; width: 100%; max-width: 480px; margin: 18px auto 0; padding-block-end: 24px; }.rh-globe-shell::after { content: ""; position: absolute; width: 64%; height: 20px; inset-block-end: 0; inset-inline-start: 18%; background: radial-gradient(ellipse, #263f5830, transparent 70%); }.rh-globe { aspect-ratio: 1; position: relative; border-radius: 50%; cursor: grab; touch-action: pan-y pinch-zoom; isolation: isolate; background: radial-gradient(circle at 37% 31%, #e0f3f9, #a6d5e5 60%, #69a2ba); box-shadow: 0 0 0 1px #e8f4f8, 0 0 35px #b6dce14d; }.rh-globe.is-dragging { cursor: grabbing; }.rh-globe canvas { display: block; width: 100%; height: 100%; border-radius: 50%; }.rh-pin { position: absolute; width: 0; height: 0; z-index: 2; pointer-events: none; }.rh-pin > span { position: absolute; width: 24px; height: 30px; inset-block-end: 0; inset-inline-start: -12px; border: 3px solid white; border-radius: 55% 55% 55% 6%; background: var(--rh-orange); transform: rotate(-45deg); box-shadow: -3px 4px 8px #10254330; }.rh-pin > span::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: white; inset: 7px auto auto 6px; }.rh-pin.is-landing { animation: rh-pin-drop 450ms var(--rh-ease) both; }.rh-pin.is-landing::after { content: ""; position: absolute; width: 34px; height: 18px; border: 2px solid var(--rh-orange); border-radius: 50%; inset: -8px auto auto -17px; animation: rh-pin-ring 650ms 2 ease-out; }.rh-hint { min-height: 20px; font-size: 11px; margin: 7px 0 16px; }.rh-preference-actions { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }.rh-preference-actions .rh-secondary { font-size: 12px; padding: 8px 12px; }.rh-mode select { border: 0; background: transparent; color: var(--rh-muted); min-height: 44px; max-width: 180px; font-size: 12px; }.rh-active { display: flex; gap: 4px; flex-wrap: wrap; justify-content: center; margin-block-start: 10px; }.rh-active button { font-size: 11px; color: var(--rh-blue); background: #e6f0fa; border-radius: 30px; padding: 7px 11px; }.rh-count { font-size: 11px; min-height: 18px; margin: 5px 0 0; }.rh-result { min-width: 0; background: white; border-radius: var(--rh-radius); box-shadow: 0 16px 48px #15325313; overflow: hidden; align-self: start; margin-block-start: 100px; transition: opacity var(--rh-normal), transform var(--rh-normal); }.rh-result.is-loading { opacity: .45; transform: translateX(8px); pointer-events: none; }.rh-result.is-revealed { animation: rh-reveal var(--rh-reveal) var(--rh-ease) both; }.rh-result-media { aspect-ratio: 16/10; position: relative; overflow: hidden; background: #e9f2f5; }.rh-result-media img { display: block; width: 100%; height: 100%; object-fit: cover; }.rh-result-media .travel-art { width: 100%; height: 100%; max-height: none; margin: 0; aspect-ratio: auto; }.rh-result-media .travel-art img { object-fit: cover; }.rh-result.is-revealed .rh-result-media img { animation: rh-image var(--rh-reveal) ease-out both; }.rh-postmark { position: absolute; inset: 14px 14px auto auto; border: 1px solid #4a668e80; color: #425c7b; border-radius: 50%; width: 72px; height: 72px; display: grid; align-content: center; text-align: center; font-size: 8px; letter-spacing: .07em; transform: rotate(12deg); background: #ffffff7a; }.rh-result-copy { padding: clamp(18px,2vw,28px); }.rh-result-copy .rh-eyebrow { font-size: 10px; margin-block-end: 10px; }.rh-result-copy h2 { font-size: 28px; line-height: 1.12; margin: 0 0 12px; }.rh-result-copy p { font-size: 13px; margin: 0 0 16px; }.rh-country { display: flex; align-items: center; gap: 7px; font-size: 11px; color: var(--rh-blue); font-weight: 500; letter-spacing: .05em; margin-block-end: 9px; }.rh-country img { width: 22px; height: 16px; object-fit: cover; }.rh-placeholder-route { display: flex; align-items: center; justify-content: space-between; color: #688098; padding-block: 12px 6px; font-size: 11px; letter-spacing: .05em; }.rh-placeholder-route strong { font-size: 25px; color: var(--rh-orange); }.rh-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-block: 12px 18px; }.rh-badges span { font-size: 11px; padding: 5px 9px; background: #eef5f0; color: #315e49; border-radius: 5px; }.rh-facts { margin: 0 0 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.rh-facts div { min-width: 0; }.rh-facts dt { font-size: 10px; color: var(--rh-muted); margin-block-end: 4px; }.rh-facts dd { font-size: 12px; font-weight: 500; line-height: 1.5; margin: 0; overflow-wrap: anywhere; }.rh-reasons { font-size: 11px; padding: 12px 0; margin-block-end: 8px; border-block: 1px solid #e8edf2; }.rh-reasons strong { display: block; margin-block-end: 6px; }.rh-reasons ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; color: var(--rh-muted); }.rh-reasons li::before { content: "✓"; color: #36775a; margin-inline-end: 7px; }.rh-result-main-actions { display: grid; gap: 8px; }.rh-result-main-actions .rh-primary { padding-inline: 10px; font-size: 13px; }.rh-result-main-actions a { text-align: center; min-height: 44px; display: grid; place-items: center; font-size: 12px; color: var(--rh-blue); font-weight: 500; }.rh-result-utilities { display: flex; justify-content: center; gap: 12px; }.rh-text { background: transparent; color: var(--rh-blue); padding: 10px 8px; font-size: 12px !important; }.rh-text:hover { text-decoration: underline; }.rh-saved { animation: rh-save 260ms ease-out; color: #9d3616; }.rh-repeat-actions { display: grid; grid-template-columns: 1fr; margin-block-start: 8px; }.rh-repeat-actions .rh-text { color: var(--rh-muted); }.rh-followup { display: flex; flex-wrap: wrap; gap: 4px 14px; border-block-start: 1px solid #e8edf2; padding-block-start: 10px; margin-block-start: 8px; }.rh-followup a { font-size: 10px; color: var(--rh-blue); min-height: 44px; display: flex; align-items: center; }.rh-feedback { min-height: 32px; padding-block: 5px; text-align: center; color: var(--rh-muted); font-size: 13px; }.rh-empty-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; padding-block: 12px 24px; }.rh-recent, .rh-moods, .rh-guide, .rh-choice-area { margin-block-start: 64px; }.rh-section-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-block-end: 20px; }.rh-section-head .rh-eyebrow { margin-block-end: 6px; }.rh-section-head h2, .rh-moods h2, .rh-guide h2{ font-size: 28px; line-height: 1.15; margin: 0 0 12px; }.rh-recent-strip { display: flex; overflow-x: auto; gap: 12px; padding: 4px 2px 12px; scroll-snap-type: x proximity; }.rh-recent-item { flex: 0 0 170px; min-width: 0; text-align: start; background: none; padding: 0 0 8px; scroll-snap-align: start; border-radius: 8px; color: var(--rh-ink); }.rh-recent-item img, .rh-recent-image { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 8px; background: #e9f2f5; display: block; }.rh-recent-item strong { font-size: 14px; display: block; margin-block-start: 9px; }.rh-recent-item small { color: var(--rh-muted); font-size: 11px; }.rh-recent-item:hover { transform: translateY(-3px); }.rh-choice-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }.rh-choice { background: #f6f9fc; border-radius: var(--rh-radius); overflow: hidden; }.rh-choice > img, .rh-choice > .rh-recent-image { width: 100%; aspect-ratio: 16/10; object-fit: cover; }.rh-choice-copy { padding: 20px; }.rh-choice-copy h3 { font-size: 24px; }.rh-choice-copy p { font-size: 13px; }.rh-choice-copy button { width: 100%; }.rh .rh-moods { display: grid; grid-template-columns: 1fr 1.5fr; gap: 44px; align-items: center; padding-block: 40px; border-block: 1px solid #e5ebf2; }.rh-moods p { font-size: 14px; max-width: 35ch; }.rh-mood-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.rh-mood-grid button { display: flex; align-items: center; gap: 10px; text-align: start; border-radius: 10px; padding: 17px 12px; background: #f2f6fa; color: var(--rh-ink); font-size: 22px; transition: background var(--rh-fast), transform var(--rh-fast); }.rh-mood-grid span { font-size: 12px; }.rh-mood-grid button:hover { background: #e5eef8; transform: translateY(-2px); }.rh-guide{ display: grid; grid-template-columns: 1fr 2fr; gap: 64px; }.rh-guide ol { padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; counter-reset: trip; list-style: none; }.rh-guide li::before { counter-increment: trip; content: "0" counter(trip); font-size: 11px; display: block; color: #b85427; margin-block-end: 12px; }.rh-guide strong { font-size: 15px; }.rh-guide li p { font-size: 13px; margin-block-start: 8px; }.rh-dialog { --rh-ink: var(--mtt-navy,#102543); padding: 0; width: min(620px,calc(100% - 32px)); max-height: min(88dvh,960px); border: 0; border-radius: 20px; color: var(--rh-ink); box-shadow: 0 24px 90px #10254340; overscroll-behavior: contain; }.rh-dialog::backdrop { background: #142b4266; }.rh-dialog[open] { animation: rh-dialog-in var(--rh-normal) var(--rh-ease); display: flex; flex-direction: column; }.rh-dialog form { display: flex; flex-direction: column; overflow: hidden; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }.rh-dialog-head { display: flex; gap: 16px; justify-content: space-between; align-items: start; flex-shrink: 0; padding: 24px 28px 18px; border-block-end: 1px solid var(--rh-line); background: white; }.rh-dialog-head h2 { font-size: 25px; margin: 0; }.rh-dialog-head .rh-eyebrow { font-size: 9px; margin-block-end: 4px; }.rh-dialog-head p:not(.rh-eyebrow) { font-size: 11px; margin: 8px 0 0; }.rh-close { min-width: 44px; border-radius: 50%; background: #f0f4f8; color: var(--rh-ink); font-size: 24px !important; }.rh-dialog-body { padding: 24px 28px; overflow-y: auto; overscroll-behavior: contain; min-height: 0; }.rh-dialog-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 28px max(16px, env(safe-area-inset-bottom)); border-block-start: 1px solid var(--rh-line); background: white; flex-shrink: 0; }.rh-dialog fieldset { min-width: 0; border: 0; padding: 0; margin: 0 0 24px; }.rh-dialog legend { float: none; font-size: 14px; font-weight: 500; margin: 0 0 12px; }.rh-dialog-body > label, .rh-advanced > label, .rh-form-grid > label { display: grid; gap: 7px; font-size: 13px; font-weight: 500; margin-block-end: 16px; }.rh-dialog :is(input[type=search], input[readonly], select) { min-height: 46px; width: 100%; border: 1px solid #b8c8d9; border-radius: 8px; padding: 10px 12px; background: white; color: var(--rh-ink); font-size: 14px; }.rh-dialog select[multiple] { min-height: 140px; padding: 6px; }.rh-dialog select[multiple] option { padding: 10px; }.rh-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }.rh-chips { display: flex; flex-wrap: wrap; gap: 7px; }.rh-chips label, .rh-adventure label { position: relative; margin: 0; cursor: pointer; }.rh-chips input, .rh-adventure input { position: absolute; opacity: 0; width: 1px; height: 1px; }.rh-chips label span, .rh-chips > button { display: flex; min-height: 44px; padding: 9px 13px; border-radius: 8px; align-items: center; background: #f1f5f9; color: #455a71; font-size: 12px; transition: background var(--rh-fast), box-shadow var(--rh-fast); }.rh-chips input:checked + span { background: #e0ebfc; color: #154d95; box-shadow: inset 0 0 0 2px #2c68b8; }.rh-chips input:checked + span::before { content: "✓"; margin-inline-end: 5px; }.rh-chips input:focus-visible + span, .rh-adventure input:focus-visible + span { outline: 3px solid #246bce; outline-offset: 3px; }.rh-help { font-size: 11px !important; font-weight: 400; color: var(--rh-muted); margin-block: 6px 18px; }.rh-seasonal > span { font-size: 12px; display: block; margin-block-end: 8px; }.rh-adventure { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }.rh-adventure span { display: grid; align-content: center; height: 76px; text-align: center; font-size: 13px; background: #f1f5f9; border-radius: 8px; padding: 8px; }.rh-adventure small { display: block; font-size: 10px; margin-block-start: 4px; color: var(--rh-muted); }.rh-adventure input:checked + span { background: #e0ebfc; box-shadow: inset 0 0 0 2px #2c68b8; }.rh-origin-results { display: grid; padding: 6px; margin-block-end: 20px; border: 1px solid var(--rh-line); border-radius: 8px; }.rh-origin-results button { text-align: start; background: white; color: var(--rh-ink); padding: 12px; border-radius: 5px; font-size: 13px; }.rh-origin-results button:hover, .rh-origin-results button:focus { background: var(--rh-sky); }.rh-check { display: flex; gap: 10px; min-height: 44px; align-items: center; font-size: 13px; }.rh-check input { width: 18px; height: 18px; }.rh-advanced > summary { padding-block: 18px; min-height: 56px; font-weight: 500; font-size: 14px; }.rh-plan-list { display: grid; gap: 8px; }.rh-plan-list label { padding: 14px; background: #f1f5f9; display: flex; gap: 12px; align-items: center; border-radius: 8px; cursor: pointer; min-height: 52px; }.rh-plan-list label:has(input:checked) { box-shadow: inset 0 0 0 2px #2c68b8; }.rh-plan-list input { width: 18px; height: 18px; }.rh-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }.rh-no-image { display: grid; place-content: center; height: 100%; text-align: center; background: radial-gradient(circle at 30% 40%, #eef7f4, #c3dce8); color: #316882; font-size: 32px; font-weight: 500; letter-spacing: .06em; }@keyframes rh-reveal { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: none; } }@keyframes rh-image { from { opacity: .3; filter: blur(3px); } to { opacity: 1; filter: blur(0); } }@keyframes rh-pin-drop { 0% { opacity: 0; transform: translateY(-35px); } 65% { opacity: 1; transform: translateY(2px); } 85% { transform: translateY(-5px); } 100% { transform: none; } }@keyframes rh-pin-ring { from { opacity: .75; transform: scale(.4); } to { opacity: 0; transform: scale(2.2); } }@keyframes rh-dialog-in { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }@keyframes rh-save { 50% { transform: scale(1.1); } }@media (min-width: 1700px) { .rh-hero { padding-block: 40px; } }@media (max-width: 1100px) and (min-width: 761px) {
  .rh { width: calc(100% - 48px); }
  .rh-hero { grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 24px; align-items: start; }
  .rh-intro { grid-column: 1 / -1; padding: 0; text-align: center; }
  .rh-intro h1 { font-size: 42px; max-width: 640px; margin: 0 auto 14px; }
  .rh-intro > p:not(.rh-eyebrow) { max-width: 60ch; margin-inline: auto; }
  .rh-pool { justify-content: center; margin-block-start: 12px; }
  .rh-how { margin-inline: auto; margin-block-start: 0; }
  .rh-result { margin-block-start: 30px; }
  .rh-moods, .rh-guide{ gap: 28px; }
  .rh-mood-grid { grid-template-columns: repeat(2,1fr); }
  .rh-guide ol { grid-template-columns: 1fr; gap: 14px; }
}@media (max-width: 760px) {
  .rh { width: calc(100% - 32px); margin-block-start: 8px; }
  .rh-hero { grid-template-columns: 1fr; gap: 20px; padding-block: 8px 20px; }
  .rh-hero::before { inset-inline: -10px; }
  .rh-intro { padding: 0; text-align: center; }
  .rh-intro .rh-eyebrow { font-size: 9px; margin-block-end: 12px; }
  .rh-intro h1 { max-width: 530px; font-size: clamp(34px,7.2vw,44px); line-height: 1.08; margin: 0 auto 14px; }
  .rh-intro > p:not(.rh-eyebrow) { max-width: 45ch; margin: 0 auto; font-size: 14px; }
  .rh-pool, .rh-how { display: none; }
  .rh-theater { max-width: 490px; width: 100%; margin-inline: auto; }
  .rh-anticipation { margin-block-end: 12px; min-height: 60px; }
  .rh-anticipation strong { font-size: 32px; }
  .rh-spin-actions { gap: 4px; }
  .rh-spin { min-width: 190px; padding-inline: 18px; }
  .rh-surprise { font-size: 12px; padding-inline: 8px; }
  .rh-globe-shell { margin-block-start: 18px; }
  .rh-result { width: 100%; max-width: 490px; margin-inline: auto; margin-block-start: 0; }
  .rh-result-copy { padding: 24px; }
  .rh-result-copy h2 { font-size: 32px; }
  .rh-result-copy p { font-size: 14px; }
  .rh-result-main-actions { grid-template-columns: 1fr; }
  .rh-facts dd { font-size: 14px; }
  .rh-result-media { aspect-ratio: 16/9; }
  .rh-repeat-actions { grid-template-columns: 1fr 1fr; align-items: center; gap: 8px; }
  .rh-followup { justify-content: center; }
  .rh-followup a { font-size: 11px; }
  .rh-feedback { font-size: 12px; }
  .rh-recent, .rh-moods, .rh-guide, .rh-choice-area { margin-block-start: 42px; }
  .rh .rh-moods, .rh-guide{ grid-template-columns: 1fr; gap: 20px; }
  .rh-guide ol { grid-template-columns: 1fr; gap: 14px; }
  .rh-guide li { padding-inline-start: 34px; position: relative; }
  .rh-guide li::before { position: absolute; inset: 4px auto auto 0; }
  .rh-moods { padding-block: 28px; }
  .rh-mood-grid { grid-template-columns: repeat(2,1fr); gap: 8px; }
  .rh-mood-grid button { padding: 14px 10px; gap: 8px; }
  .rh-section-head h2, .rh-moods h2, .rh-guide h2{ font-size: 25px; }
  .rh-choice-grid { grid-template-columns: 1fr; gap: 16px; }
  .rh-recent-item { flex-basis: 145px; }
  .rh-dialog { width: 100%; max-width: none; max-height: 94dvh; margin: auto 0 0; border-radius: 20px 20px 0 0; }
  .rh-dialog::before { content: ""; display: block; flex-shrink: 0; align-self: center; width: 38px; height: 4px; background: #c7d2de; border-radius: 4px; margin-block-start: 10px; }
  .rh-dialog-head { padding: 16px 20px; }
  .rh-dialog-body { padding: 20px; }
  .rh-dialog-footer { padding: 14px 20px max(18px,env(safe-area-inset-bottom)); gap: 8px; }
  .rh-dialog-head h2 { font-size: 24px; }
  .rh-dialog :is(input[type=search], input[readonly], select) { font-size: 16px; }
  .rh-form-grid { gap: 0 10px; }
  .rh-form-grid label { font-size: 12px; }
}@media (max-width: 360px) {
  .rh { width: calc(100% - 24px); }
  .rh-spin-actions { flex-direction: column; }
  .rh-spin { width: 100%; }
  .rh-surprise { padding-block: 6px; }
  .rh-result-copy { padding: 20px; }
  .rh-repeat-actions, .rh-form-grid { grid-template-columns: 1fr; }
  .rh-dialog-body { padding: 16px; }
}@media (prefers-reduced-motion: reduce) {
  .rh *, .rh *::before, .rh *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}@media print { .rh-theater, .rh-moods, .rh-recent, .rh-guide, .rh-faq, .rh-result-utilities, .rh-repeat-actions, .rh-dialog { display: none !important; } .rh-hero { display: block; } .rh-result { max-width: 600px; margin: 30px auto; } }