/* Live Responses · Thanksgiving phone skin ("Harvest Table", owner decision
   2026-10-07), from the Holiday Themes canvas boards TG-LR-Phone and -Anim.
   Every rule is scoped to #qa-content.responses-design.lrd-thanksgiving,
   #toast.responses-design.lrd-thanksgiving or
   #waiting-message.responses-design.lrd-thanksgiving.lr-ended, so no other
   screen or feature is touched; the classic screens never match.

   The screens: a recipe-card panel under a cranberry gingham banner with a
   golden leaf; the prompt on a pie-dough card with its baked-crust shadow;
   the response box as a lined white card; Submit Response on a pumpkin card
   in cream Fraunces; Most Voted / Most Recent on a kraft track; the response
   rows as inked paper place cards, each with its colour pip (its place, the
   theme's eight) and a white vote pill (gold once voted) carrying the HOST's
   reaction emoji and the count in fixed Fraunces cells; My Submissions with
   its Submitted / Approved / Answered tags; the submit toast as a sage
   "Submitted!" card; the paused banner as a cranberry "Paused" card (phones
   only: the projector never shows a pause); and the ended screen, a whole
   pie over "Waiting for next activity…" with two fallen leaves.

   The theme's web fonts (the Mac's bundled faces, ShowThemeFonts) are
   declared below; the colours are ShowThemePalettes.swift's
   ThanksgivingPalette (the eight options by position, one espresso ink).
   The panel colour lives on this in-flow panel, never on html/body or a
   fixed element (the iOS 26 rule). */

@font-face { font-family: 'Sidekick Trivia Fraunces'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/sidekick-trivia-fraunces-extra-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Fraunces'; font-style: normal; font-weight: 900; font-display: swap; src: url('/fonts/sidekick-trivia-fraunces-black-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Fraunces'; font-style: italic; font-weight: 900; font-display: swap; src: url('/fonts/sidekick-trivia-fraunces-black-italic-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Bricolage'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/sidekick-trivia-bricolage-semi-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Bricolage'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/sidekick-trivia-bricolage-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Bricolage'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/sidekick-trivia-bricolage-extra-bold-v1.woff2') format('woff2'); }

/* ── The panel: a recipe card under the gingham banner ── */
#qa-content.responses-design.lrd-thanksgiving,
#waiting-message.responses-design.lrd-thanksgiving.lr-ended {
    --tgl-ink: #2A160D; --tgl-cream: #FFF4E2; --tgl-paper: #FFF8EC; --tgl-dough: #FBE8C6;
    --tgl-crust: #C9842F; --tgl-gold: #E9A81A; --tgl-cranberry: #A8233D; --tgl-pumpkin: #D9611C;
    --tgl-sage: #3E7B4E; --tgl-shadow: #140803; --tgl-muted: #6B5040; --tgl-kraft: #EBDDC4;
    --tgl-serve: cubic-bezier(0.34, 1.56, 0.64, 1);
    --tgl-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 108 108'%3E%3Cpath d='M50 2 L57 20 L66 14 L64 34 L78 24 L76 36 L92 34 L84 48 L96 54 L78 62 L82 74 L62 70 L58 78 L52 74 L53 98 L47 98 L48 74 L42 78 L38 70 L18 74 L22 62 L4 54 L16 48 L8 34 L24 36 L22 24 L36 34 L34 14 L43 20 Z' fill='%23E9A81A' stroke='%232A160D' stroke-width='6' stroke-linejoin='round'/%3E%3C/svg%3E");
    --tgl-card: inset 0 0 0 5px rgba(255, 244, 226, 0.16), 0 6px 0 var(--tgl-shadow);
    position: relative;
    isolation: isolate;
    margin: -8px -4px 0;
    padding: 0 16px 18px;
    height: calc(100vh - 112px);
    height: calc(100dvh - 112px);
    box-sizing: border-box;
    border: 4px solid var(--tgl-ink);
    border-radius: 26px;
    overflow: hidden;
    font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif;
    font-weight: 700;
    color: var(--tgl-ink);
    background: var(--tgl-paper);
}
/* The banner: cranberry gingham with a golden maple leaf. */
#qa-content.responses-design.lrd-thanksgiving::before {
    content: 'Live Responses';
    display: block; flex: 0 0 auto; margin: 0 -16px 16px;
    padding: 15px 18px 13px;
    background:
        var(--tgl-leaf) no-repeat calc(50% - 98px) 50% / 30px 30px,
        repeating-linear-gradient(90deg, rgba(233, 168, 26, 0.22) 0 18px, rgba(0, 0, 0, 0) 18px 34px),
        repeating-linear-gradient(0deg, rgba(233, 168, 26, 0.22) 0 18px, rgba(0, 0, 0, 0) 18px 34px),
        var(--tgl-cranberry);
    border-bottom: 4px solid var(--tgl-ink);
    color: var(--tgl-cream); text-align: center;
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 900; font-style: italic;
    font-size: 26px; line-height: 1; text-indent: 40px; white-space: nowrap;
}
/* index.html shows the panel with an inline display: block; the design
   stacks it as a column whose list takes what's left. */
#qa-content.responses-design.lrd-thanksgiving[style*="block"] {
    display: flex !important; flex-direction: column; align-items: stretch; text-align: left;
}

/* The responses' colours by place (the theme's eight). */
#qa-content.responses-design.lrd-thanksgiving .tgl-pip[data-place="0"] { --tgl-c: #D9611C; }
#qa-content.responses-design.lrd-thanksgiving .tgl-pip[data-place="1"] { --tgl-c: #A8233D; }
#qa-content.responses-design.lrd-thanksgiving .tgl-pip[data-place="2"] { --tgl-c: #3E7B4E; }
#qa-content.responses-design.lrd-thanksgiving .tgl-pip[data-place="3"] { --tgl-c: #B98309; }
#qa-content.responses-design.lrd-thanksgiving .tgl-pip[data-place="4"] { --tgl-c: #6E3B70; }
#qa-content.responses-design.lrd-thanksgiving .tgl-pip[data-place="5"] { --tgl-c: #2C6674; }
#qa-content.responses-design.lrd-thanksgiving .tgl-pip[data-place="6"] { --tgl-c: #8E4A22; }
#qa-content.responses-design.lrd-thanksgiving .tgl-pip[data-place="7"] { --tgl-c: #4E5E8C; }

/* ── The prompt: a pie-dough card on its baked crust ── */
#qa-content.responses-design.lrd-thanksgiving .qa-title {
    flex: 0 0 auto; position: relative;
    margin: 0 4px 18px; padding: 14px 18px;
    min-height: 84px; box-sizing: border-box;
    display: flex; align-items: center; justify-content: center;
    background: var(--tgl-dough); color: var(--tgl-ink);
    border: 4px solid var(--tgl-ink); border-radius: 18px;
    box-shadow: 0 6px 0 var(--tgl-crust);
    text-align: center;
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 800;
    font-size: 25px; line-height: 1.12; overflow-wrap: anywhere;
    animation: tglDrop 0.6s var(--tgl-serve) both;
}
#qa-content.responses-design.lrd-thanksgiving .qa-title .tgl-long { font-size: 20px; }

/* The classic page's own messages stay out of the design's way. */
#qa-content.responses-design.lrd-thanksgiving .qa-submitted-msg { display: none !important; }
#qa-content.responses-design.lrd-thanksgiving .qa-profanity-error.show {
    flex: 0 0 auto; margin: 0 4px 12px;
    background: #F6D3D9; color: var(--tgl-ink);
    border: 3px solid var(--tgl-ink); border-radius: 12px;
    font-size: 15px;
}

/* ── The form: the lined card and Submit Response ── */
#qa-content.responses-design.lrd-thanksgiving .qa-submit-form {
    flex: 0 0 auto;
    margin: 0 4px 16px; padding: 0;
    background: none; border-radius: 0;
    animation: tglRise 0.55s 0.1s var(--tgl-serve) both;
}
#qa-content.responses-design.lrd-thanksgiving .qa-submit-form textarea {
    display: block; width: 100%; height: 104px; min-height: 0; resize: none;
    padding: 12px 16px; box-sizing: border-box;
    background: repeating-linear-gradient(180deg, rgba(0,0,0,0) 0 33px, rgba(44,102,116,0.18) 33px 35px) 0 10px, #FFFFFF;
    color: var(--tgl-ink);
    border: 4px solid var(--tgl-ink); border-radius: 16px; box-shadow: none;
    font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif; font-weight: 600; font-size: 21px; line-height: 34px;
    caret-color: var(--tgl-ink);
}
#qa-content.responses-design.lrd-thanksgiving .qa-submit-form textarea::placeholder { color: #9A8778; font-weight: 600; }
#qa-content.responses-design.lrd-thanksgiving .qa-submit-form textarea:focus { outline: none; box-shadow: 0 0 0 4px var(--tgl-gold); }
#qa-content.responses-design.lrd-thanksgiving .qa-submit-btn {
    display: block; width: 100%; height: 62px; margin-top: 16px; padding: 0 12px;
    box-sizing: border-box;
    background: var(--tgl-pumpkin); color: var(--tgl-cream);
    border: 5px solid var(--tgl-ink); border-radius: 18px;
    box-shadow: inset 0 0 0 5px rgba(255, 244, 226, 0.16), 0 8px 0 var(--tgl-shadow);
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 900; font-size: 28px; line-height: 1;
    text-shadow: 2px 2px 0 var(--tgl-ink);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    transition: transform 0.08s, box-shadow 0.08s;
    -webkit-tap-highlight-color: transparent;
}
#qa-content.responses-design.lrd-thanksgiving .qa-submit-btn:active:not(:disabled) {
    transform: translateY(4px) scale(0.97); box-shadow: inset 0 0 0 5px rgba(255, 244, 226, 0.16), 0 3px 0 var(--tgl-shadow);
}
/* Sending…, or paused: the button goes burnt sugar, still opaque. */
#qa-content.responses-design.lrd-thanksgiving .qa-submit-btn:disabled { opacity: 1; background: #8F7A6C; }

/* ── Paused: a cranberry card in the form's place ── */
#qa-content.responses-design.lrd-thanksgiving .qa-paused-banner.show {
    flex: 0 0 auto;
    display: flex; align-items: center; gap: 16px;
    margin: 4px 0 20px; padding: 14px 16px;
    min-height: 96px; box-sizing: border-box;
    background: var(--tgl-cranberry); color: var(--tgl-cream);
    border: 5px solid var(--tgl-ink); border-radius: 20px; box-shadow: var(--tgl-card);
    text-align: left;
    transform: rotate(-2deg);
    animation: tglSlap 0.45s 0.1s var(--tgl-serve) both, tglAppear 0.1s steps(1) backwards;
}
#qa-content.responses-design.lrd-thanksgiving .tgl-card-icon,
#toast.responses-design.lrd-thanksgiving .tgl-card-icon {
    flex: 0 0 auto; width: 60px; height: 60px; box-sizing: border-box; border-radius: 50%;
    background: #FFF8EC; border: 4px solid #2A160D;
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
#qa-content.responses-design.lrd-thanksgiving .tgl-pause-icon i { display: block; width: 9px; height: 26px; border-radius: 3px; background: var(--tgl-ink); }
#qa-content.responses-design.lrd-thanksgiving .tgl-card-words,
#toast.responses-design.lrd-thanksgiving .tgl-card-words { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
#qa-content.responses-design.lrd-thanksgiving .tgl-card-head,
#toast.responses-design.lrd-thanksgiving .tgl-card-head {
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 900; font-size: 32px; line-height: 1;
    text-shadow: 2px 2px 0 #2A160D;
}
#qa-content.responses-design.lrd-thanksgiving .tgl-card-sub,
#toast.responses-design.lrd-thanksgiving .tgl-card-sub { font-weight: 600; font-size: 17px; line-height: 1.2; }

/* ── My Submissions ── */
#qa-content.responses-design.lrd-thanksgiving #qa-my-questions { flex: 0 0 auto; margin: 0 4px; }
#qa-content.responses-design.lrd-thanksgiving #qa-my-questions:empty { display: none; }
#qa-content.responses-design.lrd-thanksgiving .qa-section-header {
    margin: 0 0 8px 2px; color: var(--tgl-muted);
    font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif; font-weight: 800;
    font-size: 15px; letter-spacing: 2px; text-transform: uppercase;
}
#qa-content.responses-design.lrd-thanksgiving .qa-section-header .chevron { font-size: 10px; }
#qa-content.responses-design.lrd-thanksgiving .qa-my-questions-list { max-height: 168px; overflow-y: auto; padding: 0 0 8px; }
#qa-content.responses-design.lrd-thanksgiving .qa-my-questions-list.collapsed { max-height: 0 !important; opacity: 1; padding: 0; }
#qa-content.responses-design.lrd-thanksgiving #qa-my-questions .qa-question-card {
    display: flex; align-items: center; gap: 10px;
    min-height: 70px; margin: 0 0 12px; padding: 8px 12px 8px 14px; box-sizing: border-box;
    background: var(--tgl-paper); color: var(--tgl-ink);
    border: 4px solid var(--tgl-ink); border-radius: 16px; box-shadow: var(--tgl-card);
    animation: tglRise 0.5s var(--tgl-serve) both;
}
#qa-content.responses-design.lrd-thanksgiving .tgl-mine-text {
    flex: 1 1 auto; min-width: 0;
    font-size: 18px; line-height: 1.2; overflow-wrap: anywhere;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
#qa-content.responses-design.lrd-thanksgiving .tgl-mine-side { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
#qa-content.responses-design.lrd-thanksgiving .tgl-tag {
    padding: 3px 9px; border-radius: 10px;
    background: var(--tgl-gold); color: var(--tgl-ink); border: 3px solid var(--tgl-ink);
    font-weight: 800; font-size: 14px; line-height: 1.1; white-space: nowrap;
    animation: tglTag 0.4s var(--tgl-serve) both;
}
#qa-content.responses-design.lrd-thanksgiving .tgl-tag.tgl-approved { background: #9ED3A6; }
#qa-content.responses-design.lrd-thanksgiving .tgl-tag.tgl-answered { background: #F0CF97; }
#qa-content.responses-design.lrd-thanksgiving .tgl-mine-votes { display: flex; align-items: center; gap: 4px; color: var(--tgl-muted); }
#qa-content.responses-design.lrd-thanksgiving .tgl-mine-votes .qa-response-emoji { font-size: 15px; }
#qa-content.responses-design.lrd-thanksgiving .tgl-mine-votes .qa-response-votes i { width: 10px; font-size: 15px; color: var(--tgl-muted); }

/* ── The list: Most Voted / Most Recent, then the responses ── */
#qa-content.responses-design.lrd-thanksgiving #qa-approved-questions {
    flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
    margin: 0 -6px -8px; padding: 0 10px 14px;
}
#qa-content.responses-design.lrd-thanksgiving .qa-sort-bar {
    position: sticky; top: 0; z-index: 2;
    display: flex; gap: 6px; height: 52px; margin: 0 0 12px; padding: 5px; box-sizing: border-box;
    background: var(--tgl-kraft); border: 3px solid var(--tgl-ink); border-radius: 16px; overflow: hidden;
    animation: tglRise 0.5s 0.1s var(--tgl-serve) both;
}
#qa-content.responses-design.lrd-thanksgiving .qa-sort-btn {
    flex: 1; padding: 0; border: none; border-radius: 12px;
    background: transparent; color: var(--tgl-muted);
    font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif; font-weight: 800; font-size: 18px;
}
#qa-content.responses-design.lrd-thanksgiving .qa-sort-btn.active { background: var(--tgl-cranberry); color: var(--tgl-cream); }

#qa-content.responses-design.lrd-thanksgiving #qa-approved-questions .qa-question-card {
    display: flex; align-items: center; gap: 12px;
    min-height: 70px; margin: 0 0 12px; padding: 8px 14px 8px 10px; box-sizing: border-box;
    background: var(--tgl-paper); color: var(--tgl-ink);
    border: 4px solid var(--tgl-ink); border-radius: 16px; box-shadow: var(--tgl-card);
    opacity: 1;
}
#qa-content.responses-design.lrd-thanksgiving #qa-approved-questions .qa-question-card.entering { animation: tglRise 0.5s var(--tgl-serve) both; }
/* The vote pill: the host's emoji and the count in fixed cells. */
#qa-content.responses-design.lrd-thanksgiving .qa-vote-btn {
    flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 6px;
    min-width: 0; height: 46px; padding: 0 10px; box-sizing: border-box;
    background: #FFFFFF; color: var(--tgl-ink);
    border: 3px solid var(--tgl-ink); border-radius: 12px; box-shadow: none;
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 900; font-size: 22px; line-height: 1;
    transition: transform 0.08s;
}
#qa-content.responses-design.lrd-thanksgiving .qa-vote-btn:active { transform: scale(0.92); background: #FFFFFF; }
#qa-content.responses-design.lrd-thanksgiving .qa-vote-btn.voted, #qa-content.responses-design.lrd-thanksgiving .qa-vote-btn.voted:active { background: var(--tgl-gold); }
#qa-content.responses-design.lrd-thanksgiving .qa-response-emoji {
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', system-ui, sans-serif;
    font-size: 21px; line-height: 1;
}
#qa-content.responses-design.lrd-thanksgiving .qa-response-votes { display: inline-flex; }
#qa-content.responses-design.lrd-thanksgiving .qa-response-votes i {
    display: inline-block; width: 13px; text-align: center;
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-style: normal; font-weight: 900;
    font-size: 22px; line-height: 1; color: var(--tgl-ink);
}
#qa-content.responses-design.lrd-thanksgiving .qa-response-votes i.tgl-blank { width: 6px; }
#qa-content.responses-design.lrd-thanksgiving .qa-response-votes i.tgl-sign { width: 8px; }
/* The pill bumps when its count changes (thanksgiving.js marks it). */
#qa-content.responses-design.lrd-thanksgiving .qa-vote-btn.tgl-bump { animation: tglBump 0.35s var(--tgl-serve); }
#qa-content.responses-design.lrd-thanksgiving .qa-vote-btn.voted .qa-response-emoji { animation: tglPop 0.45s var(--tgl-serve); }
/* The text, after its colour pip. */
#qa-content.responses-design.lrd-thanksgiving #qa-approved-questions .qa-question-text {
    flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px;
    font-size: 18px; line-height: 1.2; font-weight: 700; color: var(--tgl-ink);
}
#qa-content.responses-design.lrd-thanksgiving .tgl-pip {
    flex: 0 0 auto; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%;
    background: var(--tgl-c, #D9611C); border: 2px solid var(--tgl-ink);
}
#qa-content.responses-design.lrd-thanksgiving .tgl-text {
    flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
#qa-content.responses-design.lrd-thanksgiving .qa-empty {
    padding: 26px 20px 0; text-align: center; color: var(--tgl-muted);
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 800; font-size: 21px; line-height: 1.3;
    animation: tglRise 0.5s 0.3s var(--tgl-serve) both;
}

/* ── The submit toast: a sage "Submitted!" card ── */
#toast.responses-design.lrd-thanksgiving {
    display: flex; align-items: center; gap: 16px;
    width: min(350px, calc(100vw - 40px)); max-width: none; min-height: 96px; padding: 14px 18px; box-sizing: border-box;
    background: #3E7B4E; color: #FFF4E2;
    border: 5px solid #2A160D; border-radius: 20px;
    box-shadow: inset 0 0 0 5px rgba(255, 244, 226, 0.16), 0 9px 0 #140803, 0 20px 28px rgba(0, 0, 0, 0.35);
    backdrop-filter: none; -webkit-backdrop-filter: none;
    text-align: left; font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif; font-weight: 700;
    opacity: 1; transform: translateX(-50%) translateY(300px) rotate(-2deg);
}
#toast.responses-design.lrd-thanksgiving::before { content: none; }
#toast.responses-design.lrd-thanksgiving.error { background: #A8233D; }
#toast.responses-design.lrd-thanksgiving.show { animation: tglToastIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
#toast.responses-design.lrd-thanksgiving.hide { animation: tglToastOut 0.4s cubic-bezier(0.55, 0, 1, 0.45) forwards; }
#toast.responses-design.lrd-thanksgiving .tgl-toast-icon {
    background: #FFF8EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%233E7B4E' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 36px 36px;
}
#toast.responses-design.lrd-thanksgiving.error .tgl-toast-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='%23A8233D' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}
#toast.responses-design.lrd-thanksgiving.error .tgl-card-head { font-size: 28px; }

/* ── The ended screen: a whole pie, waiting for the next activity ── */
#waiting-message.responses-design.lrd-thanksgiving.lr-ended.show { display: flex; align-items: center; justify-content: center; padding: 22px 24px; }
#waiting-message.responses-design.lrd-thanksgiving.lr-ended .tgl-wait {
    position: relative; width: 100%; max-width: 330px;
    display: flex; flex-direction: column; align-items: center; gap: 24px;
    padding: 10px 0 130px;
}
#waiting-message.responses-design.lrd-thanksgiving.lr-ended .tgl-pie {
    width: 170px; height: 180px; overflow: visible;
    animation: tglWaitIn 0.6s var(--tgl-serve) both, tglRock 3.9s 0.6s ease-in-out infinite;
}
#waiting-message.responses-design.lrd-thanksgiving.lr-ended .tgl-wait-head {
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 900;
    font-size: 36px; line-height: 1.15; text-align: center; color: var(--tgl-ink);
    animation: tglRise 0.55s 0.12s var(--tgl-serve) both;
}
#waiting-message.responses-design.lrd-thanksgiving.lr-ended .tgl-leaves { position: absolute; left: 0; right: 0; bottom: 0; height: 120px; }
#waiting-message.responses-design.lrd-thanksgiving.lr-ended .tgl-leaves svg { position: absolute; overflow: visible; }
#waiting-message.responses-design.lrd-thanksgiving.lr-ended .tgl-leaves .tgl-leaf-a { left: 4px; top: 0; width: 110px; height: 110px; rotate: 24deg; animation: tglLeaf 0.7s 0.3s var(--tgl-serve) both; }
#waiting-message.responses-design.lrd-thanksgiving.lr-ended .tgl-leaves .tgl-leaf-b { right: 20px; top: 26px; width: 90px; height: 90px; rotate: -30deg; animation: tglLeaf 0.7s 0.45s var(--tgl-serve) both; }

@keyframes tglDrop { from { translate: 0 -160px; rotate: -4deg; } }
@keyframes tglRise { from { translate: 0 420px; rotate: 4deg; } }
@keyframes tglTag { from { scale: 0; rotate: 14deg; } }
@keyframes tglBump { 0% { scale: 1; } 45% { scale: 0.92; } 100% { scale: 1; } }
@keyframes tglPop { 0% { scale: 0.6; } 50% { scale: 1.5; } 100% { scale: 1; } }
@keyframes tglSlap { from { transform: rotate(-30deg) scale(0); } to { transform: rotate(-2deg) scale(1); } }
@keyframes tglAppear { from, to { visibility: hidden; } }
@keyframes tglToastIn {
    from { transform: translateX(-50%) translateY(300px) rotate(-2deg); }
    to { transform: translateX(-50%) translateY(0) rotate(-2deg); }
}
@keyframes tglToastOut {
    from { transform: translateX(-50%) translateY(0) rotate(-2deg); }
    to { transform: translateX(-50%) translateY(300px) rotate(-2deg); }
}
@keyframes tglWaitIn { from { translate: 0 -700px; } }
@keyframes tglRock { 0%, 100% { rotate: 0deg; } 25% { rotate: 8deg; } 75% { rotate: -8deg; } }
@keyframes tglLeaf { from { translate: 0 -500px; } }

/* ── Shorter phones ── */
@media (max-height: 740px) {
    #qa-content.responses-design.lrd-thanksgiving::before { margin-bottom: 12px; padding: 11px 18px 9px; font-size: 22px; }
    #qa-content.responses-design.lrd-thanksgiving .qa-title { font-size: 21px; min-height: 70px; padding: 10px 16px; margin-bottom: 12px; }
    #qa-content.responses-design.lrd-thanksgiving .qa-title .tgl-long { font-size: 17px; }
    #qa-content.responses-design.lrd-thanksgiving .qa-submit-form { margin-bottom: 12px; }
    #qa-content.responses-design.lrd-thanksgiving .qa-submit-form textarea { height: 80px; font-size: 19px; }
    #qa-content.responses-design.lrd-thanksgiving .qa-submit-btn { height: 54px; margin-top: 12px; font-size: 24px; }
    #qa-content.responses-design.lrd-thanksgiving .qa-paused-banner.show { min-height: 82px; padding: 10px 14px; margin-bottom: 14px; }
    #qa-content.responses-design.lrd-thanksgiving .tgl-card-icon { width: 52px; height: 52px; }
    #qa-content.responses-design.lrd-thanksgiving .tgl-card-head { font-size: 28px; }
    #qa-content.responses-design.lrd-thanksgiving .tgl-card-sub { font-size: 15px; }
    #qa-content.responses-design.lrd-thanksgiving .qa-my-questions-list { max-height: 128px; }
    #qa-content.responses-design.lrd-thanksgiving #qa-my-questions .qa-question-card,
    #qa-content.responses-design.lrd-thanksgiving #qa-approved-questions .qa-question-card { min-height: 62px; margin-bottom: 10px; }
    #qa-content.responses-design.lrd-thanksgiving .qa-sort-bar { height: 46px; margin-bottom: 10px; }
    #qa-content.responses-design.lrd-thanksgiving .qa-sort-btn { font-size: 16px; }
    #qa-content.responses-design.lrd-thanksgiving #qa-approved-questions .qa-question-text { font-size: 16px; }
    #toast.responses-design.lrd-thanksgiving .tgl-card-head { font-size: 28px; }
    #waiting-message.responses-design.lrd-thanksgiving.lr-ended .tgl-wait-head { font-size: 32px; }
}

@media (prefers-reduced-motion: reduce) {
    #qa-content.responses-design.lrd-thanksgiving *, #qa-content.responses-design.lrd-thanksgiving *::before,
    #qa-content.responses-design.lrd-thanksgiving *::after, #waiting-message.responses-design.lrd-thanksgiving.lr-ended * {
        animation: none !important; transition: none !important;
    }
    #toast.responses-design.lrd-thanksgiving.show { animation: none; transform: translateX(-50%) rotate(-2deg); }
    #toast.responses-design.lrd-thanksgiving.hide { animation: none; transform: translateX(-50%) translateY(300px); }
    #qa-content.responses-design.lrd-thanksgiving .qa-paused-banner.show { visibility: visible; }
}