:root{--paper: #f3ece4;--paper-deep: #eadfd4;--ink: #2c2326;--rose: #8d4c56;--muted: #6b5559;--line: rgba(44, 35, 38, .18);--serif: "Fraunces", "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;--sans: "Outfit", "Avenir Next", "Segoe UI", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-weight:300;line-height:1.4}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100dvh;color:var(--ink);background:radial-gradient(980px 620px at 50% 42%,rgba(255,250,246,.92),transparent 62%),radial-gradient(820px 480px at 50% 48%,rgba(214,166,158,.34),transparent 64%),linear-gradient(180deg,var(--paper) 0%,var(--paper-deep) 100%);cursor:pointer}body:before{content:"";position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #5c3a3412}#app{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;width:min(42rem,100%);margin:0 auto;padding:max(1.4rem,env(safe-area-inset-top)) max(1.35rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.35rem,env(safe-area-inset-left))}.mark{margin:.35rem 0 0;text-align:center}.mark span{display:inline-flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.72rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase}.mark span:before,.mark span:after{content:"";width:1.6rem;height:1px;background:currentColor;opacity:.55}.phrase{align-self:center;margin:0 auto;max-width:16em;text-align:center;text-wrap:balance;font-family:var(--serif);font-weight:500;font-style:italic;font-size:clamp(1.7rem,5.6vw,3.15rem);line-height:1.28;letter-spacing:-.02em;color:var(--ink);opacity:1;transform:translateY(0);transition:opacity .42s ease,transform .42s ease}.phrase.is-out{opacity:0;transform:translateY(.35rem)}.dock{display:grid;justify-items:center;gap:.7rem;padding-bottom:.4rem}#copy{min-height:44px;min-width:7.5rem;padding:.55rem 1.25rem;border:1px solid var(--line);border-radius:999px;background:#fffaf673;color:var(--ink);font:inherit;font-size:.92rem;font-weight:400;letter-spacing:.08em;text-transform:lowercase;cursor:pointer}#copy:hover{background:#fffaf6d1;border-color:#8d4c5673}#copy:focus-visible{outline:2px solid var(--rose);outline-offset:3px}.hint{margin:0;color:var(--muted);font-size:.82rem;letter-spacing:.04em}::selection{background:#e4cdc6;color:var(--ink)}@media(prefers-reduced-motion:reduce){.phrase{transition:none}}