:root{--primary:#5b4636;--on-primary:#fff;--accent-text:#5b4636;--bg:#5b4636;--on-bg:#fff;--on-bg-muted:#e2dcd7;--surface:#fff;--text:#1c1917;--muted:#5f5a55;--radius:20px;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000f;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--on-bg);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.55}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}h1,h2{font-family:var(--serif);margin:0;font-weight:600;line-height:1.2}p{margin:0}button{font:inherit}:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px;border-radius:8px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{flex-direction:column;min-height:100dvh;display:flex}.content{flex-direction:column;flex:1;gap:18px;width:100%;max-width:520px;margin:0 auto;padding:0 16px 24px;display:flex}.header{padding:max(12px, env(safe-area-inset-top)) 16px 12px;justify-content:space-between;align-items:center;gap:12px;display:flex}.header-overlay{z-index:3;background:linear-gradient(#00000047,#0000);padding-bottom:28px;position:absolute;inset:0 0 auto}.brand{align-items:center;min-width:0;min-height:44px;display:flex}.brand-frame{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000001f;border:1.5px solid #fff;border-radius:12px;align-items:center;min-width:0;padding:4px;display:inline-flex}.brand-logo{object-fit:contain;border-radius:8px;max-width:150px;max-height:40px;display:block}.brand-name{font-family:var(--serif);color:#fff;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;font-size:1.05rem;font-weight:600;overflow:hidden}.lang{background:var(--surface);box-shadow:var(--shadow);border-radius:999px;flex:none;padding:4px;display:inline-flex}.lang-btn{min-width:48px;min-height:40px;color:var(--muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.9rem;font-weight:600}.lang-btn[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.hero{width:100%;position:relative}.toy-image{aspect-ratio:1;background:color-mix(in srgb, var(--on-bg) 10%, var(--bg));width:100%;max-height:82svh;position:relative;overflow:hidden}.toy-image-main{object-fit:cover;object-position:center 40%;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.toy-image-ready .toy-image-main{opacity:1}.toy-image-loading:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff40 50%,#0000 70%) -100% 0/200% 100%;animation:1.4s infinite shimmer;position:absolute;inset:0}.toy-image-fallback{font-family:var(--serif);color:var(--on-bg-muted);place-items:center;font-size:5rem;display:grid;position:absolute;inset:0}.hero-fade{z-index:1;pointer-events:none;height:30%;position:absolute;inset:auto 0 0}.hero-fade i,.hero-fade:after{position:absolute;inset:0}.hero-fade i{-webkit-backdrop-filter:blur(var(--b));backdrop-filter:blur(var(--b));-webkit-mask-image:var(--m);-webkit-mask-image:var(--m);mask-image:var(--m)}.hero-fade i:first-child{--b:2px;--m:linear-gradient(to bottom, transparent 0%, #000 30%)}.hero-fade i:nth-child(2){--b:6px;--m:linear-gradient(to bottom, transparent 25%, #000 55%)}.hero-fade i:nth-child(3){--b:12px;--m:linear-gradient(to bottom, transparent 50%, #000 80%)}.hero-fade i:nth-child(4){--b:24px;--m:linear-gradient(to bottom, transparent 70%, #000 95%)}.hero-fade:after{content:"";background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--bg) 20%, transparent) 45%, color-mix(in srgb, var(--bg) 75%, transparent) 78%, var(--bg) 100%)}.hero-caption{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:2px;margin-top:-64px;display:flex;position:relative}.hero-caption h1{color:var(--on-bg);text-shadow:0 1px 12px color-mix(in srgb, var(--bg) 60%, transparent);font-size:1.6rem}.brand-line{color:var(--on-bg-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:600}.story{flex-direction:column;gap:6px;padding:0 4px;display:flex}.story h2{color:var(--on-bg);font-size:1.1rem}.story p{color:var(--on-bg);font-size:.95rem;line-height:1.6}.card{background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:22px 20px;display:flex}.card h2{font-size:1.3rem}.btn{cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.7;cursor:progress}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-outline{background:var(--surface);color:var(--accent-text);border-color:color-mix(in srgb, var(--accent-text) 35%, transparent)}.fortune-card{perspective:1000px;min-height:210px;display:grid;position:relative}.fortune-face{text-align:center;backface-visibility:hidden;border-radius:16px;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:14px;padding:20px;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .4s;display:flex}.fortune-front{background:color-mix(in srgb, var(--primary) 9%, var(--surface))}.fortune-front p{color:var(--muted)}.fortune-back{background:var(--primary);color:var(--on-primary);transform:rotateY(180deg)}.fortune-card.is-open .fortune-front{pointer-events:none;transform:rotateY(-180deg)}.fortune-card.is-open .fortune-back{transform:rotateY(0)}.fortune-star{color:var(--accent-text);font-size:2rem;animation:2.4s ease-in-out infinite twinkle}.fortune-text{font-family:var(--serif);font-size:1.35rem;line-height:1.35}.fortune-note{opacity:.9;font-size:.85rem}.fortune-error{color:#9f1d1d;font-size:.9rem}.share{margin-top:10px;position:relative}.share-pill{border:1px solid color-mix(in srgb, var(--on-bg) 45%, transparent);background:color-mix(in srgb, var(--on-bg) 12%, transparent);min-height:36px;color:var(--on-bg);letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:7px;padding:6px 16px 6px 13px;font-size:.85rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.share-pill:hover{background:color-mix(in srgb, var(--on-bg) 20%, transparent)}.share-pill:active{transform:scale(.96)}.share-toast{white-space:nowrap;background:var(--surface);color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:999px;padding:4px 12px;font-size:.8rem;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-4px)}.share-toast.is-visible{opacity:1;transform:translate(-50%)}.page.has-dock{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.dock{z-index:10;left:50%;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);background:#ffffffc7;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 24px);padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00000038}.social-icons{scrollbar-width:none;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.social-icon{--c:var(--accent-text);width:44px;height:44px;color:var(--c);background:color-mix(in srgb, var(--c) 10%, #fff);border-radius:50%;place-items:center;transition:transform .15s,background .2s;display:grid}.social-icon:hover{background:color-mix(in srgb, var(--c) 18%, #fff)}.social-icon:active{transform:scale(.92)}.social-icon[data-network=instagram]{--c:#d62976}.social-icon[data-network=facebook]{--c:#1877f2}.social-icon[data-network=tiktok]{--c:#111}.social-icon[data-network=youtube]{--c:#e62117}.social-icon[data-network=x]{--c:#111}.social-icon[data-network=telegram]{--c:#229ed9}.social-icon[data-network=google_maps]{--c:#1e8e3e}.social-icon[data-network=instagram]{color:#d62976;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5) border-box;border:2px solid #0000}.social-icon[data-network=instagram] svg{color:#d62976}.fortune-pill{background:var(--primary);min-height:44px;color:var(--on-primary);cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb, var(--primary) 45%, transparent);border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:.92rem;font-weight:700;transition:transform .15s;display:inline-flex;position:relative;overflow:hidden}.fortune-pill:active{transform:scale(.96)}.fortune-pill:after{content:"";background:linear-gradient(100deg,#0000 35%,#ffffff59 50%,#0000 65%) -150% 0/250% 100%;animation:3.2s ease-in-out infinite shimmer;position:absolute;inset:0}.fortune-pill.is-done:after{animation:none}.fortune-pill-star{font-size:1.05rem;animation:2.4s ease-in-out infinite twinkle}.sheet-layer{z-index:20;pointer-events:none;position:fixed;inset:0}.sheet-layer.is-open{pointer-events:auto}.sheet-backdrop{opacity:0;background:#00000073;transition:opacity .3s;position:absolute;inset:0}.sheet-layer.is-open .sheet-backdrop{opacity:1}.sheet{background:var(--surface);max-width:520px;color:var(--text);padding:10px 20px max(24px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0;flex-direction:column;gap:12px;margin:0 auto;transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -10px 40px #0003}.sheet:before{content:"";background:#00000026;border-radius:4px;align-self:center;width:40px;height:4px}.sheet-layer.is-open .sheet{transform:translateY(0)}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{font-size:1.25rem}.sheet-close{cursor:pointer;background:color-mix(in srgb, var(--text) 7%, transparent);width:40px;height:40px;color:var(--text);border:0;border-radius:50%;place-items:center;display:grid}body.no-scroll{overflow:hidden}.footer{text-align:center;padding:8px 16px max(20px, env(safe-area-inset-bottom));color:var(--on-bg-muted);font-size:.8rem}.status{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 8px;display:flex}.status-icon{background:var(--surface);width:72px;height:72px;color:var(--accent-text);border-radius:50%;place-items:center;font-size:2rem;font-weight:700;display:grid}.status h1{color:var(--on-bg);font-size:1.5rem}.status p{color:var(--on-bg-muted);max-width:32ch}.status .btn{max-width:280px;margin-top:8px}.status .btn-primary{background:var(--surface);color:var(--accent-text)}.skeleton{background:color-mix(in srgb, var(--on-bg) 14%, var(--bg));border-radius:16px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(100deg,#0000 30%,#fff3 50%,#0000 70%) -100% 0/200% 100%;animation:1.4s infinite shimmer;position:absolute;inset:0}.skeleton-image{aspect-ratio:1;border-radius:0;width:100%;max-height:82svh}.page[aria-busy] .content{gap:12px;padding-top:8px}.skeleton-line{width:70%;height:20px;margin:0 auto}.skeleton-line.short{width:45%}@keyframes shimmer{to{background-position:100% 0}}@keyframes twinkle{50%{opacity:.7;transform:scale(1.15)rotate(15deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}.fortune-face{transition:opacity .3s;transform:none!important}.fortune-back,.fortune-card.is-open .fortune-front{opacity:0}.fortune-card.is-open .fortune-back{opacity:1}.sheet,.sheet-backdrop{transition:none}}@media (width>=560px){.content{gap:24px}.toy-image,.skeleton-image{max-height:72svh}.hero-caption h1{font-size:1.9rem}}