:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --paper:#dcc898;
  --paper-light:#fff7df;
  --ink:#493825;
  --muted:#8b7354;
  --gold:#f3c04a;
  --gold-deep:#ae7422;
  --brown:#4b210f;
  --red:#a52c24;
  --radius:18px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;overflow:hidden;background:#21150c;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",Arial,sans-serif}
body{display:grid;place-items:center}
button,a{font:inherit}
button{cursor:pointer}
.phone-page{position:relative;width:min(430px,100vw);height:min(932px,100dvh);overflow:hidden;background:var(--paper);isolation:isolate;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.page-bg{position:absolute;inset:0;z-index:-5;background:#dec99a url('assets/images/backgrounds/bg-paper-warm.png') center/cover no-repeat}.page-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,238,180,.55),transparent 40%),linear-gradient(to bottom,rgba(255,255,255,.08),rgba(91,61,21,.12))}
@media(max-width:520px){.phone-page{width:100vw;height:100dvh;box-shadow:none}}
.app-header{position:relative;z-index:8;height:calc(72px + var(--safe-top));padding:calc(14px + var(--safe-top)) 17px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);min-width:0}.brand-seal{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 24%,#fff4c5,#d7a034 48%,#7c4016);color:#fff4c9;font-weight:950;font-size:21px;box-shadow:inset -5px -7px 12px rgba(80,32,0,.32),inset 5px 5px 11px rgba(255,248,174,.55),0 8px 18px rgba(106,70,25,.18)}.brand-text{display:block;min-width:0}.brand-text b{display:block;font-size:18px;line-height:1.05;font-weight:950;letter-spacing:.4px}.brand-text small{display:block;margin-top:5px;color:#947a57;font-size:12px;font-weight:800}.header-icons{display:flex;align-items:center;gap:13px;margin-top:4px}.icon-btn{width:32px;height:32px;border:0;background:transparent;position:relative;opacity:.76}.icon-btn.scan:before,.icon-btn.scan:after{content:"";position:absolute;inset:5px;border:2.5px solid #3d352b;border-left-color:transparent;border-right-color:transparent}.icon-btn.scan:after{transform:rotate(90deg)}.icon-btn.message:before{content:"";position:absolute;left:3px;top:5px;width:24px;height:17px;border:2.5px solid #3d352b;border-radius:3px}.icon-btn.message:after{content:"";position:absolute;left:11px;top:20px;border:6px solid transparent;border-top-color:#3d352b;transform:rotate(-30deg)}.icon-btn.qr{background:linear-gradient(#3d352b 0 0) 5px 5px/8px 8px no-repeat,linear-gradient(#3d352b 0 0) 19px 5px/8px 8px no-repeat,linear-gradient(#3d352b 0 0) 5px 19px/8px 8px no-repeat,linear-gradient(#3d352b 0 0) 19px 19px/4px 4px no-repeat,linear-gradient(#3d352b 0 0) 25px 22px/3px 7px no-repeat}.viewport{position:absolute;left:0;right:0;top:calc(72px + var(--safe-top));bottom:168px;overflow:hidden}.slides{height:100%;display:flex;transition:transform .52s cubic-bezier(.2,.88,.2,1);will-change:transform}.slide{position:relative;min-width:100%;height:100%;overflow-x:hidden;overflow-y:auto;padding:0 17px 26px;scrollbar-width:none}.slide::-webkit-scrollbar{display:none}.hero-card,.banner-card,.feature-card{position:relative;border-radius:12px;overflow:hidden;background-image:var(--img);background-size:cover;background-position:center;box-shadow:0 10px 22px rgba(72,45,18,.16)}.hero-card:before,.banner-card:before,.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.02),rgba(0,0,0,.62));z-index:0}.hero-card{height:162px}.hero-copy{position:absolute;left:17px;right:17px;bottom:17px;z-index:1;color:white;text-shadow:0 3px 12px rgba(0,0,0,.55)}.hero-copy h1{margin:0 0 5px;font-size:22px;font-weight:950;line-height:1.24;letter-spacing:.4px}.hero-copy p{margin:0;font-size:13px;font-weight:800;opacity:.92}.hero-copy em{position:absolute;right:0;bottom:0;font-style:normal;font-size:13px;font-weight:950;opacity:.95}.daily-row{display:grid;grid-template-columns:116px 1fr;gap:0;margin:16px 0 22px}.date-card{height:96px;background:rgba(255,253,244,.92);border-radius:4px 0 0 4px;padding:16px 12px;box-shadow:0 7px 18px rgba(103,70,28,.10)}.date-card div{display:flex;align-items:flex-end;gap:8px}.date-card strong{font-size:56px;line-height:.8;color:#dfaa24;font-weight:850;font-family:Georgia,"Times New Roman",serif}.date-card span{font-size:18px;font-weight:900;color:#8e8278}.date-card p{margin:14px 0 4px;color:#8b8179;font-size:15px;font-weight:950;white-space:nowrap}.date-card small{font-size:13px;color:#9b8f83;font-weight:850}.quote-card{height:96px;border-radius:0 10px 10px 0;background:#f3b629 url('assets/images/backgrounds/bg-gold-card.png') center/cover no-repeat;display:flex;align-items:center;padding:0 22px;position:relative;overflow:hidden}.quote-card p{margin:0;font-size:23px;line-height:1.55;font-weight:950;letter-spacing:2px;color:#4c3a22}.quote-card i{position:absolute;right:19px;bottom:15px;width:82px;height:60px;opacity:.18;background:url('assets/images/icons/icon-lotus-line.png') center/contain no-repeat}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 23px}.feature-card{height:125px;border:0;text-align:left;padding:0;color:white}.feature-card .title{position:absolute;z-index:1;left:17px;bottom:38px;font-size:23px;font-weight:950;letter-spacing:1px;text-shadow:0 3px 12px rgba(0,0,0,.52)}.feature-card .desc{position:absolute;z-index:1;left:17px;bottom:16px;font-size:12px;font-weight:800;opacity:.92;text-shadow:0 2px 9px rgba(0,0,0,.62);white-space:nowrap}.feature-card i{position:absolute;right:13px;bottom:17px;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(173,122,36,.64);border:1px solid rgba(255,222,130,.45);font-style:normal;font-size:24px;line-height:24px}.banner-card{height:145px;margin-bottom:22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 22px 21px;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.55)}.banner-card h2{position:relative;z-index:1;margin:0 0 5px;font-size:30px;font-weight:950;letter-spacing:2px}.banner-card p{position:relative;z-index:1;margin:0;font-size:14px;font-weight:800;opacity:.94}.panel{width:92%;margin:0 auto 18px;border-radius:30px;padding:27px 22px;text-align:center;box-shadow:0 15px 35px rgba(100,68,28,.13)}.glass-panel{background:rgba(255,251,235,.76);backdrop-filter:blur(12px)}.gold-panel{background:#efd68b url('assets/images/backgrounds/bg-gold-card.png') center/cover no-repeat}.audio-panel{background:rgba(255,248,229,.82)}.panel h3{margin:12px 0 8px;font-size:29px;line-height:1.1;color:#57371b;font-weight:950}.panel p{margin:0 auto 19px;max-width:288px;font-size:15px;line-height:1.75;color:#78634b;font-weight:750}.primary-btn{border:0;border-radius:999px;height:48px;padding:0 25px;min-width:168px;background:linear-gradient(135deg,#ffc944,#ad721e);color:#452a0f;font-size:16px;font-weight:950;box-shadow:0 12px 23px rgba(130,82,21,.23)}.primary-btn:active{transform:scale(.98)}.two-card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:92%;margin:0 auto}.two-card-row div{min-height:82px;border-radius:20px;background:rgba(255,249,228,.76);padding:17px 14px;box-shadow:0 8px 20px rgba(95,65,25,.10)}.two-card-row b{display:block;font-size:16px;color:#59391d;margin-bottom:7px}.two-card-row span{display:block;font-size:12px;line-height:1.5;color:#826a4e;font-weight:750}.incense-lines{width:96px;height:80px;margin:0 auto 2px;position:relative}.incense-lines i{position:absolute;bottom:0;width:6px;height:62px;background:linear-gradient(#3f2413,#9a5a24);border-radius:8px;left:45px;transform-origin:bottom}.incense-lines i:nth-child(1){transform:rotate(-8deg)}.incense-lines i:nth-child(2){left:55px;height:70px}.incense-lines i:nth-child(3){left:35px;transform:rotate(9deg)}.incense-lines:before,.incense-lines:after{content:"";position:absolute;left:22px;top:0;width:54px;height:50px;border-left:3px solid rgba(117,108,100,.23);border-radius:50%;filter:blur(.2px)}.incense-lines:after{left:34px;top:-8px;height:58px;border-color:rgba(117,108,100,.16)}.birth-wheel{width:126px;height:126px;margin:0 auto 7px;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;place-items:center;background:radial-gradient(circle,#fff4bd 0 25%,#cf912b 26% 28%,transparent 29%),conic-gradient(from 45deg,#e8bc55,#a76d20,#f1d786,#a76d20,#e8bc55);box-shadow:inset 0 0 0 8px rgba(255,238,164,.55),0 12px 24px rgba(90,54,18,.17);color:#593615;font-size:22px;font-weight:950}.ritual-stage{width:92%;height:315px;margin:0 auto 18px;position:relative;border-radius:34px;overflow:hidden;background:url('assets/images/backgrounds/bg-dark-altar-blur.png') center/cover no-repeat, #2b1a11;box-shadow:0 16px 35px rgba(70,42,20,.22)}.ritual-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 73%,rgba(255,180,54,.35),transparent 38%)}.incense-bowl{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);width:176px;height:72px;border-radius:0 0 88px 88px;background:linear-gradient(#2d1910,#945021 55%,#2b140b);box-shadow:inset 0 10px 16px rgba(255,196,84,.28),0 22px 28px rgba(0,0,0,.34);z-index:2}.sticks{position:absolute;left:50%;bottom:108px;width:110px;height:126px;transform:translateX(-50%);z-index:4}.sticks i{position:absolute;bottom:0;left:52px;width:5px;height:124px;border-radius:6px;background:linear-gradient(#e6ad42,#4a2111)}.sticks i:nth-child(1){transform:rotate(-10deg);left:35px}.sticks i:nth-child(3){transform:rotate(11deg);left:70px}.smoke{position:absolute;left:50%;bottom:170px;width:90px;height:140px;border-left:8px solid rgba(255,255,255,.18);border-radius:50%;filter:blur(2px);z-index:3;animation:smoke 5s ease-in-out infinite}.s1{transform:translateX(-30px) rotate(10deg)}.s2{animation-delay:1.2s;transform:translateX(8px) rotate(-8deg);opacity:.8}.s3{animation-delay:2s;transform:translateX(-8px) rotate(18deg);opacity:.58}@keyframes smoke{0%,100%{opacity:.28;transform:translateX(-18px) translateY(10px) scale(.9)}50%{opacity:.72;transform:translateX(8px) translateY(-18px) scale(1.06)}}.steps{width:92%;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.steps div{height:94px;border-radius:18px;background:rgba(255,249,228,.78);display:grid;place-items:center;text-align:center;box-shadow:0 8px 20px rgba(95,65,25,.10)}.steps b{font-size:20px;color:#d59b2a}.steps span{display:block;font-size:13px;color:#614328;font-weight:900}.foka-display{width:92%;margin:8px auto;text-align:center}.foka-card{width:210px;height:292px;margin:0 auto 25px;border-radius:24px;position:relative;background:#d9b154 url('assets/images/backgrounds/bg-gold-card.png') center/cover no-repeat;box-shadow:inset 0 0 0 2px rgba(105,66,20,.23),inset 0 0 0 10px rgba(255,235,160,.16),0 22px 38px rgba(70,43,14,.25)}.foka-buddha{position:absolute;left:50%;top:43px;transform:translateX(-50%);width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff4ba,#d19d35 58%,#8b5418);color:#fff4ba;font-size:54px;font-weight:950;text-shadow:0 3px 8px rgba(86,43,0,.32)}.foka-vertical{position:absolute;right:34px;bottom:46px;font-size:25px;line-height:1.18;color:#674018;font-weight:950;letter-spacing:4px}.foka-seal{position:absolute;left:30px;bottom:34px;width:40px;height:40px;border:2px solid #9f2d24;color:#9f2d24;border-radius:4px;display:grid;place-items:center;font-weight:950;transform:rotate(-8deg)}.bell{width:124px;height:110px;margin:0 auto 8px;position:relative}.bell:before{content:"";position:absolute;left:22px;right:22px;top:0;height:32px;background:#d8a448;border-radius:12px 12px 4px 4px}.bell:after{content:"";position:absolute;left:2px;right:2px;bottom:12px;height:78px;border-radius:45% 45% 22px 22px;background:linear-gradient(#e1b55a,#9b5b25);box-shadow:0 14px 26px rgba(92,58,20,.24)}.player{height:48px;border-radius:999px;background:#f0d895;display:flex;align-items:center;padding:0 14px;gap:11px;margin-top:18px}.player button{width:28px;height:28px;border:0;border-radius:50%;background:#aa2b23;position:relative}.player button:after{content:"";position:absolute;left:11px;top:7px;border:7px solid transparent;border-left-color:#fff}.player b{font-size:14px;color:#51351b}.player span{margin-left:auto;font-size:12px;color:#876d42;font-weight:900}.side-code{position:absolute;right:-13px;top:43%;z-index:7;width:80px;height:80px;border-radius:50%;background:rgba(241,219,157,.93);display:flex;align-items:center;justify-content:center;padding-left:5px;writing-mode:vertical-rl;letter-spacing:3px;font-size:14px;font-weight:900;color:#9c7a40;box-shadow:0 8px 24px rgba(83,60,24,.13)}.side-code:after{content:"";width:25px;height:25px;margin-top:5px;background:linear-gradient(#9c7a40 0 0) 0 0/9px 9px no-repeat,linear-gradient(#9c7a40 0 0) 16px 0/9px 9px no-repeat,linear-gradient(#9c7a40 0 0) 0 16px/9px 9px no-repeat,linear-gradient(#9c7a40 0 0) 16px 16px/5px 5px no-repeat}.guide{position:absolute;inset:0;background:rgba(0,0,0,.72);z-index:40;display:flex;align-items:flex-end;justify-content:center;padding-bottom:125px;opacity:1;transition:opacity .35s ease;pointer-events:none}.guide.hidden{opacity:0}.guide-copy{font-size:30px;line-height:1.42;color:#fff5d9;text-align:center;font-weight:950;text-shadow:0 0 12px rgba(255,210,128,.8),0 5px 16px rgba(0,0,0,.55);margin-bottom:108px}.gesture{position:absolute;bottom:35px;width:136px;height:120px;opacity:.92}.gesture.left{left:22px}.gesture.right{right:22px;transform:scaleX(-1)}.gesture:before{content:"";position:absolute;left:25px;bottom:-18px;width:76px;height:92px;border-radius:45px 45px 20px 20px;background:rgba(255,255,255,.92);transform:rotate(-19deg);box-shadow:22px 8px 0 rgba(255,255,255,.55)}.gesture:after{content:"";position:absolute;left:9px;top:24px;width:122px;height:36px;border-top:12px solid white;border-radius:80% 80% 0 0;transform:rotate(-8deg)}.gesture span:before{content:"";position:absolute;right:3px;top:20px;border:16px solid transparent;border-left-color:#fff;transform:rotate(-18deg)}.mantra-toast{position:absolute;left:50%;bottom:186px;z-index:38;transform:translateX(-50%) translateY(12px);min-width:178px;height:52px;border-radius:999px;background:rgba(55,31,17,.94);color:#ffe3a3;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.32);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.mantra-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mantra-toast strong{font-family:"Noto Serif Devanagari","Nirmala UI",Mangal,serif;font-size:24px;color:#fff2b4}.beads-wrap{position:absolute;left:0;right:0;bottom:0;z-index:30;height:182px;touch-action:none;cursor:grab;perspective:850px}.beads-wrap:active{cursor:grabbing}.cord{position:absolute;left:-10px;right:-10px;bottom:58px;height:15px;background:linear-gradient(90deg,transparent,#1b0b05 11%,#100502 50%,#1b0b05 89%,transparent);box-shadow:0 2px 5px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04);z-index:1}.beads-track{position:absolute;left:50%;bottom:10px;z-index:4;display:flex;align-items:center;gap:0;transform:translateX(-50%);transition:transform .5s cubic-bezier(.18,.9,.2,1);will-change:transform}.bead{--lift:0px;--turn:0deg;width:122px;height:122px;margin:0 -12px;border:0;background:transparent;border-radius:50%;position:relative;padding:0;display:grid;place-items:center;transition:transform .34s cubic-bezier(.18,.95,.2,1),filter .34s;transform:translateY(var(--lift)) rotateX(var(--turn)) rotateZ(calc(var(--turn) * .16));filter:drop-shadow(0 17px 13px rgba(0,0,0,.38));will-change:transform}.bead img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.bead .mantra{position:relative;z-index:2;font-family:"Noto Serif Devanagari","Nirmala UI",Mangal,serif;font-weight:950;font-size:34px;line-height:1;color:transparent;background:linear-gradient(135deg,#fff7bd 0%,#f8d257 25%,#b6741f 52%,#fff1a0 70%,#8d5b18 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 1px 0 rgba(255,255,255,.28),0 2px 4px rgba(43,16,2,.65),0 0 11px rgba(255,202,69,.45);filter:drop-shadow(0 2px 1px rgba(44,20,0,.75)) drop-shadow(0 0 6px rgba(255,213,70,.4));pointer-events:none}.bead .mantra:after{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle at 20% 30%,rgba(255,246,153,.95) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 42%,rgba(255,221,89,.85) 0 1.2px,transparent 1.8px),radial-gradient(circle at 48% 75%,rgba(255,255,210,.65) 0 1px,transparent 1.6px),radial-gradient(circle at 88% 66%,rgba(245,179,47,.8) 0 1px,transparent 1.5px);opacity:.65;mix-blend-mode:screen;pointer-events:none}.bead:before{content:attr(data-mantra);position:absolute;left:50%;top:-29px;transform:translateX(-50%) translateY(8px);min-width:48px;height:31px;border-radius:999px;background:rgba(80,44,20,.88);color:#ffdf86;display:grid;place-items:center;font-size:17px;font-family:"Noto Serif Devanagari","Nirmala UI",Mangal,serif;font-weight:950;opacity:0;box-shadow:0 8px 18px rgba(0,0,0,.22);transition:opacity .22s,transform .22s}.bead:after{content:attr(data-title);position:absolute;left:50%;top:-63px;transform:translateX(-50%) translateY(6px);padding:5px 10px;border-radius:999px;background:rgba(255,248,222,.94);color:#6d471f;font-size:12px;font-weight:950;white-space:nowrap;opacity:0;transition:opacity .22s,transform .22s}.bead.active{--lift:-18px;filter:brightness(1.1) drop-shadow(0 22px 18px rgba(0,0,0,.42));transform:translateY(var(--lift)) scale(1.14) rotateX(var(--turn)) rotateZ(calc(var(--turn) * .16))}.bead.active:before,.bead.active:after,.bead.lifting:before,.bead.lifting:after{opacity:1;transform:translateX(-50%) translateY(0)}.bead.lifting{filter:brightness(1.18) drop-shadow(0 26px 20px rgba(0,0,0,.42))}.bead-tip{position:absolute;left:50%;bottom:calc(12px + var(--safe-bottom));z-index:5;transform:translateX(-50%);margin:0;color:#f7e3ac;font-size:12px;font-weight:900;letter-spacing:5px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.beads-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:98px;background:linear-gradient(to top,rgba(42,21,8,.32),transparent);z-index:0;pointer-events:none}@media(max-height:820px){.viewport{bottom:144px}.beads-wrap{height:158px}.bead{width:106px;height:106px}.bead .mantra{font-size:30px}.hero-card{height:145px}.feature-card{height:112px}.feature-grid{gap:17px}.daily-row{margin:14px 0}.guide{padding-bottom:100px}.guide-copy{margin-bottom:92px}.mantra-toast{bottom:158px}.bead-tip{display:none}}