:root{--page-bg:#ece3cf;--page-bg-glow:#f2e7cd;--card-bg:#faf4e4;--card-bg-deep:#f4ecd2;--ink:#2a2117;--ink-soft:#4a3d2c;--ink-mute:#6b5e4a;--ink-faint:#9a8e78;--hairline:#d9cfb8;--gold:#b17a3d;--gold-soft:#b17a3d33;--gold-edge:#b17a3d73;--font-display:"Fraunces", "Iowan Old Style", "Charter", Georgia, serif;--font-body:"Lora", "Iowan Old Style", "Charter", Georgia, serif;--font-ui:"DM Sans", "Helvetica Neue", system-ui, sans-serif;--max-card:640px;--max-picker:540px}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 90% 60% at 50% -10%, var(--page-bg-glow) 0%, transparent 70%), var(--page-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100dvh;margin:0;font-weight:400}body:before{content:"";pointer-events:none;opacity:.06;mix-blend-mode:multiply;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.15 0 0 0 0 0.05 0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}main{z-index:1;position:relative}.picker{max-width:var(--max-picker);margin:0 auto;padding:clamp(28px,6vw,56px) clamp(20px,5vw,32px) 80px}.picker__header{text-align:center;margin-bottom:clamp(28px,6vw,44px)}.picker__stamp{font-family:var(--font-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-mute);border:1px solid var(--hairline);background:#faf4e499;border-radius:999px;margin-bottom:22px;padding:6px 12px;font-size:11px;font-weight:500;display:inline-block}.picker__title{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 0;letter-spacing:-.01em;color:var(--ink);margin:0 0 14px;font-size:clamp(34px,9vw,52px);font-weight:400;line-height:1.05}.picker__title em{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;color:var(--gold);margin-left:.1em;font-style:italic;font-weight:400;display:inline-block}.picker__intro{font-family:var(--font-body);color:var(--ink-mute);max-width:30ch;margin:0 auto;font-size:16px;font-style:italic;line-height:1.45}.picker__searchWrap{margin-bottom:36px;position:relative}.picker__searchIcon{inset-inline-start:16px;width:18px;height:18px;color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.picker__search{background:var(--card-bg);border:1px solid var(--hairline);width:100%;font-family:var(--font-ui);color:var(--ink);border-radius:14px;outline:none;padding:16px 44px 16px 46px;font-size:16px;transition:border-color .2s,box-shadow .2s}.picker__search::placeholder{color:var(--ink-faint);font-style:italic}.picker__search:focus{border-color:var(--gold-edge);box-shadow:0 0 0 4px var(--gold-soft)}.picker__clear{inset-inline-end:12px;width:28px;height:28px;color:var(--ink-mute);background:0 0;border-radius:50%;place-items:center;font-size:22px;transition:background .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.picker__clear:hover{background:#b17a3d1a}.picker__group+.picker__group{margin-top:36px}.picker__region{font-family:var(--font-display);font-variation-settings:"opsz" 14, "SOFT" 80, "WONK" 0;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:12px;margin:0 0 10px;padding-inline-start:4px;font-size:13px;font-style:italic;font-weight:400;display:flex}.picker__region:after{content:"";background:var(--hairline);flex:1;height:1px}.picker__list{border-top:1px solid var(--hairline);flex-direction:column;display:flex}.picker__item{border-bottom:1px solid var(--hairline);text-align:start;justify-content:space-between;align-items:baseline;gap:16px;width:100%;padding:16px 12px;transition:background .16s,padding .16s;display:flex;position:relative}.picker__item:before{content:"";inset-inline-start:0;background:var(--gold);transform-origin:50%;border-radius:2px;width:3px;height:60%;transition:transform .2s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;transform:translateY(-50%)scaleY(0)}.picker__item:hover,.picker__item:focus-visible{background:#fffae8b3;padding-inline-start:18px}.picker__item:hover:before,.picker__item:focus-visible:before{transform:translateY(-50%)scaleY(1)}.picker__native{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 80, "WONK" 0;color:var(--ink);font-size:clamp(20px,5.2vw,24px);font-weight:400;line-height:1.15}.picker__english{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;font-size:12px;font-weight:500}.picker__empty{text-align:center;color:var(--ink-mute);margin:40px 0;font-style:italic}.picker__footer{text-align:center;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:56px;font-size:11px}.reader{flex-direction:column;align-items:center;min-height:100dvh;padding:clamp(20px,5vw,48px) clamp(14px,4vw,32px) clamp(40px,8vw,64px);display:flex}.reader__change{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);border-radius:999px;align-self:flex-end;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;font-size:12px;transition:background .16s,color .16s;display:inline-flex}.reader__change:hover{color:var(--ink);background:#b17a3d1a}.reader__change span[aria-hidden=true]:first-child{color:var(--gold);font-size:16px;line-height:1}.reader__card{width:100%;max-width:var(--max-card);background:var(--card-bg);border:1px solid var(--hairline);border-radius:18px;padding:clamp(28px,6vw,56px) clamp(22px,6vw,56px) clamp(28px,6vw,48px);position:relative;box-shadow:0 1px #3a28120a,0 24px 50px -28px #3a28124d,0 6px 14px -8px #3a28121a}.reader__rule{background:var(--gold);opacity:.7;width:60px;height:1px;margin:0 auto 26px}.reader__greeting{text-align:center;font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;color:var(--ink);margin:0 0 28px;font-size:clamp(24px,6.5vw,32px);font-style:italic;font-weight:400;line-height:1.2}.reader__icons{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:stretch;gap:clamp(8px,2.5vw,16px);margin:4px 0 32px;padding:22px clamp(4px,2vw,14px);display:flex;position:relative}.reader__icon{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.reader__icon+.reader__icon:before{content:"";inset-inline-start:calc(0px - clamp(4px,1.25vw,8px));background-image:linear-gradient(to bottom, var(--hairline) 50%, transparent 50%);background-repeat:repeat-y;background-size:1px 6px;width:1px;position:absolute;top:14%;bottom:14%}.reader__iconGlyph{background:radial-gradient(circle at 35% 30%, #fbf6e6 0%, var(--card-bg-deep) 70%);border-radius:50%;place-items:center;width:clamp(64px,16vw,84px);height:clamp(64px,16vw,84px);font-size:clamp(40px,11vw,56px);line-height:1;display:grid;box-shadow:inset 0 0 0 1px #b17a3d2e,0 1px #fff9}.reader__icon:first-child .reader__iconGlyph{transform:rotate(-2.5deg)}.reader__icon:nth-child(2) .reader__iconGlyph{transform:rotate(1.5deg)}.reader__icon:nth-child(3) .reader__iconGlyph{transform:rotate(-1deg)}.reader__iconLabel{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 100, "WONK" 0;color:var(--ink);letter-spacing:.005em;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;font-size:clamp(15px,4.2vw,19px);font-weight:500;line-height:1.15}.reader__body{font-family:var(--font-body);color:var(--ink-soft);font-size:clamp(17px,4.6vw,21px);line-height:1.55}.reader__paragraph{margin:0 0 1.05em}.reader__paragraph:last-child{margin-bottom:0}.reader__emph{color:var(--ink);background-image:linear-gradient(to top, transparent 6%, var(--gold-soft) 6%, var(--gold-soft) 38%, transparent 38%);padding:0 .08em;font-style:normal;font-weight:600}.reader__ornament{color:var(--gold);letter-spacing:0;justify-content:center;gap:14px;margin:28px 0 18px;font-size:18px;display:flex}.reader__ornament span{opacity:.7;line-height:1}.reader__smallPrint{text-align:center;font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);margin:0;font-size:clamp(11px,3vw,12.5px);font-weight:500}:lang(ar),:lang(fa),:lang(ur){--font-body:"Vazirmatn", "Tahoma", "Geeza Pro", system-ui, serif;font-family:Vazirmatn,Tahoma,Geeza Pro,system-ui,serif}:lang(he){--font-body:"Frank Ruhl Libre", "David", "Times New Roman", serif;font-family:Frank Ruhl Libre,David,Times New Roman,serif}:lang(zh-CN),:lang(zh-TW),:lang(yue),:lang(ja),:lang(ko){--font-body:"Iowan Old Style", "Songti SC", "Songti TC", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif CJK SC", serif}:lang(th){--font-body:"Sarabun", "Thonburi", system-ui, serif}:lang(hi){--font-body:"Kohinoor Devanagari", "Devanagari MT", "Noto Serif Devanagari", serif}:lang(bn){--font-body:"Bangla MN", "Noto Serif Bengali", serif}:lang(ta){--font-body:"Tamil MN", "Noto Serif Tamil", serif}[dir=rtl] .reader__change span[aria-hidden=true]:first-child{transform:scaleX(-1)}[dir=rtl] .picker__searchIcon{transform:translateY(-50%)scaleX(-1)}@media (prefers-reduced-motion:no-preference){.picker__header,.picker__searchWrap,.picker__group{animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.picker__header{animation-delay:0s}.picker__searchWrap{animation-delay:80ms}.picker__group:first-of-type{animation-delay:.14s}.picker__group:nth-of-type(2){animation-delay:.18s}.picker__group:nth-of-type(3){animation-delay:.22s}.picker__group:nth-of-type(4){animation-delay:.26s}.picker__group:nth-of-type(5){animation-delay:.3s}.reader__card{animation:.6s cubic-bezier(.2,.7,.2,1) 60ms both rise}.reader__icon{animation:.7s cubic-bezier(.2,.7,.2,1) both lift}.reader__icon:first-child{animation-delay:.2s}.reader__icon:nth-child(2){animation-delay:.28s}.reader__icon:nth-child(3){animation-delay:.36s}.reader__paragraph{animation:.7s both fade}.reader__paragraph:first-of-type{animation-delay:.46s}.reader__paragraph:nth-of-type(2){animation-delay:.52s}.reader__paragraph:nth-of-type(3){animation-delay:.58s}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lift{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width>=720px){.reader{padding-top:56px}.reader__card{padding:56px 64px 48px}}@media print{body{background:#fff}body:before,.reader__change{display:none}.reader__card{box-shadow:none;border:1px solid #ccc}}