/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4
 * Hallmark · genre: atmospheric · macrostructure: Ecosystem Index · theme: Midnight · enrichment: drama artwork · nav: N9 · contrast: pass (40–41) · slop: pass (42–49) · mobile: pass (34,49–57)
 */
html,body{overflow-x:clip}.coupon-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:end}.coupon-field span{grid-column:1/-1;color:var(--color-muted);font-size:.8rem}.coupon-field input{min-inline-size:0;min-block-size:44px;border:1px solid var(--color-rule);outline:2px solid transparent;outline-offset:1px;background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-sm);padding-inline:var(--space-3);font:inherit}.coupon-field input:hover{background:var(--color-paper-soft)}.coupon-field input:focus-visible{outline-color:var(--color-focus)}.coupon-field input:disabled{opacity:.55;cursor:not-allowed}.coupon-field button{min-block-size:44px;white-space:nowrap}.coupon-status{min-block-size:1.5em;color:var(--color-muted);font-size:.8rem}.coupon-status[data-valid=true]{color:var(--color-success)}.coupon-status[data-valid=false]{color:var(--color-error)}#onboarding,#feedback{inline-size:min(100% - 2rem,38rem);max-block-size:min(88dvh,46rem);padding:0;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-raised);color:var(--color-ink)}#onboarding::backdrop,#feedback::backdrop{background:var(--color-overlay)}.onboarding,.feedback-sheet{padding:clamp(var(--space-5),6vw,var(--space-7))}.onboarding>span{font-family:var(--font-mono);color:var(--color-accent);font-size:.8rem}.onboarding h2,.feedback-sheet h2{font-family:var(--font-display);font-style:normal;overflow-wrap:anywhere;min-width:0}.onboarding p{color:var(--color-muted)}.interest-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-block:var(--space-5)}.interest-choice{position:relative;min-width:0}.interest-choice input{position:absolute;opacity:0}.interest-choice span{display:flex;min-block-size:52px;align-items:center;justify-content:center;padding:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);text-align:center}.interest-choice:hover span{background:var(--color-paper-soft)}.interest-choice input:checked+span{border-color:var(--color-accent);color:var(--color-accent)}.interest-choice input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.interest-choice input:disabled+span{opacity:.55;cursor:not-allowed}.onboarding button,.feedback-sheet button{min-block-size:44px;white-space:nowrap}.onboarding button:focus-visible,.feedback-sheet button:focus-visible,.coupon-field button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.onboarding button:active,.feedback-sheet button:active,.coupon-field button:active{transform:translateY(1px)}.onboarding button:disabled,.feedback-sheet button:disabled,.coupon-field button:disabled{opacity:.55;cursor:not-allowed}.feedback-sheet form{display:grid;gap:var(--space-4)}.feedback-sheet label{display:grid;gap:var(--space-2);color:var(--color-muted)}.feedback-sheet input,.feedback-sheet select,.feedback-sheet textarea{inline-size:100%;min-block-size:44px;border:1px solid var(--color-rule);outline:2px solid transparent;outline-offset:1px;background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-sm);padding:var(--space-3);font:inherit}.feedback-sheet textarea{min-block-size:8rem;resize:vertical}.feedback-sheet input:hover,.feedback-sheet select:hover,.feedback-sheet textarea:hover{background:var(--color-paper-soft)}.feedback-sheet input:focus-visible,.feedback-sheet select:focus-visible,.feedback-sheet textarea:focus-visible{outline-color:var(--color-focus)}.feedback-sheet input:disabled,.feedback-sheet select:disabled,.feedback-sheet textarea:disabled{opacity:.55;cursor:not-allowed}.recommended-reasons{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2)}.recommended-reasons span{font-size:.7rem;color:var(--color-muted);border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2)}.feedback-entry{margin-block-start:var(--space-4)}
@media(min-width:40rem){.interest-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:50rem){.topbar nav,.tools .premium{display:none}.tools{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:150ms!important;animation-iteration-count:1!important;transition-duration:150ms!important}}