:root{
  --pink:#d94483;--deep:#6b2148;--gold:#e8b866;--cream:#fff5df;--card:#fff8eecc;--brown:#5a2941;
}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--brown);background:radial-gradient(circle at top,#ffe9b5,#ffe1ee 55%,#f5d7e7);min-height:100vh}.app{width:min(100%,760px);margin:0 auto;padding:18px 14px 95px}.hero-card{position:relative;overflow:hidden;border-radius:0 0 34px 34px;background:linear-gradient(135deg,#fff4d0,#ffdce9);box-shadow:0 20px 50px #b45b7b33;min-height:300px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;position:relative;z-index:2}.brand{font-weight:800;font-size:18px;color:var(--deep)}.icon-actions{display:flex;gap:10px}.icon-btn{border:0;border-radius:16px;background:#fff8efdd;color:var(--deep);font-size:22px;width:48px;height:48px;box-shadow:0 8px 18px #8b4a5d22}.hero-content{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:235px}.hero-text{padding:4px 0 28px 22px;position:relative;z-index:2}.eyebrow{font-size:18px;font-weight:700;letter-spacing:.5px}.hero-text h1{font-family:Georgia,serif;font-size:52px;line-height:.98;margin:10px 0;color:var(--pink);text-shadow:0 2px 0 #fff}.subline{font-weight:700;color:#8c4c68}.hero-img{width:100%;height:260px;object-fit:cover;object-position:68% 12%;border-bottom-left-radius:45px;mask-image:linear-gradient(90deg,transparent 0%,#000 24%)}.stats-card,.progress-card,.share-card,.mala-card{background:var(--card);border:1px solid #f1cb94;border-radius:24px;box-shadow:0 14px 30px #96506322;backdrop-filter:blur(10px)}.stats-card{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:-22px 12px 18px;position:relative;z-index:3;overflow:hidden}.stats-card div{padding:18px 10px;text-align:center;background:#fff9ed99}.stats-card span{display:block;font-size:32px;font-weight:900;color:var(--deep)}.stats-card small{display:block;font-weight:800}.progress-card{padding:16px;margin:0 0 18px}.target-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:800}.target-row select,.speed-card select{border:0;background:#fff;border-radius:12px;padding:10px;font-weight:800;color:var(--deep)}.bar{height:12px;background:#f7d8c3;border-radius:99px;overflow:hidden;margin-top:14px}.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--gold));border-radius:99px;transition:.3s}.progress-card p{margin:8px 0 0;font-weight:700}.jap-section{position:relative;display:grid;grid-template-columns:96px 1fr 96px;align-items:center;gap:12px;margin:22px 0}.side-controls{display:flex;flex-direction:column;gap:12px}.mini-card{min-height:78px;border:1px solid #edc88d;background:#fff8ed;border-radius:22px;box-shadow:0 8px 20px #87516022;color:var(--deep);font-size:13px;font-weight:900;padding:8px 6px;text-align:center}.mini-card span{display:block;font-size:28px}.jap-btn{width:min(74vw,330px);aspect-ratio:1;border:0;border-radius:50%;margin:auto;background:radial-gradient(circle at 35% 30%,#ff8db6,#d93b7d 62%,#9a285c);color:white;box-shadow:0 0 0 10px #fff3,0 0 0 18px #e8b86655,0 22px 45px #96365d55,inset 0 -12px 20px #7c1d45aa;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.jap-btn:before{content:"";position:absolute;inset:-20px;background:conic-gradient(from 0deg,transparent,#fff7,transparent 30%);animation:spin 5s linear infinite}.jap-btn strong,.jap-btn small,.lotus{position:relative;z-index:1}.jap-btn strong{font-size:42px;text-shadow:0 3px 8px #5d1335}.jap-btn small{font-size:15px;font-weight:800;margin-top:8px}.lotus{font-size:32px;color:#ffe8a3}.jap-btn.tap{transform:scale(.96)}@keyframes spin{to{transform:rotate(360deg)}}.mala-card{text-align:center;padding:14px;margin-bottom:18px}.mala-ring{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;max-width:330px;margin:0 auto 10px}.bead{width:14px;height:14px;border-radius:50%;background:#d7b184;margin:auto;box-shadow:inset -2px -2px 3px #7b4b24}.bead.active{background:linear-gradient(#ff77ad,#c52d72);box-shadow:0 0 8px #d94483}.mala-card p{font-weight:900;margin:8px}.share-card{padding:16px;margin-bottom:20px}.share-card h2{margin:0 0 6px;font-size:22px;color:var(--deep)}.share-card p{font-weight:700}.share-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.share-actions button{border:0;border-radius:18px;background:#fff;color:var(--deep);padding:15px 8px;font-weight:900;box-shadow:0 8px 18px #854d6120}button{cursor:pointer}button:active{transform:scale(.98)}
@media(max-width:560px){.app{padding:0 0 88px}.hero-card{border-radius:0 0 28px 28px}.hero-content{grid-template-columns:1fr;min-height:360px}.hero-text{padding:4px 18px 0}.hero-text h1{font-size:48px}.hero-img{height:225px;object-position:60% 10%;mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent)}.stats-card{margin:-16px 10px 14px}.stats-card span{font-size:26px}.progress-card,.share-card,.mala-card{margin-left:10px;margin-right:10px}.jap-section{grid-template-columns:1fr;gap:16px}.left-controls,.right-controls{display:grid;grid-template-columns:repeat(3,1fr);padding:0 10px;order:2}.right-controls{order:3}.jap-btn{order:1;width:285px}.mini-card{min-height:72px}.jap-btn strong{font-size:36px}.share-actions{grid-template-columns:1fr}.topbar{padding:14px}.icon-btn{width:42px;height:42px}}