/* Live Responses · Cut & Paste phone skin (owner decision 2026-10-07; the
   canvas's LR-CutAndPaste Phone and Anim boards). Every rule is scoped to
   #qa-content.responses-design.lrd-cutAndPaste,
   #toast.responses-design.lrd-cutAndPaste or
   #waiting-message.responses-design.lrd-cutAndPaste.lr-ended, so no other
   screen or feature is touched; the classic screens (no .responses-design)
   never match.

   A photocopied collage zine: off-white copier paper with toner grain, the
   prompt on black label tape, the response box a white scrap, Submit on
   black tape, each response a halftone paper strip in one of the display's
   eight colours (black ink on all) with a white vote scrap showing the HOST's
   reaction emoji and the count (yellow once voted), typed scraps for the
   empty list and the ended screen, a yellow label for the paused banner and a
   green label for the toast. The cuts and tears are the boards' seeded
   generator, computed by cut-and-paste.js into the --lrcap-* properties. The
   paper colour lives on these in-flow panels, never on html/body or a fixed
   element (the iOS 26 rule). The whole screen fits the phone: only the
   response list scrolls, inside the paper. Motion is the boards': tape fed
   in, scraps pasted down, the banner and the toast stapled. Nothing fades. */

@font-face { font-family: 'Sidekick Trivia Archivo'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/sidekick-trivia-archivo-extra-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Archivo'; font-style: normal; font-weight: 900; font-display: swap; src: url('/fonts/sidekick-trivia-archivo-black-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Special Elite'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/sidekick-trivia-special-elite-regular-v1.woff2') format('woff2'); }

/* ── The paper panels ── */
#qa-content.responses-design.lrd-cutAndPaste,
#toast.responses-design.lrd-cutAndPaste,
#waiting-message.responses-design.lrd-cutAndPaste.lr-ended {
    --lrcap-ink: #111111; --lrcap-paper: #EDEAE2; --lrcap-white: #FFFFFF; --lrcap-yellow: #FFE600;
    --lrcap-mint: #32D38E; --lrcap-pink: #FF3D9A; --lrcap-blue: #4D8DFF; --lrcap-grey: #E4E0D6;
    --lrcap-grey-ink: #8E8A82; --lrcap-dim: #5E5A53;
    --lrcap-archivo: 'Sidekick Trivia Archivo', 'Archivo', system-ui, sans-serif;
    --lrcap-elite: 'Sidekick Trivia Special Elite', 'Courier New', monospace;
    --lrcap-paste: cubic-bezier(0.3, 1.45, 0.55, 1);
    --lrcap-feed: cubic-bezier(0.25, 1.25, 0.5, 1);
    --lrcap-staple: cubic-bezier(0.2, 2.4, 0.5, 1);
    --lrcap-dots: radial-gradient(circle, rgba(0,0,0,0.12) 0 32%, transparent 36%) 0 0 / 12px 12px;
    --lrcap-shadow: drop-shadow(3px 4px 0 rgba(0,0,0,0.22));
}

#qa-content.responses-design.lrd-cutAndPaste,
#waiting-message.responses-design.lrd-cutAndPaste.lr-ended {
    position: relative;
    margin: -8px -14px;
    padding: 18px 16px 16px;
    height: calc(100dvh - 24px);
    box-sizing: border-box;
    border-radius: 4px;
    font-family: var(--lrcap-archivo);
    font-weight: 900;
    color: var(--lrcap-ink);
    text-align: left;
    /* Photocopy paper: toner grain (a seeded fractal noise, seed 8), a faint
       copier band and a darker edge. */
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch' seed='8'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.45 -0.21'/%3E%3C/filter%3E%3Crect width='280' height='280' filter='url(%23t)'/%3E%3C/svg%3E") 0 0 / 280px 280px,
        linear-gradient(90deg, transparent 0 30%, rgba(0,0,0,0.04) 30.5% 31.2%, transparent 31.7%),
        radial-gradient(ellipse 90% 75% at 50% 40%, transparent 55%, rgba(0,0,0,0.14)),
        var(--lrcap-paper);
    overflow: hidden;
}

/* The screen's pieces in the board's order; only the responses scroll. */
#qa-content.responses-design.lrd-cutAndPaste[style*="block"] { display: flex !important; flex-direction: column; }
#qa-content.responses-design.lrd-cutAndPaste > * { flex: 0 0 auto; }
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions {
    flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
    margin: 0 -16px; padding: 0 16px 14px;
}

/* ── The prompt: black label tape, fed in from the left ── */
#qa-content.responses-design.lrd-cutAndPaste .qa-title {
    align-self: flex-start;
    position: relative; isolation: isolate;
    max-width: 356px; box-sizing: border-box; margin: 6px 0 20px; padding: 10px 20px 14px;
    color: var(--lrcap-white); font-family: var(--lrcap-archivo); font-weight: 900;
    font-size: 30px; line-height: 1.08; letter-spacing: -0.3px; text-align: left;
    filter: var(--lrcap-shadow);
    transform: rotate(-1.5deg);
    animation: lrcapFeed 0.5s var(--lrcap-feed) both;
}
#qa-content.responses-design.lrd-cutAndPaste .qa-title.lrcap-len-m { font-size: 25px; }
#qa-content.responses-design.lrd-cutAndPaste .qa-title.lrcap-len-l { font-size: 20px; }
#qa-content.responses-design.lrd-cutAndPaste .qa-title::before {
    content: ''; position: absolute; inset: 0; z-index: -1; background: var(--lrcap-ink); clip-path: var(--lrcap-q);
}

/* ── Paused: a yellow label stapled down where the form was ── */
#qa-content.responses-design.lrd-cutAndPaste .qa-paused-banner.show {
    align-self: center;
    display: flex; align-items: center; gap: 12px;
    width: 320px; max-width: 100%; box-sizing: border-box; margin: 0 0 14px; padding: 12px 18px 15px;
    background: var(--lrcap-yellow); color: var(--lrcap-ink); border: 0; border-radius: 0;
    font-family: var(--lrcap-archivo); font-weight: 900; font-size: 20px; line-height: 1.15; text-align: left;
    clip-path: var(--lrcap-ban);
    transform: rotate(-1.5deg);
    animation: lrcapStaple 0.34s var(--lrcap-staple) both;
}
#qa-content.responses-design.lrd-cutAndPaste .lrcap-pause { flex: 0 0 auto; width: 30px; height: 30px; fill: var(--lrcap-ink); }

/* The leftover classic notes, as typed scraps if they ever show. */
#qa-content.responses-design.lrd-cutAndPaste .qa-submitted-msg.show,
#qa-content.responses-design.lrd-cutAndPaste .qa-profanity-error.show {
    margin: 0 0 12px; padding: 10px 14px 12px; border: 0; border-radius: 0;
    background: var(--lrcap-white); color: var(--lrcap-ink);
    font-family: var(--lrcap-elite); font-weight: 400; font-size: 16px; clip-path: var(--lrcap-note);
}

/* ── The form: a white scrap to write on, Submit on black tape ── */
#qa-content.responses-design.lrd-cutAndPaste .qa-submit-form {
    margin: 0 0 14px; padding: 0; background: none; border-radius: 0;
    filter: var(--lrcap-shadow);
    animation: lrcapPaste 0.5s var(--lrcap-paste) 0.15s both;
}
#qa-content.responses-design.lrd-cutAndPaste .qa-submit-form textarea {
    display: block; width: 100%; height: 110px; min-height: 0; box-sizing: border-box;
    margin: 0; padding: 14px 18px; resize: none;
    background: var(--lrcap-white); color: var(--lrcap-ink); border: 0; border-radius: 0;
    font-family: var(--lrcap-archivo); font-weight: 800; font-size: 19px; line-height: 1.22;
    clip-path: var(--lrcap-ta);
}
#qa-content.responses-design.lrd-cutAndPaste .qa-submit-form textarea::placeholder {
    color: var(--lrcap-grey-ink); font-family: var(--lrcap-elite); font-weight: 400; font-size: 18px;
}
#qa-content.responses-design.lrd-cutAndPaste .qa-submit-form textarea:focus { outline: none; }
#qa-content.responses-design.lrd-cutAndPaste .qa-submit-btn {
    display: block; width: 300px; max-width: 100%; height: 54px; margin: 14px auto 0; padding: 0;
    background: var(--lrcap-ink); color: var(--lrcap-white); border: 0; border-radius: 0;
    font-family: var(--lrcap-archivo); font-weight: 900; font-size: 22px; line-height: 1;
    clip-path: var(--lrcap-btn);
    transition: transform 0.09s ease;
}
#qa-content.responses-design.lrd-cutAndPaste .qa-submit-btn:active:not(:disabled) { transform: scale(0.94); }
#qa-content.responses-design.lrd-cutAndPaste .qa-submit-btn:disabled { opacity: 1; background: var(--lrcap-dim); }

/* ── My Submissions: black label, white scraps with their status ── */
#qa-content.responses-design.lrd-cutAndPaste #qa-my-questions:empty { display: none; }
#qa-content.responses-design.lrd-cutAndPaste .qa-section-header.collapsible {
    display: inline-flex; align-items: center; gap: 8px; position: relative; isolation: isolate;
    margin: 0 0 10px; padding: 6px 14px 8px 10px;
    color: var(--lrcap-white); font-family: var(--lrcap-archivo); font-weight: 800; font-size: 17px;
    line-height: 1; letter-spacing: 0; text-transform: none;
    filter: var(--lrcap-shadow);
    transform: rotate(-1deg);
    animation: lrcapFeed 0.42s var(--lrcap-feed) both;
}
#qa-content.responses-design.lrd-cutAndPaste .qa-section-header.collapsible::before {
    content: ''; position: absolute; inset: 0; z-index: -1; background: var(--lrcap-ink); clip-path: var(--lrcap-hdr);
}
#qa-content.responses-design.lrd-cutAndPaste .qa-section-header .chevron { font-size: 12px; }
#qa-content.responses-design.lrd-cutAndPaste .qa-my-questions-list { padding: 2px 4px 4px 0; }
#qa-content.responses-design.lrd-cutAndPaste .qa-my-questions-list .qa-question-card {
    display: block; position: relative; isolation: isolate;
    margin: 0 0 10px; padding: 11px 14px 10px; border-radius: 0; background: none;
    filter: var(--lrcap-shadow);
    animation: lrcapPaste 0.5s var(--lrcap-paste) both;
}
#qa-content.responses-design.lrd-cutAndPaste .qa-my-questions-list .qa-question-card::before {
    content: ''; position: absolute; inset: 0; z-index: -1; background: var(--lrcap-white); clip-path: var(--lrcap-ta);
}
#qa-content.responses-design.lrd-cutAndPaste .lrcap-mine-text {
    font-family: var(--lrcap-archivo); font-weight: 800; font-size: 16px; line-height: 1.15;
    overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow-wrap: anywhere;
}
#qa-content.responses-design.lrd-cutAndPaste .lrcap-mine-meta {
    display: flex; align-items: center; justify-content: space-between; margin-top: 6px;
    font-family: var(--lrcap-archivo); font-weight: 800; font-size: 14px; color: var(--lrcap-dim);
}
#qa-content.responses-design.lrd-cutAndPaste .lrcap-mine-votes b { font-weight: 900; color: var(--lrcap-ink); font-variant-numeric: tabular-nums; }
#qa-content.responses-design.lrd-cutAndPaste .lrcap-badge {
    padding: 5px 12px 7px; background: var(--lrcap-grey); color: var(--lrcap-ink);
    font-family: var(--lrcap-archivo); font-weight: 900; font-size: 14px; line-height: 1;
    clip-path: var(--lrcap-sort2);
    animation: lrcapStaple 0.34s var(--lrcap-staple) 0.3s both;
}
#qa-content.responses-design.lrd-cutAndPaste .lrcap-badge.lrcap-approved { background: var(--lrcap-mint); }
#qa-content.responses-design.lrd-cutAndPaste .lrcap-badge.lrcap-answered { background: var(--lrcap-blue); }

/* ── The sort bar: two scraps of label ── */
#qa-content.responses-design.lrd-cutAndPaste .qa-sort-bar {
    display: flex; gap: 8px; margin: 2px 0 12px; padding: 0; background: none; border-radius: 0; overflow: visible;
    animation: lrcapFeed 0.42s var(--lrcap-feed) both;
}
#qa-content.responses-design.lrd-cutAndPaste .qa-sort-btn {
    flex: 0 0 auto; padding: 7px 14px 9px; border: 0; border-radius: 0;
    background: var(--lrcap-white); color: var(--lrcap-ink);
    font-family: var(--lrcap-archivo); font-weight: 800; font-size: 15px; line-height: 1;
    clip-path: var(--lrcap-sort2); transform: rotate(1deg);
}
#qa-content.responses-design.lrd-cutAndPaste .qa-sort-btn.active {
    background: var(--lrcap-ink); color: var(--lrcap-white); clip-path: var(--lrcap-sort); transform: rotate(-1deg);
}

/* ── The responses: halftone strips, the vote a white scrap ── */
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card {
    --c: var(--lrcap-white); --lrcap-row: var(--lrcap-row4); --lrcap-vb: var(--lrcap-vb4); --lrcap-rot: -0.5deg;
    position: relative; isolation: isolate;
    display: flex; align-items: center; gap: 12px;
    min-height: 72px; box-sizing: border-box; margin: 0 4px 12px 0; padding: 8px 14px 8px 10px;
    background: none; border-radius: 0;
    filter: var(--lrcap-shadow);
    rotate: var(--lrcap-rot);
}
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card::before {
    content: ''; position: absolute; inset: 0; z-index: -1;
    background: radial-gradient(circle, rgba(0,0,0,var(--lrcap-dot, 0.12)) 0 32%, transparent 36%) 0 0 / 12px 12px, var(--c);
    clip-path: var(--lrcap-row);
}
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card.entering {
    animation: lrcapStrip 0.5s var(--lrcap-paste) both;
}
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card:has(.lrcap-c0) { --c: #FF3D9A; --lrcap-row: var(--lrcap-row0); --lrcap-vb: var(--lrcap-vb0); --lrcap-rot: -1deg; }
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card:has(.lrcap-c1) { --c: #FFE600; --lrcap-row: var(--lrcap-row1); --lrcap-vb: var(--lrcap-vb1); --lrcap-rot: 0.8deg; }
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card:has(.lrcap-c2) { --c: #4D8DFF; --lrcap-row: var(--lrcap-row2); --lrcap-vb: var(--lrcap-vb2); --lrcap-rot: -0.6deg; }
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card:has(.lrcap-c3) { --c: #32D38E; --lrcap-row: var(--lrcap-row3); --lrcap-vb: var(--lrcap-vb3); --lrcap-rot: 1deg; }
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card:has(.lrcap-c4) { --c: #FFFFFF; --lrcap-row: var(--lrcap-row4); --lrcap-vb: var(--lrcap-vb4); --lrcap-rot: -0.5deg; --lrcap-dot: 0.08; }
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card:has(.lrcap-c5) { --c: #FF8A2A; --lrcap-row: var(--lrcap-row5); --lrcap-vb: var(--lrcap-vb5); --lrcap-rot: 0.7deg; }
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card:has(.lrcap-c6) { --c: #B48CFF; --lrcap-row: var(--lrcap-row6); --lrcap-vb: var(--lrcap-vb6); --lrcap-rot: -0.8deg; }
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card:has(.lrcap-c7) { --c: #3CCFE0; --lrcap-row: var(--lrcap-row7); --lrcap-vb: var(--lrcap-vb7); --lrcap-rot: 0.6deg; }

#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-vote-btn {
    flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 6px;
    width: 78px; height: 50px; margin: 0; padding: 0;
    background: var(--lrcap-white); color: var(--lrcap-ink); border: 0; border-radius: 0;
    clip-path: var(--lrcap-vb);
    transition: transform 0.09s ease, background 0.15s ease;
}
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-vote-btn:active { transform: scale(0.92); }
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-vote-btn.voted { background: var(--lrcap-yellow); border: 0; }
#qa-content.responses-design.lrd-cutAndPaste .qa-response-emoji { font-size: 22px; line-height: 1; }
#qa-content.responses-design.lrd-cutAndPaste .qa-response-votes {
    min-width: 1.12em; text-align: right;
    font-family: var(--lrcap-archivo); font-weight: 900; font-size: 20px; line-height: 1;
    font-variant-numeric: tabular-nums;
}
#qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-text {
    flex: 1 1 auto; min-width: 0;
    font-family: var(--lrcap-archivo); font-weight: 800; font-size: 15px; line-height: 1.15;
    overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
    overflow-wrap: anywhere;
}

/* ── Nothing approved yet: a typed note ── */
#qa-content.responses-design.lrd-cutAndPaste .qa-empty {
    display: flex; justify-content: center; margin: 10px 0 0; padding: 0;
    animation: lrcapNote 0.42s var(--lrcap-paste) 0.4s both;
}
#qa-content.responses-design.lrd-cutAndPaste .lrcap-note,
#waiting-message.responses-design.lrd-cutAndPaste.lr-ended .lrcap-note {
    display: inline-block; position: relative; isolation: isolate;
    max-width: 300px; padding: 12px 18px 15px;
    color: var(--lrcap-ink); font-family: var(--lrcap-elite); font-weight: 400; font-size: 19px; line-height: 1.25;
    text-align: center;
    filter: drop-shadow(3px 4px 0 rgba(0,0,0,0.2));
    transform: rotate(-1.5deg);
}
#qa-content.responses-design.lrd-cutAndPaste .lrcap-note::before,
#waiting-message.responses-design.lrd-cutAndPaste.lr-ended .lrcap-note::before {
    content: ''; position: absolute; inset: 0; z-index: -1; background: var(--lrcap-white); clip-path: var(--lrcap-note);
}

/* ── The toast: a green label stapled at the foot (pink for an error) ── */
#toast.responses-design.lrd-cutAndPaste {
    isolation: isolate;
    padding: 11px 18px 14px; border: 0; border-radius: 0;
    background: none; backdrop-filter: none; -webkit-backdrop-filter: none;
    color: var(--lrcap-ink); font-family: var(--lrcap-archivo); font-weight: 900; font-size: 18px; line-height: 1.1;
    display: flex; align-items: center; gap: 10px; width: max-content; max-width: calc(100vw - 40px); box-sizing: border-box;
    filter: drop-shadow(3px 4px 0 rgba(0,0,0,0.25));
}
#toast.responses-design.lrd-cutAndPaste::before {
    content: ''; position: absolute; inset: 0; z-index: -1; background: var(--lrcap-mint); clip-path: var(--lrcap-toast);
}
#toast.responses-design.lrd-cutAndPaste.error::before { background: var(--lrcap-pink); }
#toast.responses-design.lrd-cutAndPaste span { text-align: left; }
#toast.responses-design.lrd-cutAndPaste .lrcap-mark {
    flex: 0 0 auto; width: 24px; height: 24px;
    fill: none; stroke: var(--lrcap-ink); stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round;
}
#toast.responses-design.lrd-cutAndPaste.show { animation: lrcapToastIn 0.34s var(--lrcap-staple) forwards; }
#toast.responses-design.lrd-cutAndPaste.hide { animation: lrcapToastOut 0.4s cubic-bezier(0.55, 0, 0.75, 0.2) forwards; }
@keyframes lrcapToastIn {
    from { opacity: 1; transform: translateX(-50%) translateY(40px) rotate(-7.5deg) scale(1.5); }
    to { opacity: 1; transform: translateX(-50%) translateY(0) rotate(-1.5deg); }
}
@keyframes lrcapToastOut {
    from { opacity: 1; transform: translateX(-50%) translateY(0) rotate(-1.5deg); }
    to { opacity: 1; transform: translateX(calc(-50% + 60px)) translateY(500px) rotate(12.5deg); }
}

/* ── Ended: three paper dots bobbing over a typed note ── */
#waiting-message.responses-design.lrd-cutAndPaste.lr-ended.show { display: block; }
#waiting-message.responses-design.lrd-cutAndPaste.lr-ended .lrcap-ended {
    display: flex; flex-direction: column; align-items: center; gap: 30px;
    padding-top: max(80px, 32dvh);
    animation: lrcapNote 0.5s var(--lrcap-paste) both;
}
#waiting-message.responses-design.lrd-cutAndPaste.lr-ended .lrcap-note { white-space: nowrap; }
#waiting-message.responses-design.lrd-cutAndPaste .lrcap-dots { display: flex; gap: 16px; }
#waiting-message.responses-design.lrd-cutAndPaste .lrcap-dot {
    width: 30px; height: 30px; background: var(--lrcap-pink); clip-path: var(--lrcap-d0);
    animation: lrcapBob 1.111s ease-in-out infinite;
}
#waiting-message.responses-design.lrd-cutAndPaste .lrcap-dot:nth-child(2) { background: var(--lrcap-yellow); clip-path: var(--lrcap-d1); animation-delay: 0.159s; }
#waiting-message.responses-design.lrd-cutAndPaste .lrcap-dot:nth-child(3) { background: #2D5BFF; clip-path: var(--lrcap-d2); animation-delay: 0.318s; }

/* ── Motion: the boards' paste, feed and staple ── */
@keyframes lrcapFeed { from { transform: translateX(-500px) rotate(-6deg); } }
@keyframes lrcapPaste { from { transform: translate(-80px, 900px) rotate(-10deg) scale(1.3); } }
@keyframes lrcapStrip { from { transform: translate(80px, 700px) scale(1.2); rotate: 12deg; } }
@keyframes lrcapStaple { from { transform: translateY(-30px) rotate(-11.5deg) scale(1.5); } }
@keyframes lrcapNote { from { transform: translateY(600px) rotate(-9.5deg) scale(1.3); } }
/* The board's bob: up 14 px on half of each 1.1 s beat. */
@keyframes lrcapBob { 0%, 50%, 100% { transform: translateY(0); } 25% { transform: translateY(-14px); } }

/* A short screen (an SE-sized phone with its toolbars): tighter paper. */
@media (max-height: 700px) {
    #qa-content.responses-design.lrd-cutAndPaste { padding-top: 12px; }
    #qa-content.responses-design.lrd-cutAndPaste .qa-title { font-size: 25px; margin-bottom: 14px; padding: 8px 16px 11px; }
    #qa-content.responses-design.lrd-cutAndPaste .qa-title.lrcap-len-m { font-size: 21px; }
    #qa-content.responses-design.lrd-cutAndPaste .qa-title.lrcap-len-l { font-size: 18px; }
    #qa-content.responses-design.lrd-cutAndPaste .qa-submit-form textarea { height: 84px; padding: 10px 14px; font-size: 17px; }
    #qa-content.responses-design.lrd-cutAndPaste .qa-submit-btn { height: 46px; margin-top: 10px; font-size: 20px; }
    #qa-content.responses-design.lrd-cutAndPaste .qa-submit-form { margin-bottom: 10px; }
    #qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-question-card { min-height: 64px; margin-bottom: 10px; }
    #qa-content.responses-design.lrd-cutAndPaste #qa-approved-questions .qa-vote-btn { height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
    #qa-content.responses-design.lrd-cutAndPaste, #qa-content.responses-design.lrd-cutAndPaste *,
    #toast.responses-design.lrd-cutAndPaste,
    #waiting-message.responses-design.lrd-cutAndPaste * { animation: none !important; transition: none !important; }
    #toast.responses-design.lrd-cutAndPaste.show { opacity: 1; transform: translateX(-50%) rotate(-1.5deg); }
}