:root{color:#fff8fc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#1a0d26;--bg-elevated:#31163dc2;--bg-elevated-strong:#491b4fe0;--border:#ffd6ea29;--text-primary:#fff8fc;--text-secondary:#ffeff7c2;--accent:#ff8fba;--accent-strong:#ff6f91;--accent-warm:#ffc86e;--accent-plum:#d78fff;--shadow-soft:0 22px 60px #14051957;background:radial-gradient(circle at 0 0,#ff92ba47,#0000 28%),radial-gradient(circle at 100% 0,#ffc57833,#0000 24%),linear-gradient(155deg,#2b1131 0%,#4a1942 35%,#231233 70%,#160a21 100%);font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 80%);mask-image:linear-gradient(#00000080,#0000 80%)}a{color:inherit}button,input,textarea,select{font:inherit}#root{width:100%}.page-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0 72px}.page-shell--single{align-items:center;width:min(980px,100% - 24px);min-height:100vh;padding:20px 0;display:grid}.app-frame{padding:18px}.surface-card{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px}.button-primary,.button-secondary{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:inline-flex}.button-primary{color:#291126;background:linear-gradient(135deg,#ffd37b,#ff9fc0 58%,#ff7a98);box-shadow:0 12px 28px #ff6f9147}.button-secondary{color:var(--text-primary);background:#ffffff0a;border-color:#ffd6ea2e}.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}.fortune-studio__grid,.field,.fortune-card{gap:16px;display:grid}.fortune-studio{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin-top:0;padding:0}.fortune-studio__grid{grid-template-columns:1fr;align-items:stretch}.fortune-form,.fortune-card{border:1px solid var(--border);border-radius:24px;width:100%;max-width:560px;margin:0 auto}.fortune-form{background:linear-gradient(#ffffff0d,#ffffff06),#53205447;gap:14px;padding:18px;display:grid}.field__label{color:var(--accent-warm);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.field select,.field input{width:100%;color:var(--text-primary);background:#220c2bd1;border:1px solid #ffd6ea26;border-radius:16px;outline:none;padding:14px 16px}.field select:focus,.field input:focus{border-color:#ff8fba8c;box-shadow:0 0 0 4px #ff6f9124}.field input::-webkit-calendar-picker-indicator{filter:invert()opacity(.8)}.fortune-title{letter-spacing:-.05em;margin:0 0 4px;font-size:2rem}.fortune-submit{width:100%;margin-top:4px}.fortune-card{background:radial-gradient(circle at 100% 0,#ffc86e33,#0000 28%),radial-gradient(circle at 0 100%,#ff8fba2e,#0000 32%),linear-gradient(#ffffff0f,#ffffff06);align-content:start;min-height:420px;padding:22px;position:relative;overflow:hidden}.premium-card{background:radial-gradient(circle at 100% 0,#ffce7442,#0000 26%),radial-gradient(circle at 0 100%,#d78fff2e,#0000 30%),linear-gradient(160deg,#581a4ef0,#270e34f2);border:1px solid #ffe2b53d;border-radius:28px;gap:18px;width:100%;max-width:620px;margin:0 auto;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 70px #1204186b,inset 0 1px #ffffff14}.premium-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff1f 38%,#0000 64%);animation:5s ease-in-out infinite premium-sheen;position:absolute;inset:0;transform:translate(-60%)}.premium-card--revealed{animation:.46s cubic-bezier(.22,1,.36,1) fortune-card-enter}.fortune-card--revealed{animation:.42s cubic-bezier(.22,1,.36,1) fortune-card-enter}.fortune-card--personalized{background:radial-gradient(circle at 100% 0,#ffd17852,#0000 24%),radial-gradient(circle at 0 100%,#ff8fba42,#0000 30%),linear-gradient(140deg,#ffffff14,#ffffff08),#61205c3d;border-color:#ffcee342;box-shadow:0 24px 60px #1405195c,inset 0 1px #ffffff14}.fortune-card--personalized:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff14 38%,#0000 64%);animation:4.6s ease-in-out infinite personalized-sheen;position:absolute;inset:0;transform:translate(-60%)}@keyframes personalized-sheen{0%,to{opacity:0;transform:translate(-60%)}40%{opacity:.9}50%{opacity:.7;transform:translate(60%)}}@keyframes fortune-card-enter{0%{opacity:0;filter:blur(10px);transform:translateY(18px)scale(.985)}60%{opacity:1;filter:blur();transform:translateY(-3px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes premium-sheen{0%,to{opacity:0;transform:translate(-60%)}42%{opacity:.8}52%{opacity:.65;transform:translate(70%)}}.fortune-label{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-warm);z-index:1;margin:0;font-size:.76rem;position:relative}.fortune-card h2{letter-spacing:-.03em;z-index:1;margin:0;font-size:clamp(1.6rem,3vw,2.2rem);position:relative}.fortune-card__body{color:var(--text-secondary);z-index:1;margin:0;font-size:1rem;position:relative}.fortune-mini{z-index:1;gap:10px;padding-top:4px;display:grid;position:relative}.fortune-mini p{color:#ffeff799;margin:0}.fortune-subline{color:#ffeff79e;z-index:1;margin:0;position:relative}.premium-card__eyebrow,.premium-panel__label,.premium-card__label{z-index:1;position:relative}.premium-card__eyebrow,.premium-panel__label{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-warm);margin:0;font-size:.76rem}.premium-card__score-row,.premium-card__actions,.premium-card__grid{z-index:1;gap:16px;display:grid;position:relative}.premium-card__score-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.premium-card__score{letter-spacing:-.06em;margin:0;font-size:clamp(3.2rem,7vw,5rem);line-height:.92}.premium-card__label{color:#ffeff7d1;margin:6px 0 0;font-size:1rem}.premium-card__seal{color:var(--text-primary);background:#ffffff14;border:1px solid #ffe2b538;border-radius:999px;padding:10px 14px}.premium-card__hero,.premium-share,.share-card,.share-actions{z-index:1;position:relative}.premium-keywords{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.premium-keyword{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffe2b533;border-radius:999px;padding:10px 14px}.premium-card__hero h2{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.2rem)}.premium-card__hero p,.premium-panel p,.premium-share p{color:var(--text-secondary);margin:0}.premium-card__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-panel{background:linear-gradient(#ffffff0f,#ffffff06),#ffffff08;border:1px solid #ffd6ea24;border-radius:22px;padding:16px}.premium-panel--glow{background:radial-gradient(circle at 100% 0,#ffce742e,#0000 40%),linear-gradient(#ffffff12,#ffffff08),#ffffff08}.premium-panel--wide{grid-column:1/-1}.premium-panel--wide h3{letter-spacing:-.03em;margin:8px 0;font-size:1.25rem}.premium-panel--locked{position:relative;overflow:hidden}.premium-lock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8fc14;border:1px solid #ffd6ea2e;border-radius:14px;height:46px;position:absolute;inset:auto 12px 12px}.premium-lock--large{height:64px}.premium-share{background:linear-gradient(135deg,#ffffff0f,#ffffff08),#d78fff14;border:1px solid #ffd6ea24;border-radius:20px;padding:16px}.share-card{background:radial-gradient(circle at 100% 0,#ffce744d,#0000 30%),radial-gradient(circle at 0 100%,#ff8fba42,#0000 36%),linear-gradient(145deg,#ffffff1a,#ffffff08),#2d1138e6;border:1px solid #ffe2b538;border-radius:26px;padding:20px;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 18px 46px #0f041442}.share-card__glow{pointer-events:none;background:radial-gradient(circle,#ffdf9a57,#0000 72%);border-radius:999px;width:180px;height:180px;position:absolute;inset:-20% auto auto 68%}.share-card__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-warm);margin:0 0 14px;font-size:.76rem}.share-card__score-row,.share-actions{gap:12px;display:grid}.share-card__score-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.share-card__score{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,6vw,4rem);line-height:.95}.share-card__chip,.share-card__tag{background:#ffffff14;border:1px solid #ffe2b52e;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;display:inline-flex}.share-card__title{letter-spacing:-.04em;margin:14px 0 8px;font-size:clamp(1.4rem,3vw,1.9rem)}.share-card__line,.share-card__caption{color:var(--text-secondary);margin:0}.share-card__caption{margin-top:10px}.share-card__tags{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-card__actions{grid-template-columns:1fr}@media (width<=900px){.fortune-studio__grid,.field,.fortune-card,.premium-card__grid,.share-actions{grid-template-columns:1fr}}@media (width<=640px){.page-shell{width:min(100% - 20px,1120px);padding:20px 0 40px}.page-shell--single{width:min(100% - 16px,980px);padding:12px 0}.app-frame{padding:14px}.fortune-studio{padding:0}}