*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#120c05;overflow-x:hidden;color:#5e3c15;font-family:Arial,"Segoe UI","Noto Sans",sans-serif}.page{position:relative;width:100%;max-width:935px;margin:auto;line-height:1.45}.art{display:block;width:100%;height:auto}.copy-layer{position:absolute;inset:0;z-index:12;pointer-events:none}.copy-layer>*{pointer-events:auto}.hero-copy{position:absolute;left:49%;top:4.2%;width:43%;text-align:center;color:#6a461b}.lotus-mark{font-size:24px;color:#bd8c32;margin-bottom:-5px}.hero-copy h1{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:clamp(38px,5vw,68px);line-height:.86;margin:0 0 20px;color:#6a461b;text-shadow:0 2px 12px rgba(255,238,185,.45)}.hero-copy h1 span{font-family:"Allura",cursive;font-size:1.15em}.hero-copy p{font-family:"Playfair Display",Georgia,serif;font-size:clamp(12px,1.55vw,18px);line-height:1.75;margin:0 0 17px;color:#6f512a}.hero-actions{display:flex;justify-content:center;gap:12px}.site-btn{border-radius:999px;padding:10px 22px;border:1px solid rgba(169,120,38,.65);font-size:clamp(12px,1.3vw,16px);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;box-shadow:0 6px 18px rgba(72,44,8,.16);transition:.25s}.site-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.site-btn.light{background:rgba(255,247,225,.96);color:#77501d}.site-btn.gold{background:linear-gradient(135deg,#c8973c,#80500e);color:#fff6dd;border-color:#d5ad61}.quote-copy{position:absolute;left:12%;top:33.4%;width:76%;height:10.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 70px}.quote-symbol{font-size:21px;color:#b78025;line-height:1}.quote-heading{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(12px,1.6vw,19px);letter-spacing:1.4px;color:#8b5d1d;margin:1px 0 4px}.quote-copy p{font-family:"Playfair Display",Georgia,serif;font-size:clamp(12px,1.55vw,17px);line-height:1.55;margin:0;color:#694820}.quote-line{font-size:11px;color:#bd8b36;margin-top:2px}.values-copy{position:absolute;left:8.3%;top:48.1%;width:83.4%;height:15.4%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.8%;text-align:center}.values-copy article{padding:4% 7% 2%;display:flex;flex-direction:column;align-items:center}.value-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,244,216,.72);border:1px solid rgba(180,131,51,.5);font-size:21px;color:#a5711d;margin-bottom:6px}.values-copy h3{font-family:"Playfair Display",Georgia,serif;font-size:clamp(14px,1.7vw,20px);font-weight:600;margin:0 0 5px;color:#68461d}.values-copy p{font-family:"Playfair Display",Georgia,serif;font-size:clamp(9px,1.1vw,13px);line-height:1.55;margin:0;color:#7b5b30}.fortune-copy{position:absolute;left:7%;top:65.1%;width:86%;height:15.7%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.fortune-symbol{font-size:25px;color:#9a6b21}.fortune-copy h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(17px,2.3vw,28px);font-weight:600;margin:1px 0 5px;color:#68461d}.fortune-copy p{font-family:"Playfair Display",Georgia,serif;font-size:clamp(10px,1.2vw,14px);line-height:1.5;margin:0 0 8px;color:#75562b}.fortune-btn{padding:9px 27px}.blessing-copy{position:absolute;left:27%;top:82.5%;width:46%;height:11.5%;text-align:center;color:#76552a;display:flex;flex-direction:column;align-items:center;justify-content:center}.blessing-lotus{font-size:25px;color:#b27e29}.blessing-copy p{font-family:"Playfair Display",Georgia,serif;font-size:clamp(10px,1.35vw,16px);line-height:1.55;margin:0}.blessing-copy b{font-weight:600}.footer-line{color:#b38332;font-size:11px;margin:4px 0}.socials{display:flex;gap:14px}.socials span{width:28px;height:28px;border:1px solid rgba(165,116,35,.7);border-radius:50%;display:grid;place-items:center;color:#93631e;font-weight:600;font-size:13px}.woman-hotspot{position:absolute;left:23.5%;top:7.2%;width:37%;height:31%;transform:translateX(-7cm);z-index:22;border:0;background:transparent;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.woman-aura{position:absolute;left:22%;top:6%;width:40%;height:34%;transform:translateX(-7cm);z-index:13;pointer-events:none;opacity:0;mix-blend-mode:screen}.woman-aura.active{animation:auraAppear 3.2s ease-out forwards}.aura-mandala{position:absolute;left:50%;top:25%;width:35%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,237,177,.7);box-shadow:0 0 20px rgba(255,227,145,.7),0 0 55px rgba(255,195,72,.42),inset 0 0 28px rgba(255,234,170,.28)}.aura-mandala:before,.aura-mandala:after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(255,245,206,.5);transform:rotate(45deg)}.aura-mandala:after{inset:18%;transform:rotate(-45deg);border-color:rgba(255,207,99,.38)}.aura-rays{position:absolute;left:50%;top:25%;width:68%;aspect-ratio:1;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 7deg,rgba(255,239,181,.34) 7.5deg 8.5deg,transparent 9deg 22deg,rgba(255,214,112,.23) 22.5deg 23.5deg,transparent 24deg 45deg);border-radius:50%;filter:blur(.4px);animation:rayTurn 7s linear infinite}.aura-ring{position:absolute;left:50%;top:52%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,238,181,.5);box-shadow:0 0 16px rgba(255,231,157,.42),inset 0 0 22px rgba(255,219,122,.12)}.ring-a{width:48%;height:82%;animation:ringA .9s ease-out forwards}.ring-b{width:63%;height:100%;border-color:rgba(255,207,92,.3);animation:ringB 1.5s ease-out .12s forwards}.ring-c{width:82%;height:115%;border-color:rgba(255,238,187,.2);animation:ringC 2s ease-out .18s forwards}.aura-sparks{position:absolute;inset:0}.aura-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fffbe8;box-shadow:0 0 6px #fff,0 0 16px #ffd66b,0 0 30px rgba(255,196,60,.55);animation:sparkFly 2.1s ease-out forwards}.aura-spark:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:1px;background:#fff3bb;transform:translate(-50%,-50%);opacity:.75}.aura-star{position:absolute;width:6px;height:6px;background:#fffbe9;box-shadow:0 0 8px #fff,0 0 22px #ffd66b;transform:rotate(45deg);animation:starRise 2.4s ease-out forwards}.aura-star:before,.aura-star:after{content:"";position:absolute;left:50%;top:50%;background:#fffbe9;transform:translate(-50%,-50%)}.aura-star:before{width:2px;height:24px}.aura-star:after{width:24px;height:2px}@keyframes auraAppear{0%{opacity:0}12%{opacity:1}75%{opacity:1}100%{opacity:0}}@keyframes rayTurn{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ringA{from{opacity:0;transform:translate(-50%,-50%) scale(.45)}to{opacity:.8;transform:translate(-50%,-50%) scale(1)}}@keyframes ringB{from{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:.55;transform:translate(-50%,-50%) scale(1.08)}}@keyframes ringC{from{opacity:0;transform:translate(-50%,-50%) scale(.35)}to{opacity:.35;transform:translate(-50%,-50%) scale(1.12)}}@keyframes sparkFly{from{opacity:0;transform:translate(0,0) scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.1)}}@keyframes starRise{from{opacity:0;transform:translate(0,0) rotate(45deg) scale(.3)}20%{opacity:1}to{opacity:0;transform:translate(var(--star-x),var(--star-y)) rotate(135deg) scale(.05)}}
/* Fortune modal */
.fortune-modal{position:fixed;inset:0;z-index:100;display:none}.fortune-modal.open{display:block}.fortune-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(83,58,20,.24),rgba(7,5,2,.93) 76%),rgba(9,6,2,.86);backdrop-filter:blur(6px)}.fortune-stage{position:absolute;inset:0;overflow:hidden;color:#fff1c8;font-family:Arial,"Segoe UI","Noto Sans",sans-serif}.fortune-stage:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 45%,rgba(255,219,131,.16),transparent 24%),radial-gradient(circle at 50% 50%,transparent 0 32%,rgba(255,212,117,.06) 33%,transparent 50%);animation:breath 5s ease-in-out infinite}.fortune-close{position:absolute;right:25px;top:16px;z-index:30;width:48px;height:48px;border:1px solid rgba(246,210,130,.45);border-radius:50%;background:rgba(45,28,7,.65);color:#f8dfaa;font-size:30px;line-height:1}.fortune-title{position:absolute;z-index:25;top:4.5%;left:0;right:0;text-align:center;text-shadow:0 0 18px rgba(255,210,100,.35)}.mini-lotus{font-size:30px;color:#e9c16a}.fortune-title h2{margin:0;font-size:clamp(32px,4vw,54px);font-weight:600;letter-spacing:2px}.fortune-title p{margin:8px 0 0;font-size:clamp(13px,1.3vw,18px);color:#dec995}.daily-blessing{max-width:760px;margin:10px auto;color:#d8bd87;font-size:13px;line-height:1.5}.orb-scene{position:absolute;left:50%;top:54%;width:min(96vw,1250px);height:min(76vh,820px);transform:translate(-50%,-50%);z-index:3}.fortune-orb{position:absolute;left:50%;top:50%;width:min(33vw,450px);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 0 32px rgba(255,226,142,.8)) drop-shadow(0 0 80px rgba(255,188,65,.38));animation:orbPulse 4s ease-in-out infinite;z-index:7;pointer-events:none}.beads{position:absolute;inset:0;z-index:10}.bead{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) scale(.1);opacity:0;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,247,205,.98);background:radial-gradient(circle at 32% 25%,#fff 0,#fff4c8 23%,#f4d979 46%,#c38a28 72%,#6d4209 100%);box-shadow:0 0 7px #fff,0 0 18px rgba(255,225,128,.98),0 0 38px rgba(255,180,55,.62);color:#5e3807;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;appearance:none;-webkit-appearance:none;animation:beadIn .55s cubic-bezier(.2,.8,.2,1) var(--delay) forwards,beadFloat var(--floatDuration) ease-in-out var(--floatDelay) infinite alternate}.bead:hover,.bead:focus-visible{z-index:30;outline:2px solid rgba(255,240,170,.9);transform:translate(-50%,-50%) scale(1.32);box-shadow:0 0 12px #fff,0 0 32px #ffe38c,0 0 65px #ffc64c}.bead.selected{z-index:40;outline:2px solid #fff4bd;transform:translate(-50%,-50%) scale(1.38);box-shadow:0 0 15px #fff,0 0 38px #fff0ae,0 0 90px #ffbf38}.selected-fortune{position:absolute;z-index:22;left:50%;bottom:3%;transform:translateX(-50%) translateY(20px);width:min(700px,88vw);padding:14px 25px 17px;text-align:center;border:1px solid rgba(234,195,111,.55);border-radius:18px;background:linear-gradient(180deg,rgba(46,29,10,.72),rgba(17,10,4,.88));box-shadow:0 0 30px rgba(230,180,68,.12);opacity:.75;transition:.35s;max-height:45vh;overflow:auto}.selected-fortune.show{opacity:1;transform:translateX(-50%) translateY(0);max-height:58vh}.selected-number{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #d5a84d;color:#f5d68e;font-size:15px;font-weight:800;margin-bottom:3px}.selected-fortune h3{margin:0 0 5px;font-size:20px;font-weight:600}.selected-fortune p{margin:0;color:#dec895;font-size:14px;line-height:1.55}.fortune-stars{position:absolute;inset:0;z-index:1;background-image:radial-gradient(circle,rgba(255,239,184,.85) 0 1px,transparent 1.5px);background-size:95px 85px;opacity:.16;animation:starDrift 18s linear infinite}@keyframes beadIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes beadFloat{from{margin-left:0;margin-top:0}to{margin-left:var(--driftX);margin-top:var(--driftY)}}@keyframes orbPulse{50%{transform:translate(-50%,-50%) scale(1.035)}}@keyframes breath{50%{transform:scale(1.03);opacity:.8}}@keyframes starDrift{to{background-position:90px 70px}}
.advice-panel{margin-top:20px}.advice-updated{font-size:12px;opacity:.75;margin-bottom:12px;text-align:center}.advice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.advice-card{border:1px solid rgba(205,164,76,.42);background:rgba(255,247,220,.08);border-radius:14px;padding:14px;text-align:left;min-height:145px}.advice-card span{display:block;font-size:10px;letter-spacing:1.5px;color:#d9b25d;margin-bottom:7px}.advice-card strong{display:block;font-size:14px;color:#ffe9a8;margin-bottom:8px}.advice-card p{font-size:12px;line-height:1.65;margin:0;color:#ead8ae}
.sparkle-layer{position:fixed;inset:0;pointer-events:none;z-index:90;overflow:hidden}.sparkle-layer span{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff7cf;box-shadow:0 0 6px #fff,0 0 16px rgba(255,208,86,.95);opacity:0;animation:sparkleTwinkle var(--dur) ease-in-out var(--delay) infinite}.sparkle-layer span:before,.sparkle-layer span:after{content:"";position:absolute;left:50%;top:50%;background:rgba(255,244,180,.9);transform:translate(-50%,-50%);border-radius:2px}.sparkle-layer span:before{width:1px;height:18px}.sparkle-layer span:after{width:18px;height:1px}@keyframes sparkleTwinkle{0%,100%{opacity:0;transform:scale(.35) rotate(0deg)}45%{opacity:.95;transform:scale(1) rotate(45deg)}55%{opacity:.55;transform:scale(.75) rotate(90deg)}}
.music-widget{position:fixed;right:14px;bottom:14px;z-index:120;display:flex;align-items:center;gap:7px}.music-toggle{width:42px;height:42px;border-radius:50%;border:1px solid rgba(240,202,117,.65);background:rgba(32,20,7,.78);color:#f8d98f;font-size:21px;box-shadow:0 0 18px rgba(255,207,104,.25);cursor:pointer;backdrop-filter:blur(6px)}.music-toggle.playing{animation:musicPulse 1.8s ease-in-out infinite}.music-embed{width:1px;height:1px;overflow:hidden;opacity:.01;position:absolute;right:0;bottom:0;pointer-events:none}.music-embed iframe{width:1px!important;height:1px!important;border:0!important}@keyframes musicPulse{50%{box-shadow:0 0 28px rgba(255,207,104,.65);transform:scale(1.06)}}
@media(max-width:700px){.hero-copy{left:48%;top:4%;width:48%}.hero-copy h1{font-size:40px}.hero-copy p{font-size:11px}.site-btn{padding:8px 13px;font-size:11px}.quote-copy{left:9%;width:82%;top:33.4%;padding:5px 28px}.quote-copy p{font-size:11px}.values-copy{left:7%;width:86%;top:48.2%;gap:1%}.values-copy article{padding:6% 5% 2%}.value-icon{width:30px;height:30px;font-size:16px}.values-copy h3{font-size:13px}.values-copy p{font-size:8px}.fortune-copy{top:65%;height:16.5%}.fortune-copy h2{font-size:17px}.fortune-copy p{font-size:9px}.fortune-btn{padding:8px 18px}.blessing-copy{left:25%;width:50%;top:82.5%}.blessing-copy p{font-size:9px}.woman-hotspot{transform:translateX(-7cm)}.woman-aura{transform:translateX(-7cm)}.fortune-title{top:3%}.orb-scene{width:100vw;height:70vh;top:52%}.fortune-orb{width:52vw}.bead{width:35px;height:35px}.selected-fortune{bottom:2%;padding:10px 15px}.selected-fortune p{font-size:12px}.advice-grid{grid-template-columns:1fr}.advice-card{min-height:auto}.selected-fortune.show{max-height:63vh}.fortune-close{right:12px;top:10px;width:42px;height:42px}}

/* CARD TEXT FIX — move the text lower and use a Vietnamese-safe font */
.values-copy h3,
.values-copy p {
  font-family: Arial, "Segoe UI", "Noto Sans", sans-serif !important;
  transform: translateY(18px);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.values-copy h3 {
  font-weight: 700 !important;
  line-height: 1.25;
}
.values-copy p {
  font-weight: 400 !important;
  line-height: 1.55;
}
/* Keep the four cards aligned on smaller screens too */
@media (max-width:700px) {
  .values-copy h3,
  .values-copy p {
    transform: translateY(12px);
  }
}

/* FINAL TEXT STYLE: Vietnamese-safe elegant calligraphy */
.values-copy h3 {
  font-family: "Dancing Script", "Noto Serif", serif !important;
  font-weight: 700 !important;
  font-size: clamp(19px, 2.25vw, 28px) !important;
  line-height: 1.2 !important;
  margin-top: 20px !important;
  margin-bottom: 8px !important;
  transform: none !important;
  letter-spacing: .1px;
}
.values-copy p {
  font-family: "Noto Serif", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(10px, 1.22vw, 14px) !important;
  line-height: 1.7 !important;
  margin-top: 2px !important;
  transform: none !important;
}
@media (max-width:700px) {
  .values-copy h3 {
    font-size: 17px !important;
    margin-top: 14px !important;
  }
  .values-copy p {
    font-size: 9px !important;
    line-height: 1.55 !important;
  }
}
/* The copy is lowered as a group while icons stay where they are. */
.values-copy article {
  padding-top: 7% !important;
}

/* FINAL TYPOGRAPHY: use the same elegant Vietnamese-capable script style site-wide */
html, body, button, input, textarea, select, a,
h1, h2, h3, h4, h5, h6, p, span, div, li {
  font-family: "Dancing Script", "Noto Serif", serif !important;
}

/* Keep body copy readable while retaining the handwritten feel */
body, p, li, button, a {
  font-weight: 500;
}

/* Lower all text in the four feature cards a little further */
.values-copy article {
  padding-top: 11% !important;
}
.values-copy h3 {
  margin-top: 24px !important;
}
.values-copy p {
  margin-top: 5px !important;
}

/* Final small adjustment: lower only the text inside the four cards */
.values-copy article {
  padding-top: 11% !important;
}
@media (max-width:700px) {
  .values-copy article {
    padding-top: 10% !important;
  }
}

/* Floating luminous lotus — added without changing the existing layout */
.floating-lotus{
  position:fixed;
  right:clamp(8px,2.4vw,34px);
  top:46%;
  width:clamp(82px,11vw,155px);
  aspect-ratio:2/3;
  padding:0;
  border:0;
  background:transparent;
  z-index:95;
  cursor:pointer;
  filter:drop-shadow(0 0 8px rgba(255,221,143,.8)) drop-shadow(0 0 24px rgba(255,184,75,.42));
  animation:lotusFloat 4.8s ease-in-out infinite;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.floating-lotus img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.floating-lotus:before{
  content:"";
  position:absolute;
  inset:20% 13% 8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,237,178,.32),rgba(255,196,83,.12) 42%,transparent 72%);
  filter:blur(10px);
  z-index:-1;
}
.lotus-halo{
  position:absolute;
  width:46%;
  height:22%;
  left:27%;
  top:20%;
  border-radius:50%;
  box-shadow:0 0 10px rgba(255,255,230,.9),0 0 28px rgba(255,205,100,.75);
  animation:lotusGlow 2.4s ease-in-out infinite alternate;
}
.floating-lotus:hover{
  animation:lotusFloat 2.4s ease-in-out infinite, lotusHover .45s ease-out forwards;
}
@keyframes lotusFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}
  50%{transform:translate3d(-5px,-13px,0) rotate(1.5deg)}
}
@keyframes lotusGlow{from{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
@keyframes lotusHover{to{filter:drop-shadow(0 0 14px #fff) drop-shadow(0 0 36px rgba(255,190,70,.8))}}
.dharma-modal{
  position:fixed;
  inset:0;
  z-index:180;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.dharma-modal.open{display:flex}
.dharma-backdrop{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 42%,rgba(255,219,142,.16),rgba(20,10,2,.88) 72%);
  backdrop-filter:blur(5px);
}
.dharma-card{
  position:relative;
  width:min(620px,94vw);
  max-height:82vh;
  overflow:auto;
  padding:38px 38px 30px;
  text-align:center;
  color:#6a471c;
  border:1px solid rgba(178,130,50,.62);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,249,230,.98),rgba(226,196,134,.97));
  box-shadow:0 25px 90px rgba(0,0,0,.45),0 0 55px rgba(255,203,102,.2);
  animation:dharmaIn .38s ease-out;
}
.dharma-close{
  position:absolute;
  right:13px;
  top:8px;
  border:0;
  background:transparent;
  color:#79521c;
  font-size:30px;
  cursor:pointer;
}
.dharma-lotus-mark{font-size:43px;color:#b27c25;text-shadow:0 0 15px rgba(255,205,100,.7)}
.dharma-kicker{
  margin-top:2px;
  font-family:"Noto Serif",Georgia,serif;
  font-size:12px;
  letter-spacing:2px;
  color:#9a6a24;
}
.dharma-card h2{
  margin:7px 0 16px;
  font-family:"Dancing Script","Noto Serif",serif;
  font-size:clamp(31px,5vw,46px);
  font-weight:700;
}
.dharma-text{
  margin:0 auto;
  max-width:520px;
  font-family:"Noto Serif",Georgia,serif;
  font-size:clamp(17px,2vw,22px);
  line-height:1.85;
  color:#5f421d;
}
.dharma-divider{margin:18px 0 10px;color:#b27d29}
.dharma-note{
  max-width:500px;
  margin:0 auto 20px;
  font-family:"Noto Serif",Georgia,serif;
  font-size:12px;
  line-height:1.6;
  color:#806238;
}
.dharma-again{
  border:1px solid #b7832d;
  border-radius:999px;
  padding:11px 24px;
  background:rgba(255,246,218,.78);
  color:#76501d;
  cursor:pointer;
  font-family:"Noto Serif",Georgia,serif;
}
@keyframes dharmaIn{
  from{opacity:0;transform:translateY(18px) scale(.96)}
  to{opacity:1;transform:none}
}
@media(max-width:700px){
  .floating-lotus{
    right:5px;
    top:auto;
    bottom:16%;
    width:82px;
  }
  .dharma-card{padding:34px 22px 24px}
  .dharma-text{font-size:16px;line-height:1.7}
}

/* Lotus click fix: keep it above every existing page layer */
.floating-lotus{
  position:fixed !important;
  z-index:2147483000 !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  cursor:pointer !important;
}
.floating-lotus img{
  pointer-events:none !important;
}
.dharma-modal{z-index:2147483001 !important;}

/* Larger, easier-to-read calligraphy text */
.values-copy h3,
.dharma-card h2 {
  font-size: clamp(28px, 3vw, 38px) !important;
  line-height: 1.25 !important;
}
.values-copy p {
  font-size: clamp(14px, 1.55vw, 18px) !important;
  line-height: 1.75 !important;
}
.dharma-text {
  font-size: clamp(19px, 2.4vw, 25px) !important;
  line-height: 1.85 !important;
}
.dharma-kicker,
.dharma-note,
.dharma-again {
  font-size: 14px !important;
}
@media (max-width:700px) {
  .values-copy h3 { font-size: 23px !important; }
  .values-copy p { font-size: 13px !important; line-height: 1.65 !important; }
  .dharma-card h2 { font-size: 30px !important; }
  .dharma-text { font-size: 18px !important; }
}

/* Enlarge text specifically in the fortune-reading result */
#fortuneResult,
#fortuneResult * ,
.fortune-result,
.fortune-result * ,
.result-card,
.result-card * {
  font-size: inherit;
}
#fortuneResult .fortune-title,
.fortune-result .fortune-title,
.result-card .fortune-title {
  font-size: clamp(28px, 3.2vw, 42px) !important;
  line-height: 1.3 !important;
}
#fortuneResult .fortune-text,
.fortune-result .fortune-text,
.result-card .fortune-text {
  font-size: clamp(19px, 2.2vw, 27px) !important;
  line-height: 1.85 !important;
}
#fortuneResult .fortune-advice,
.fortune-result .fortune-advice,
.result-card .fortune-advice {
  font-size: clamp(17px, 1.9vw, 23px) !important;
  line-height: 1.8 !important;
}
@media (max-width:700px) {
  #fortuneResult .fortune-title,
  .fortune-result .fortune-title,
  .result-card .fortune-title {
    font-size: 29px !important;
  }
  #fortuneResult .fortune-text,
  .fortune-result .fortune-text,
  .result-card .fortune-text {
    font-size: 18px !important;
    line-height: 1.7 !important;
  }
  #fortuneResult .fortune-advice,
  .fortune-result .fortune-advice,
  .result-card .fortune-advice {
    font-size: 16px !important;
  }
}

/* RESULT SCREEN — make every reading/advice text clearly readable */
.fortune-modal .fortune-title h2 {
  font-size: clamp(38px, 5vw, 64px) !important;
  line-height: 1.25 !important;
}
.fortune-modal .fortune-title p {
  font-size: clamp(18px, 2vw, 26px) !important;
  line-height: 1.65 !important;
}
.fortune-modal .daily-blessing {
  font-size: clamp(17px, 1.8vw, 23px) !important;
  line-height: 1.7 !important;
}
.fortune-modal .selected-fortune {
  font-size: clamp(18px, 2vw, 25px) !important;
}
.fortune-modal .selected-fortune h3,
.fortune-modal .selected-fortune .fortune-name,
.fortune-modal .selected-fortune strong {
  font-size: clamp(27px, 3vw, 40px) !important;
  line-height: 1.35 !important;
}
.fortune-modal .selected-fortune p,
.fortune-modal .selected-fortune .fortune-message {
  font-size: clamp(18px, 2vw, 25px) !important;
  line-height: 1.85 !important;
}
.fortune-modal .advice-card span {
  font-size: 15px !important;
  line-height: 1.5 !important;
  letter-spacing: 1.5px;
}
.fortune-modal .advice-card strong {
  font-size: clamp(19px, 2vw, 27px) !important;
  line-height: 1.45 !important;
}
.fortune-modal .advice-card p {
  font-size: clamp(16px, 1.75vw, 22px) !important;
  line-height: 1.8 !important;
}
@media (max-width:700px) {
  .fortune-modal .fortune-title h2 { font-size: 34px !important; }
  .fortune-modal .fortune-title p { font-size: 17px !important; }
  .fortune-modal .daily-blessing { font-size: 16px !important; }
  .fortune-modal .selected-fortune h3,
  .fortune-modal .selected-fortune .fortune-name,
  .fortune-modal .selected-fortune strong { font-size: 27px !important; }
  .fortune-modal .selected-fortune p,
  .fortune-modal .selected-fortune .fortune-message { font-size: 18px !important; }
  .fortune-modal .advice-card strong { font-size: 20px !important; }
  .fortune-modal .advice-card p { font-size: 16px !important; }
}

/* Bead selection screen: restore the intro text to a compact size */
.fortune-modal .fortune-title h2 {
  font-size: clamp(30px, 4vw, 48px) !important;
}
.fortune-modal .fortune-title p {
  font-size: clamp(14px, 1.5vw, 19px) !important;
  line-height: 1.45 !important;
}
.fortune-modal .daily-blessing {
  font-size: clamp(13px, 1.35vw, 17px) !important;
  line-height: 1.55 !important;
}
@media (max-width:700px) {
  .fortune-modal .fortune-title h2 { font-size: 28px !important; }
  .fortune-modal .fortune-title p { font-size: 13px !important; }
  .fortune-modal .daily-blessing { font-size: 13px !important; }
}

/* Never let selection-screen text block clicks on the beads */
.fortune-modal .fortune-title,
.fortune-modal .fortune-title *,
.fortune-modal .daily-blessing,
.fortune-modal .daily-blessing * {
  pointer-events: none !important;
}

/* Mobile/tablet compatibility — preserves the existing design */
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
.values-copy,.values-copy *,.fortune-modal,.fortune-modal *,.dharma-modal,.dharma-modal *{
 box-sizing:border-box;overflow-wrap:break-word;word-break:normal;
}
@media(max-width:900px){
 .values-copy{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:94%!important;margin:auto!important}
 .values-copy article{min-width:0!important;width:auto!important;padding:70px 14px 24px!important}
 .values-copy h3{font-size:25px!important;line-height:1.25!important;margin:0 0 10px!important}
 .values-copy p{font-size:15px!important;line-height:1.65!important;margin:0!important}
}
@media(max-width:600px){
 body{min-width:320px}
 .values-copy{grid-template-columns:1fr!important;width:92%!important;gap:10px!important}
 .values-copy article{padding:64px 18px 22px!important}
 .values-copy h3{font-size:24px!important}
 .values-copy p{font-size:15px!important;line-height:1.7!important}
 .fortune-modal{padding:10px!important}
 .fortune-modal .fortune-title h2{font-size:30px!important;line-height:1.2!important}
 .fortune-modal .fortune-title p{font-size:14px!important;line-height:1.45!important}
 .fortune-modal .daily-blessing{font-size:13px!important;line-height:1.5!important;max-width:92vw!important}
 .fortune-modal .selected-fortune,.fortune-modal .advice-card{width:100%!important;max-width:100%!important;min-width:0!important}
 .fortune-modal .selected-fortune h3,.fortune-modal .selected-fortune .fortune-name,.fortune-modal .selected-fortune strong{font-size:25px!important;line-height:1.3!important}
 .fortune-modal .selected-fortune p,.fortune-modal .selected-fortune .fortune-message{font-size:17px!important;line-height:1.7!important}
 .fortune-modal .advice-card strong{font-size:19px!important}
 .fortune-modal .advice-card p{font-size:15px!important;line-height:1.65!important}
 .floating-lotus{right:7px!important;bottom:max(12%,72px)!important;top:auto!important;width:78px!important}
 .dharma-card{width:calc(100vw - 28px)!important;max-height:84vh!important;padding:34px 18px 24px!important;overflow-y:auto!important}
 .dharma-card h2{font-size:29px!important}
 .dharma-text{font-size:17px!important;line-height:1.7!important}
}
@media(max-width:380px){
 .values-copy h3{font-size:21px!important}.values-copy p{font-size:14px!important}
 .fortune-modal .fortune-title h2{font-size:27px!important}
 .fortune-modal .fortune-title p{font-size:13px!important}
 .fortune-modal .daily-blessing{font-size:12px!important}
 .floating-lotus{width:68px!important}
}

/* Four category cards — smaller text so it stays inside each box */
.values-copy h3 {
  font-size: clamp(19px, 2vw, 27px) !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}
.values-copy p {
  font-size: clamp(11px, 1.25vw, 16px) !important;
  line-height: 1.55 !important;
  max-width: 92% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 900px) {
  .values-copy h3 { font-size: 22px !important; }
  .values-copy p { font-size: 14px !important; }
}
@media (max-width: 600px) {
  .values-copy h3 { font-size: 21px !important; }
  .values-copy p { font-size: 13px !important; line-height: 1.6 !important; }
}
@media (max-width: 380px) {
  .values-copy h3 { font-size: 19px !important; }
  .values-copy p { font-size: 12px !important; }
}

/* LỜI HAY MỖI NGÀY — make the text below the heading larger */
.daily-blessing,
.daily-quote,
.daily-message {
  font-size: clamp(18px, 2vw, 25px) !important;
  line-height: 1.75 !important;
}
@media (max-width:700px) {
  .daily-blessing,
  .daily-quote,
  .daily-message {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }
}

/* Aura Rainbow — soft seven-color Buddhist rainbow halo */
.woman-aura.aura-rainbow{
  overflow:visible;
  filter:saturate(1.3);
}
.woman-aura.aura-rainbow::before{
  content:"";
  position:absolute;
  left:-18%;
  top:-18%;
  width:136%;
  height:136%;
  border-radius:50%;
  background:conic-gradient(
    from 0deg,
    rgba(255,80,120,.00),
    rgba(255,80,120,.55),
    rgba(255,190,70,.58),
    rgba(255,245,90,.52),
    rgba(100,235,145,.54),
    rgba(75,205,255,.58),
    rgba(105,125,255,.56),
    rgba(190,100,255,.52),
    rgba(255,90,180,.50),
    rgba(255,80,120,.00)
  );
  filter:blur(13px);
  opacity:.9;
  animation:taRainbowSpin 6s linear infinite;
}
.woman-aura.aura-rainbow::after{
  content:"";
  position:absolute;
  left:-9%;
  top:-9%;
  width:118%;
  height:118%;
  border-radius:50%;
  background:
    radial-gradient(circle,
      rgba(255,255,255,.72) 0%,
      rgba(255,255,255,.25) 28%,
      transparent 62%);
  box-shadow:
    0 0 28px rgba(255,105,150,.65),
    0 0 48px rgba(255,210,80,.48),
    0 0 68px rgba(80,230,170,.45),
    0 0 88px rgba(90,170,255,.42),
    0 0 108px rgba(190,100,255,.35);
  animation:taRainbowPulse 2.8s ease-in-out infinite alternate;
}
.woman-aura.aura-rainbow .aura-mandala{
  border-color:rgba(255,255,255,.9);
  box-shadow:
    0 0 22px rgba(255,255,255,.95),
    0 0 48px rgba(100,220,255,.62),
    0 0 70px rgba(220,110,255,.48);
}
@keyframes taRainbowSpin{
  from{transform:rotate(0deg) scale(.94);}
  to{transform:rotate(360deg) scale(1.04);}
}
@keyframes taRainbowPulse{
  from{opacity:.62;transform:scale(.94);}
  to{opacity:1;transform:scale(1.06);}
}

/* Floating luminous Buddhist bell — mirrors the floating lotus treatment */
.floating-bell{
  position:fixed;
  left:clamp(8px,2.4vw,34px);
  top:46%;
  width:clamp(82px,11vw,155px);
  aspect-ratio:1/1.18;
  padding:0;
  border:0;
  background:transparent;
  z-index:2147483000;
  cursor:pointer;
  filter:drop-shadow(0 0 8px rgba(255,232,170,.95)) drop-shadow(0 0 24px rgba(180,150,255,.5));
  animation:bellFloat 5.2s ease-in-out infinite;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.floating-bell img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  pointer-events:none;
}
.floating-bell::before{
  content:"";
  position:absolute;
  inset:12% 8% 10%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,240,190,.4),rgba(190,160,255,.16) 42%,transparent 72%);
  filter:blur(12px);
  z-index:-1;
  animation:bellGlow 2.6s ease-in-out infinite alternate;
}
.floating-bell:hover{
  filter:drop-shadow(0 0 14px rgba(255,255,240,1)) drop-shadow(0 0 38px rgba(170,130,255,.72));
}
@keyframes bellFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}
  50%{transform:translate3d(5px,-13px,0) rotate(1.5deg)}
}
@keyframes bellGlow{
  from{opacity:.42;transform:scale(.86)}
  to{opacity:1;transform:scale(1.14)}
}
@media(max-width:700px){
  .floating-bell{
    left:5px;
    top:auto;
    bottom:16%;
    width:82px;
  }
}
@media(max-width:600px){
  .floating-bell{left:7px!important;bottom:max(12%,72px)!important;top:auto!important;width:78px!important}
}
@media(max-width:380px){
  .floating-bell{width:68px!important}
}