:root{color-scheme:light;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-display: clamp(1.875rem, 1.15rem + 3.1vw, 2.85rem);--fs-body: 1rem;--fs-ui: .875rem;--fs-label: .75rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-card: 22px;--r-control: 12px;--r-chip: 999px;--bg: #f6f3ee;--surface: #fffdf8;--surface-2: #efe9df;--text: #221f1a;--muted: #6b645c;--faint: #6f675b;--accent: #b04a27;--accent-press: #953c1d;--on-accent: #fffaf4;--danger: #9a3b2c;--card-bg: #fffdf8;--card-ink: #221f1a;--card-border: rgba(34, 31, 26, .1);--hairline: color-mix(in oklab, var(--text) 11%, transparent);--hairline: oklch(from var(--text) l c h / .11);--hairline-strong: color-mix(in oklab, var(--text) 18%, transparent);--hairline-strong: oklch(from var(--text) l c h / .18);--shadow-card: 0 1px 2px rgba(46, 33, 20, .05), 0 14px 34px -16px rgba(46, 33, 20, .2);--shadow-pop: 0 1px 2px rgba(46, 33, 20, .06), 0 6px 16px -8px rgba(46, 33, 20, .18);--ring: var(--accent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #15130f;--surface: #1d1a15;--surface-2: #272219;--text: #ece6db;--muted: #a59c8f;--faint: #948b7c;--accent: #e0875a;--accent-press: #cf764b;--on-accent: #21140c;--danger: #e2917a;--card-bg: #1f1b15;--card-ink: #ece6db;--card-border: rgba(236, 230, 219, .12);--shadow-card: 0 1px 2px rgba(0, 0, 0, .45), 0 22px 46px -18px rgba(0, 0, 0, .65);--shadow-pop: 0 1px 2px rgba(0, 0, 0, .45), 0 8px 20px -8px rgba(0, 0, 0, .55)}}:root[data-theme=dark]{color-scheme:dark;--bg: #15130f;--surface: #1d1a15;--surface-2: #272219;--text: #ece6db;--muted: #a59c8f;--faint: #766e63;--accent: #e0875a;--accent-press: #cf764b;--on-accent: #21140c;--danger: #e2917a;--card-bg: #1f1b15;--card-ink: #ece6db;--card-border: rgba(236, 230, 219, .12);--shadow-card: 0 1px 2px rgba(0, 0, 0, .45), 0 22px 46px -18px rgba(0, 0, 0, .65);--shadow-pop: 0 1px 2px rgba(0, 0, 0, .45), 0 8px 20px -8px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:where(button):disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:clamp(var(--s-5),4vw,var(--s-10)) var(--s-4)}.shell{width:100%;max-width:30rem;flex:1;display:flex;flex-direction:column}.masthead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6)}.wordmark{font-family:var(--font-ui);font-size:1.0625rem;letter-spacing:-.015em;font-weight:500;color:var(--muted);line-height:1.2}.wordmark b{font-weight:700;color:var(--text)}.tagline{font-size:var(--fs-ui);color:var(--muted);margin-top:var(--s-1);max-width:34ch}.icon-btn{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-control);border:1px solid var(--hairline);background:var(--surface);color:var(--muted);transition:background .16s ease,color .16s ease,border-color .16s ease,transform .12s ease}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--hairline-strong)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:18px;height:18px}.card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-card);padding:var(--s-8) var(--s-6) var(--s-6);box-shadow:var(--shadow-card);overflow:hidden}.card__quote{font-family:var(--font-display);font-size:4.5rem;line-height:1;color:var(--accent);opacity:.16;position:absolute;top:6px;left:16px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);position:relative;margin-bottom:var(--s-5)}.eyebrow{font-size:var(--fs-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.for-whom{font-size:var(--fs-label);color:var(--faint);white-space:nowrap}.for-whom b{color:var(--muted);font-weight:600}.compliment{font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;font-size:var(--fs-display);line-height:1.18;letter-spacing:-.01em;color:var(--card-ink);text-align:center;text-wrap:balance;max-width:22ch;margin:var(--s-4) auto var(--s-6)}.tags{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center;margin-bottom:var(--s-5)}.tag{font-size:var(--fs-label);letter-spacing:.04em;color:var(--muted);background:var(--surface-2);border-radius:var(--r-chip);padding:var(--s-1) var(--s-3)}.card__sign{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--card-border);font-size:var(--fs-label);color:var(--faint)}.card__sign .views{display:inline-flex;align-items:center;gap:var(--s-2);font-variant-numeric:tabular-nums}.card__sign svg{width:14px;height:14px}.card__brand{letter-spacing:.02em}.reactions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-6)}.reaction{flex:1 1 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:0 var(--s-4);border-radius:var(--r-control);border:1px solid var(--hairline);background:var(--surface);color:var(--text);font-size:var(--fs-ui);font-weight:500;transition:background .15s ease,border-color .15s ease,transform .12s ease}.reaction:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.reaction:active{transform:scale(.97)}.reaction:disabled{opacity:.55}.reaction .ic{width:18px;height:18px;flex:none;transition:transform .12s ease}.reaction .count{font-size:var(--fs-label);color:var(--muted);font-variant-numeric:tabular-nums;min-width:1ch}.reaction.is-bumped .ic{animation:beat .44s cubic-bezier(.34,1.56,.64,1)}.actions{margin-top:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.cta{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border-radius:var(--r-control);background:var(--accent);color:var(--on-accent);font-size:var(--fs-ui);font-weight:600;letter-spacing:.01em;box-shadow:var(--shadow-pop);transition:background .15s ease,transform .12s ease,box-shadow .15s ease}.cta:hover{background:var(--accent-press)}.cta:active{transform:translateY(1px) scale(.995);box-shadow:none}.cta:disabled{opacity:.6;box-shadow:none}.cta svg{width:17px;height:17px}.cta .spin{animation:spin .8s linear infinite}.share{display:flex;gap:var(--s-2)}.ghost{flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border-radius:var(--r-control);border:1px solid var(--hairline);background:transparent;color:var(--muted);font-size:var(--fs-ui);font-weight:500;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease}.ghost:hover{background:var(--surface);color:var(--text);border-color:var(--hairline-strong)}.ghost:active{transform:scale(.97)}.ghost svg{width:16px;height:16px}.ghost .lbl{display:none}@media(min-width:380px){.ghost .lbl{display:inline}}.report{align-self:center;margin-top:var(--s-4);display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);min-height:36px;border-radius:var(--r-chip);color:var(--faint);font-size:var(--fs-label);transition:color .15s ease,background .15s ease}.report:hover{color:var(--danger);background:color-mix(in oklab,var(--danger) 10%,transparent)}.report svg{width:13px;height:13px}.inline-error{margin-top:var(--s-3);font-size:var(--fs-label);color:var(--danger);text-align:center}.foot{margin-top:auto;padding-top:var(--s-10);text-align:center;font-size:var(--fs-label);color:var(--faint);letter-spacing:.02em}.sk{background:linear-gradient(90deg,var(--surface-2) 25%,var(--hairline) 37%,var(--surface-2) 63%);background-size:400% 100%;border-radius:8px;animation:shimmer 1.4s ease infinite}.sk--eyebrow{height:12px;width:38%}.sk--line{height:22px;margin-top:var(--s-3)}.sk--line.w90{width:90%}.sk--line.w70{width:70%;margin-left:auto;margin-right:auto}.sk--cta{height:48px;margin-top:var(--s-6);border-radius:var(--r-control)}.status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--s-3);padding:var(--s-12) var(--s-4)}.status h2{font-family:var(--font-display);font-weight:500;font-size:1.5rem;letter-spacing:-.01em}.status p{color:var(--muted);max-width:32ch}.status .cta{margin-top:var(--s-2);padding:0 var(--s-6)}.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes beat{0%{transform:scale(1)}38%{transform:scale(1.22)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes spin{to{transform:rotate(360deg)}}.enter{animation:rise .38s cubic-bezier(.2,.7,.2,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}