:root{--bg: #f5ead8;--text: #201e1d;--accent: #c67139;--accent-100: oklch(.94 .035 60);--accent-200: oklch(.89 .06 58);--accent-600: oklch(.56 .125 50);--accent-700: oklch(.49 .11 48);--accent-800: oklch(.41 .09 46);--sage-200: oklch(.89 .04 122);--sage-700: oklch(.47 .055 125);--sage-900: oklch(.32 .04 125);--neutral-300: oklch(.86 .012 70);--neutral-500: oklch(.68 .012 70);--neutral-700: oklch(.48 .012 70);--neutral-800: oklch(.38 .01 70);--font-heading: "Caprasimo", "Fraunces", Georgia, serif;--font-body: "Figtree", system-ui, -apple-system, sans-serif;--radius-lg: 16px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app{min-height:100%;display:flex;flex-direction:column;max-width:480px;margin:0 auto}.screen{display:flex;flex-direction:column;gap:18px;padding:36px 20px 28px}.screen--pick{gap:20px}.screen--reveal{padding-bottom:32px}.kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-800)}.kicker--sage{color:var(--sage-900)}h1{font-family:var(--font-heading);font-weight:400;font-size:30px;line-height:1.12;margin:0;color:var(--accent-700)}.screen--pick h1{line-height:1.1}.screen--reveal h1{font-size:32px;line-height:1.08}.body{margin:0;font-size:16px;line-height:1.55}.body--secondary{font-size:15px;color:var(--neutral-800)}.photo{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--accent-100);flex:none}.photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06) brightness(1.04)}.photo__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;font-size:13px;color:var(--neutral-700);border:2px dashed var(--neutral-500);border-radius:inherit}.photo--thumb{width:64px;height:64px;border-radius:999px}.photo--thumb .photo__placeholder{font-size:10px;padding:4px}.photo--contain{background:#fff}.photo--contain img{object-fit:contain;padding:4px}.photo--box{width:100%;height:300px}.photo--hero{width:100%;height:220px}.photo--half{width:100%;aspect-ratio:696 / 649}.photo--top img{object-position:center top}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options{display:flex;flex-direction:column;gap:14px}.option{display:flex;align-items:center;gap:16px;min-height:88px;padding:14px;background:var(--accent-100);border:2px solid transparent;border-radius:var(--radius-lg);text-align:left;font:inherit;color:inherit;cursor:pointer}.option:active{background:var(--accent-200)}.option__label{display:flex;flex-direction:column;gap:3px}.option__title{font-family:var(--font-heading);font-size:19px}.option__subtitle{font-size:13px;color:var(--neutral-700)}.btn{border-radius:999px;font-family:inherit;font-weight:500;cursor:pointer}.btn--solid{min-height:52px;padding:15px 24px;font-size:16px;background:var(--accent);color:#fff;border:none}.btn--spin{min-height:52px;padding:15px 30px;font-size:16px;border:none;color:#fff;background:var(--accent)}.btn--spin-spinning{background:var(--accent-600);cursor:default}.btn--spin-out{background:var(--neutral-300);color:var(--neutral-700);cursor:default}@media (hover: hover){.option:hover{border-color:var(--accent);background:var(--accent-200)}.btn--solid:hover{background:var(--accent-600)}}.letters{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}.letters__word{display:flex;gap:6px}.cell{width:40px;height:54px;padding:0;border-radius:var(--radius-lg);font-family:var(--font-heading);font-size:23px;text-align:center}.cell--wheel{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-100);border:2px solid var(--accent);color:var(--accent-700);cursor:pointer}.cell--input{background:#fff;border:2px dashed var(--neutral-500);color:var(--text);text-transform:uppercase;caret-color:var(--accent);-webkit-appearance:none;-moz-appearance:none;appearance:none}.cell--input:focus{outline:2px solid var(--accent);outline-offset:2px;border-style:solid}.wheel-block{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:4px}.spins{align-self:flex-start;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--neutral-700)}.wheel-frame{position:relative;width:250px;height:262px;display:flex;align-items:flex-end;justify-content:center}.wheel-pointer{position:absolute;top:0;left:50%;margin-left:-11px;width:22px;height:18px;background:var(--accent);border-radius:0 0 999px 999px;z-index:2}.wheel{position:relative;width:250px;height:250px;border-radius:999px;border:6px solid var(--sage-700);transition:transform 2.6s cubic-bezier(.16,.84,.16,1)}.wheel__letter{position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:21px;color:var(--sage-900);transition:transform 2.6s cubic-bezier(.16,.84,.16,1),opacity .3s}.wheel__letter--taken{opacity:.25}.wheel__hub{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:999px;background:var(--bg);border:3px solid var(--sage-700)}.error{font-size:14px;color:var(--accent-800)}.details{margin:0;display:flex;flex-direction:column;gap:2px;padding:18px 20px;background:var(--accent-100);border-radius:var(--radius-lg);font-size:15px}.details__row{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.details dt{color:var(--accent-800)}.details dd{margin:0;font-weight:500;text-align:right}.when{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--radius-lg);background:var(--sage-200)}.when h2{margin:0;font-family:var(--font-heading);font-weight:400;font-size:23px;line-height:1.15;color:var(--sage-900)}.when__range{margin:-4px 0 0;font-size:14px;color:var(--sage-900)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--sage-900)}.field__input{width:100%;min-height:48px;padding:12px 14px;border:2px solid transparent;border-radius:var(--radius-lg);background:#fff;font:inherit;font-size:16px;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}.field__input--area{resize:vertical;line-height:1.45}.field__input:focus{outline:2px solid var(--accent);outline-offset:2px}.btn--solid:disabled{background:var(--neutral-300);color:var(--neutral-700);cursor:default}.signature{margin:0;font-family:var(--font-heading);font-size:22px;color:var(--sage-700)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){.wheel,.wheel__letter{transition-duration:.01s}}