:root{--bg:#080706;--bg-deep:#050403;--ink:#ece3d2;--ink-soft:#b7ad9a;--muted:#6c6557;--faint:#423d34;--gold:#cbab72;--gold-soft:#b9985a;--gold-bright:#ecd6a0;--gold-deep:#a8842f;--gold-dim:#cbab7280;--line:#d6b87824;--line-strong:#d6b87842;--hair:#ece3d214;--danger:#e0987f;--serif:"Cormorant Garamond", Georgia, "Times New Roman", ui-serif, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, ui-monospace, monospace;--ease:cubic-bezier(.22, .61, .36, 1);color:var(--ink);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html,body{margin:0}body{background:var(--bg);min-width:320px;min-height:100svh;position:relative;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";background:radial-gradient(120% 80% at 50% -16%, #c6a4631a 0%, #c6a46308 26%, transparent 58%), radial-gradient(100% 60% at 50% 120%, #0009, transparent 60%), var(--bg-deep);position:fixed;inset:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{color:var(--gold-bright);text-shadow:none;background:#cbab7252}::selection{color:var(--gold-bright);text-shadow:none;background:#cbab7252}.page{flex-direction:column;width:100%;min-height:100svh;display:flex;position:relative}.page-center{justify-content:center;align-items:center;padding:32px}.wordmark{color:var(--ink-soft);opacity:.34;transition:opacity .24s var(--ease), color .24s var(--ease);align-items:center;gap:9px;display:inline-flex}a.wordmark:hover{opacity:.7;color:var(--ink)}.page-landing>.wordmark,.page-prompt>.wordmark{z-index:3;position:fixed;top:clamp(18px,3.5svh,34px);left:clamp(20px,5vw,52px)}.wordmark-mark{border:1px solid var(--line-strong);width:27px;height:27px;color:var(--gold);font-family:var(--serif);letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;font-size:.84rem;font-weight:500;display:inline-flex}.wordmark-text{letter-spacing:.32em;text-transform:uppercase;font-size:.66rem;font-weight:500}.eyebrow{color:var(--gold);letter-spacing:.42em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:500}.rule{background:linear-gradient(90deg, var(--gold), transparent);width:46px;height:1px;display:block}.rule-center{background:linear-gradient(90deg, transparent, var(--gold), transparent);margin:clamp(18px,3svh,26px) auto clamp(20px,3.4svh,30px)}.page-landing{justify-content:center;align-items:center;padding:clamp(96px,16svh,160px) 24px clamp(48px,10svh,96px)}.landing{text-align:center;flex-direction:column;align-items:center;width:min(100%,640px);display:flex}.landing-title{color:var(--ink);font-family:var(--serif);letter-spacing:.005em;margin:0;font-size:clamp(2.7rem,7vw,4.5rem);font-weight:500;line-height:1}.steps{text-align:left;flex-direction:column;gap:4px;margin:0 0 clamp(30px,5svh,44px);padding:0;list-style:none;display:inline-flex}.step{color:var(--muted);opacity:.7;transition:color .32s var(--ease), opacity .32s var(--ease);align-items:center;gap:11px;font-size:1rem;font-weight:400;line-height:1.35;display:flex}.step:before{content:"—";color:var(--muted);transition:color .32s var(--ease);flex:none}.step.is-active{color:var(--ink);opacity:1;font-weight:500}.step.is-active:before{color:var(--gold-bright)}.step-loader{border:2px solid var(--line-strong);border-top-color:var(--gold);border-radius:50%;flex:none;width:13px;height:13px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.landing-cta{min-width:min(320px,80vw)}.landing-hint{max-width:40ch;min-height:2.7em;color:var(--gold);opacity:0;transition:opacity .32s var(--ease), transform .32s var(--ease);margin:clamp(18px,3svh,26px) auto 0;font-size:.92rem;line-height:1.5;transform:translateY(4px)}.landing-hint.is-visible{opacity:1;transform:translateY(0)}.create-lead{max-width:38ch;color:var(--ink-soft);margin:0 0 clamp(24px,4svh,36px);font-size:.98rem;line-height:1.5}.create-textarea{border:1px solid var(--line);width:min(100%,480px);min-height:168px;color:var(--ink-soft);font-family:var(--mono);text-align:left;resize:vertical;transition:border-color .22s var(--ease), box-shadow .22s var(--ease);background:#ffffff04;border-radius:8px;margin:0 auto;padding:18px 20px;font-size:.88rem;line-height:1.6}.create-textarea:focus{border-color:var(--gold-dim);box-shadow:0 0 0 1px var(--gold-dim)}.create-textarea[readonly]{opacity:.6;cursor:progress}.create-cta{margin-top:clamp(20px,3.5svh,30px)}input,textarea{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--ink);transition:border-color .22s var(--ease), box-shadow .22s var(--ease);background:0 0;border-radius:0;outline:none}input{padding:13px 2px;font-size:1rem}textarea{resize:none}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus{border-color:var(--gold-dim);box-shadow:0 1px 0 0 var(--gold-dim)}.btn{cursor:pointer;font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .12s var(--ease);-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;font-size:.74rem;font-weight:500;display:inline-flex;position:relative}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45;filter:none;transform:none}.btn-primary,.btn-copy{border-color:var(--gold-soft);background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 48%, var(--gold-soft) 100%);color:#1a1206;transition:filter .2s var(--ease), box-shadow .2s var(--ease), color .2s var(--ease), background .2s var(--ease), transform .12s var(--ease);box-shadow:inset 0 1px #fff8e466,0 1px #0003}.btn-primary:hover,.btn-copy:hover{filter:brightness(1.06)}.btn-primary{padding:16px 30px}.btn-ghost{border-color:var(--line-strong);color:var(--gold);background:0 0;padding:14px 26px}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-bright)}.btn-copy{padding:20px 44px;font-size:.8rem;box-shadow:inset 0 1px #fff8e466,0 22px 60px -24px #cbab72b3,0 1px #0003}.btn-copy.is-copied{border-color:var(--gold-dim);color:var(--gold);box-shadow:none;filter:none;background:0 0}.page-prompt{align-items:center}.create-own{z-index:3;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;transition:color .22s var(--ease);align-items:center;gap:7px;font-size:.7rem;font-weight:500;display:inline-flex;position:fixed;top:clamp(18px,3.5svh,34px);right:clamp(20px,5vw,52px)}.create-own:hover{color:var(--gold)}.create-own-arrow{transition:transform .22s var(--ease);font-size:.82rem}.create-own:hover .create-own-arrow{transform:translate(2px,-2px)}.recipient{flex-direction:column;flex:1;align-items:center;width:min(100% - 40px,720px);margin:0 auto;padding:clamp(80px,16svh,160px) 0 clamp(36px,7svh,72px);display:flex}.recipient-instruction{max-width:30ch;color:var(--ink);font-family:var(--serif);letter-spacing:.01em;text-align:center;margin:0 0 clamp(26px,4.5svh,44px);font-size:clamp(2.7rem,7vw,4.5rem);font-weight:400;line-height:1.18}.recipient .btn-copy{min-width:min(340px,82vw)}.readout-wrap{flex-direction:column;flex:1;width:100%;min-height:0;margin-top:clamp(28px,6svh,60px);display:flex}.readout-title{color:var(--ink-soft);font-family:var(--serif);letter-spacing:.01em;margin:0 0 12px;padding-left:2px;font-size:clamp(1.05rem,2.4vw,1.32rem);font-style:italic;line-height:1.3}.prompt-readout{border:1px solid var(--line);width:100%;min-height:120px;color:var(--ink-soft);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;cursor:text;background:#ffffff03;border-radius:6px;flex:1;padding:20px 22px;font-size:.86rem;line-height:1.66;overflow:auto}.prompt-readout:focus{border-color:var(--line-strong);box-shadow:none}.status-text{color:var(--muted);letter-spacing:.34em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:500;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.empty-title{color:var(--ink);font-family:var(--serif);margin:0;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:400}.message{border-radius:5px;margin:0;padding:11px 14px;font-size:.85rem;font-weight:500}.message-error{color:var(--danger);background:#e0987f12;border:1px solid #e0987f4d}.landing .message,.recipient .message{margin-top:18px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade-in .22s var(--ease);background:#040302b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.share-modal{border:1px solid var(--line);background:var(--bg);width:min(100%,460px);animation:rise .28s var(--ease);border-radius:10px;flex-direction:column;gap:20px;padding:clamp(24px,5vw,36px);display:flex;box-shadow:0 40px 120px #0009}.modal-head{flex-direction:column;gap:12px;display:flex}.modal-title{color:var(--ink);font-family:var(--serif);margin:0;font-size:clamp(2rem,6vw,2.8rem);font-weight:400;line-height:1}.share-link{font-family:var(--mono);color:var(--ink-soft);padding:13px 4px;font-size:.85rem}.modal-actions{grid-template-columns:auto auto 1fr;gap:10px;display:grid}.modal-actions .btn{padding-inline:18px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.prompt-readout{scrollbar-width:thin;scrollbar-color:#cbab7247 transparent}.prompt-readout::-webkit-scrollbar{width:9px}.prompt-readout::-webkit-scrollbar-thumb{background-color:#cbab7242;background-clip:content-box;border:3px solid #0000;border-radius:999px}.prompt-readout::-webkit-scrollbar-thumb:hover{background-color:#cbab7270}.landing,.recipient{animation:rise-in .62s var(--ease) both}.recipient-instruction{animation:rise-in .7s var(--ease) 80ms both}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.page-landing>.wordmark .wordmark-text,.page-prompt>.wordmark .wordmark-text{display:none}.recipient{padding-top:clamp(96px,18svh,140px)}.landing-cta,.recipient .btn-copy{width:100%}.modal-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}