.listen{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;border-radius:999px;cursor:pointer;font:600 15px/1.2 inherit;color:var(--gold-2);background:linear-gradient(135deg,#f2c46d29,#c8692f24);border:1px solid rgba(242,196,109,.45)}.listen .wave{display:inline-flex;gap:3px;align-items:flex-end;height:16px}.listen .wave i{width:3px;height:6px;border-radius:2px;background:var(--gold)}.listen.on .wave i{animation:wave 1s ease-in-out infinite}.listen.on .wave i:nth-child(2){animation-delay:.15s}.listen.on .wave i:nth-child(3){animation-delay:.3s}.listen.on .wave i:nth-child(4){animation-delay:.45s}@keyframes wave{0%,to{height:5px}50%{height:16px}}.listen:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}@media(prefers-reduced-motion:reduce){.listen.on .wave i{animation:none;height:12px}}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0d0907;color:#f3e7d3;overflow:hidden;transition:opacity .9s ease 1.2s}.intro-screen.leaving{opacity:0;pointer-events:none}.intro-screen canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.intro-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(13,9,7,.75) 100%)}.intro-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));transition:opacity .6s ease}.intro-screen.leaving .intro-content{opacity:0}.intro-eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#e9c98f;opacity:.85;max-width:34ch;line-height:1.6}.intro-content h1{font-family:Italiana,Playfair Display,Didot,Georgia,serif;font-weight:400;font-size:clamp(52px,11vw,124px);line-height:.95;margin:0;letter-spacing:.02em;text-shadow:0 0 40px rgba(233,201,143,.35);color:#f3e7d3}.intro-tag{max-width:30ch;font-weight:400;font-size:clamp(16px,2.2vw,19px);line-height:1.55;color:#b9a78e;margin:0}.intro-enter{margin-top:10px;font:600 15px/1 Plus Jakarta Sans,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#0d0907;background:#e9c98f;border:0;border-radius:999px;padding:17px 34px;cursor:pointer;animation:intro-breathe 3.2s ease-in-out infinite;transition:transform .2s ease}.intro-enter:hover{transform:scale(1.04)}.intro-enter:focus-visible{outline:2px solid #f3e7d3;outline-offset:4px}@keyframes intro-breathe{0%,to{box-shadow:0 0 #e9c98f73}50%{box-shadow:0 0 0 16px #e9c98f00}}@media(prefers-reduced-motion:reduce){.intro-enter{animation:none}.intro-screen{transition:opacity .3s ease}}.readers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reader{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:start;padding:14px 14px 13px;border-radius:18px;cursor:pointer;min-width:0;background:var(--glass);border:1px solid var(--line);color:var(--text);transition:border-color .2s ease,background .2s ease,transform .15s ease}.reader .avatar{font-size:26px;line-height:1;margin-bottom:4px}.reader strong{font-family:Playfair Display,Georgia,serif;font-size:18px;color:var(--gold-2)}.reader small{font-size:12.5px;line-height:1.4;color:var(--muted)}.reader.on{border-color:var(--gold);background:linear-gradient(135deg,#f2c46d2e,#c8692f1f);box-shadow:0 0 0 1px #f2c46d59 inset}.reader:active{transform:scale(.98)}.reader:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.read-by{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:14px}.read-by strong{color:var(--gold-2);font-weight:600}.story{display:flex;flex-direction:column;gap:14px;padding:22px 20px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--line)}.story p{margin:0;font-size:17px;line-height:1.8;color:var(--text)}.story p:first-child:first-letter{float:left;font-family:Playfair Display,Georgia,serif;font-size:3.1em;line-height:.9;padding:4px 8px 0 0;color:var(--gold)}[dir=rtl] .story p:first-child:first-letter{float:right;padding:4px 0 0 8px}.history-link{margin-top:2px}.past-list{display:flex;flex-direction:column;gap:10px}.past{display:flex;align-items:center;gap:14px;width:100%;text-align:start;cursor:pointer;padding:14px 16px;border-radius:18px;background:var(--glass);border:1px solid var(--line);color:var(--text)}.past .avatar{font-size:26px;flex:none}.past-text{display:flex;flex-direction:column;gap:3px;min-width:0}.past-text strong{font-family:Playfair Display,Georgia,serif;font-size:17px;color:var(--gold-2);overflow-wrap:anywhere}.past-text small{color:var(--muted);font-size:13px}.past:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}@media(max-width:360px){.readers{grid-template-columns:minmax(0,1fr)}}:root{--bg: #140d08;--bg-2: #24170e;--glass: rgba(255, 232, 200, .06);--glass-2: rgba(255, 232, 200, .1);--line: rgba(255, 220, 170, .16);--text: #fbf1e3;--muted: #c9b39a;--gold: #e3a857;--gold-2: #f8d9a6;--rose: #c8692f;--violet: #b07a3e;--nazar: #f8d9a6;--danger: #ff9a9a;--radius: 22px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:radial-gradient(80% 50% at 85% 0%,rgba(227,150,70,.35) 0%,transparent 60%),radial-gradient(70% 45% at 0% 35%,rgba(200,105,47,.18) 0%,transparent 60%),radial-gradient(90% 50% at 50% 110%,rgba(255,190,110,.18) 0%,transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font:16px/1.55 Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#ffd89a 50%,transparent 51%),radial-gradient(1px 1px at 28% 72%,#ffd89a 50%,transparent 51%),radial-gradient(1.2px 1.2px at 46% 12%,#ffe1a3 50%,transparent 51%),radial-gradient(1px 1px at 63% 44%,#ffd89a 50%,transparent 51%),radial-gradient(1.6px 1.6px at 82% 26%,#ffd89a 50%,transparent 51%),radial-gradient(1px 1px at 91% 78%,#ffe1a3 50%,transparent 51%),radial-gradient(1.3px 1.3px at 7% 88%,#ffd89a 50%,transparent 51%),radial-gradient(1px 1px at 55% 92%,#ffd89a 50%,transparent 51%);opacity:.7;animation:twinkle 5s ease-in-out infinite alternate}body:after{background-image:radial-gradient(1px 1px at 20% 40%,#ffd89a 50%,transparent 51%),radial-gradient(1.4px 1.4px at 38% 30%,#ffd89a 50%,transparent 51%),radial-gradient(1px 1px at 72% 62%,#ffe1a3 50%,transparent 51%),radial-gradient(1.2px 1.2px at 88% 50%,#ffd89a 50%,transparent 51%),radial-gradient(1px 1px at 4% 55%,#ffd89a 50%,transparent 51%),radial-gradient(1.5px 1.5px at 66% 8%,#ffd89a 50%,transparent 51%);animation-delay:2.5s}@keyframes twinkle{0%{opacity:.15}to{opacity:.8}}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit}.app{position:relative;z-index:1;max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}main{flex:1}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;margin:0 -16px;padding:10px 16px 12px;background:linear-gradient(180deg,#140d08eb 60%,#140d0800);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:22px;font-weight:700;letter-spacing:.01em}.brand img{filter:drop-shadow(0 0 10px rgba(255,190,110,.5))}.brand span{background:linear-gradient(90deg,var(--gold-2),var(--gold) 50%,var(--rose));-webkit-background-clip:text;background-clip:text;color:transparent}.balance{background:var(--glass);border:1px solid rgba(242,196,109,.45);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--gold-2);box-shadow:0 0 18px #f2c46d26}.stack{display:flex;flex-direction:column;gap:18px}.hero{text-align:center;padding-top:6px}.hero .eyebrow{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--glass)}.hero h1,.result h1{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(30px,8.6vw,42px);line-height:1.1;margin:12px 0 10px;text-wrap:balance}.hero h1{background:linear-gradient(180deg,#fff 30%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);margin:0 auto;max-width:34ch}.drop{position:relative;width:78%;max-width:300px;aspect-ratio:1;border-radius:50%;align-self:center;border:0;padding:0;display:grid;place-items:center;overflow:visible;background:radial-gradient(circle at 50% 40%,#3a2618,#1c120b 70%);box-shadow:0 0 0 10px #ffffff08,0 0 60px #e3964659,inset 0 0 40px #00000080;margin:6px 0 4px}.drop:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:1.5px dashed rgba(242,196,109,.7);animation:spin 40s linear infinite}.drop:after{content:"✦";position:absolute;top:-22px;left:50%;transform:translate(-50%);color:var(--gold-2);font-size:18px;text-shadow:0 0 10px var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}.drop .inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;display:grid;place-items:center}.drop span{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px;text-align:center}.drop strong{color:var(--text);font-size:17px;font-weight:600}.drop small{color:var(--muted);font-size:13px}.drop .cup{width:128px;height:128px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(242,196,109,.35));animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px)}}.drop.has{box-shadow:0 0 0 3px var(--gold),0 0 60px #f2c46d59}.drop img.photo{width:100%;height:100%;object-fit:cover}.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:14px;font-weight:600;color:var(--text)}.field em{font-style:normal;font-weight:400;color:var(--muted);font-size:13px}.field input,.field select,.field textarea,.code-input{background:#0c07048c;border:1px solid var(--line);color:var(--text);border-radius:14px;padding:13px 14px;width:100%;font-size:16px}.field input::placeholder,.field textarea::placeholder,.code-input::placeholder{color:#8f7a63}.field input:focus,.field select:focus,.field textarea:focus,.code-input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px #e396464d}.field textarea{resize:vertical;min-height:84px;line-height:1.45}.hint{color:var(--muted);font-size:12px}.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chips button{display:flex;align-items:center;gap:8px;justify-content:center;background:#0c070473;border:1px solid var(--line);border-radius:14px;padding:11px 10px;font-size:14px;font-weight:500;transition:all .15s ease}.chips button .ic{font-size:17px}.chips button.on{border-color:transparent;color:#2a1608;font-weight:700;background:linear-gradient(135deg,var(--gold-2),var(--gold));box-shadow:0 6px 20px #f2c46d4d}.primary{position:relative;background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 45%,var(--rose) 100%);color:#2a1608;border:0;border-radius:999px;padding:17px 22px;font-weight:800;font-size:17px;letter-spacing:.01em;width:100%;box-shadow:0 10px 30px #c8692f59,0 0 0 1px #fff3 inset;transition:transform .12s ease}.primary:active{transform:scale(.98)}.primary:disabled{background:#3a2a1c;color:#a88d70;cursor:default;box-shadow:none}.ghost{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:14px 12px;width:100%;font-size:15px;font-weight:600;transition:background .15s ease}.ghost:active{background:var(--glass-2)}.ghost.gold{color:var(--gold-2);border-color:#f2c46d73}.ghost.small-btn{padding:11px 12px;font-size:14px}.link{background:none;border:0;color:var(--gold-2);text-decoration:underline;text-underline-offset:3px;align-self:center;padding:6px}.row{display:flex;gap:10px}.cta{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));z-index:4}.error{color:var(--danger);margin:0;text-align:center}.notice{background:linear-gradient(135deg,#f2c46d29,#c8692f24);border:1px solid rgba(242,196,109,.5);border-radius:16px;padding:11px 14px;color:var(--gold-2);margin:0 0 14px;font-size:14px;text-align:center}.muted{color:var(--muted);margin:0}.small{font-size:13px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:90px 0;color:var(--muted);text-align:center}.loading p{font-family:Playfair Display,serif;font-style:italic;font-size:20px;color:var(--gold-2)}.cup-anim{position:relative;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#3a2618,#140d08 70%);box-shadow:0 0 60px #e3964680}.cup-anim:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid transparent;border-top-color:var(--gold);border-right-color:var(--rose);animation:spin 1.6s linear infinite}.cup-anim span{position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:50%;border:1px solid var(--gold-2);opacity:0;animation:ripple 2.4s ease-out infinite}.cup-anim span:nth-child(2){animation-delay:.8s;border-color:var(--nazar)}.cup-anim span:nth-child(3){animation-delay:1.6s;border-color:var(--rose)}@keyframes ripple{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.35);opacity:0}}.result .thumb{width:130px;height:130px;border-radius:50%;object-fit:cover;align-self:center;border:3px solid var(--gold);box-shadow:0 0 40px #f2c46d66}.result h1{text-align:center}.symbols{display:grid;gap:10px}.symbol,.section{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.symbol{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.symbol .num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#2a1608;font-weight:800;font-size:14px}.symbol h3{margin:4px 0;font-size:16px;color:var(--gold-2)}.symbol h3 small{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:2px}.symbol p,.section p{margin:0;color:#f1e4d2}.section h2{display:flex;align-items:center;gap:8px;font-family:Playfair Display,serif;font-size:22px;margin:0 0 8px;font-weight:700}.section.love{border-color:#c8692f66}.section.work{border-color:#f2c46d66}.section.path{border-color:#ffbe6e66}blockquote{margin:0;padding:18px 20px;border-radius:var(--radius);background:linear-gradient(135deg,#e3964640,#c8692f2e);border:1px solid rgba(255,255,255,.15);font-family:Playfair Display,serif;font-style:italic;font-size:20px;line-height:1.4;text-align:center}.closing{text-align:center;color:var(--gold-2);margin:0}.packs{display:grid;gap:12px}.pack{display:flex;justify-content:space-between;align-items:center;text-align:start;gap:12px;background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pack strong{font-size:16px}.pack span{color:#2a1608;font-weight:800;padding:8px 14px;border-radius:999px;white-space:nowrap;background:linear-gradient(135deg,var(--gold-2),var(--gold))}.pack.best{border:1.5px solid var(--gold);box-shadow:0 0 30px #f2c46d40;position:relative}.pack.best span{background:linear-gradient(135deg,var(--gold-2),var(--rose))}.pack:disabled{opacity:.6}.code-input{flex:1;min-width:0}footer{padding-top:36px;text-align:center;color:var(--muted);font-size:12px}footer p{margin:4px 0}footer a{color:var(--muted)}[dir=rtl] .symbol h3 small{margin:2px 0 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}.hero-photo{position:relative;margin:0 -16px -64px;aspect-ratio:3 / 2;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo+.hero{position:relative;z-index:1}@media(min-width:560px){.hero-photo{margin:0 0 -64px;border-radius:26px 26px 0 0}}