/* Planetary mantra compact mala. Additive rules only: approved header, logo,
   landscape, back button, bottom nav and other pages remain untouched. */
#screen .ritual-page .planet-mala{margin:17px 0 12px;padding:15px 3px 10px;border-top:1px solid #e9e2ed;max-width:100%;color:#60456f}
#screen .ritual-page .pm-heading{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;margin-bottom:12px}
#screen .ritual-page .pm-label{font:400 22px/1.2 Georgia,'Palatino Linotype',serif;color:#563765}
#screen .ritual-page .pm-heading-note{font:400 12px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;color:#86788d}
#screen .ritual-page .pm-goals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #e5dcea;border-radius:99px;background:#f1edf4;max-width:290px;margin:0 auto}
#screen .ritual-page .pm-goals button{display:block;border:0;border-radius:99px;background:transparent!important;min-width:0;min-height:39px;margin:0;padding:7px 0;color:#796189;font:400 16px/1.2 Georgia,'Palatino Linotype',serif;box-shadow:none!important;cursor:pointer}
#screen .ritual-page .pm-goals button.active{color:#fff!important;background:#9680a8!important;box-shadow:0 2px 7px #6b507321!important}
#screen .ritual-page .pm-ring{position:relative;isolation:isolate;width:210px;height:210px;margin:8px auto 1px;touch-action:manipulation}
#screen .ritual-page .pm-string{position:absolute;inset:12.3%;border:1.5px solid #d8c7d3;border-radius:50%;box-shadow:0 0 0 2px #ffffff5e;pointer-events:none}
#screen .ritual-page .pm-bead{position:absolute;z-index:2;left:var(--pm-x);top:var(--pm-y);width:44px;height:44px;padding:4px;transform:translate(-50%,-50%);border:0!important;box-shadow:none!important;background:transparent!important;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#screen .ritual-page .pm-bead span{display:block;width:33px;height:33px;border-radius:50%;border:1px solid #e2d7e0;position:relative;background:radial-gradient(circle at 28% 24%,#ffffff 2%,#faf7f9 25%,#f0e9f0 57%,#e2d8e4 100%);box-shadow:inset -3px -4px 7px #937fa120,inset 2px 2px 5px #ffffff,0 2px 5px #76638724;transition:background .17s ease,box-shadow .17s ease}
#screen .ritual-page .pm-bead span::after{content:'';position:absolute;top:18%;left:21%;height:20%;width:28%;border-radius:50%;background:#ffffff9c;filter:blur(2px);transform:rotate(-20deg)}
#screen .ritual-page .pm-bead.pm-filled span{background:radial-gradient(circle at 30% 22%,#eddef2 2%,#c6add2 32%,#9776ac 69%,#78598f 100%);border-color:#b599c6;box-shadow:inset -4px -4px 8px #57316a4a,inset 2px 2px 6px #fff6,0 3px 8px #7e5c9652}
#screen .ritual-page .pm-bead:focus-visible{outline:2.5px solid #765b8e!important;outline-offset:1px;border-radius:50%}
#screen .ritual-page .pm-bead:disabled{cursor:default;opacity:1}
#screen .ritual-page .pm-count{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58%;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;text-align:center;color:#563663}
#screen .ritual-page .pm-count strong{font:400 31px/1.1 Georgia,'Palatino Linotype',serif;white-space:nowrap;font-variant-numeric:tabular-nums}
#screen .ritual-page .pm-count strong small{font-size:17px;font-weight:400}
#screen .ritual-page .pm-count span{font:400 12px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif;color:#92809c}
#screen .ritual-page .pm-controls{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:9px}
#screen .ritual-page .pm-control,#screen .ritual-page .pm-complete{border-radius:22px!important;padding:10px 12px;min-width:0;min-height:39px;font:400 12px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:none!important;cursor:pointer}
#screen .ritual-page .pm-control{background:#f6f3f8!important;border:1px solid #e5dce9!important;color:#785e89!important}
#screen .ritual-page .pm-complete{background:#9680a8!important;color:#fff!important;border:1px solid #9680a8!important}
#screen .ritual-page .pm-control:disabled{opacity:.44;cursor:default}
#screen .ritual-page .pm-status{font:400 11.5px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif;color:#87778f;text-align:center;margin:10px 3px 0}
@media(max-width:360px){#screen .ritual-page .pm-ring{width:194px;height:194px}#screen .ritual-page .pm-bead{width:42px;height:42px}#screen .ritual-page .pm-bead span{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){#screen .ritual-page .pm-bead span{transition:none}}

/* v0.96.4: completion is visible; gentle quick jumps preserve the order of approved sections. */
#screen .ritual-page .pm-achievement{width:fit-content;max-width:100%;margin:12px auto 3px;padding:8px 15px;border-radius:99px;border:1px solid #dcd0e5;background:#f3eef7;color:#684b80;text-align:center;font:600 12px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif}
#screen .ritual-page .ritual-shortcuts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 0 13px}
#screen .ritual-page .ritual-shortcut{border:1px solid #e4d8e9!important;background:#f6f1f9!important;color:#684f79!important;border-radius:99px!important;font:500 12px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif;padding:10px 12px;min-height:40px;box-shadow:none!important;cursor:pointer}
#screen .ritual-page #ritual-daily-mantra,#screen .ritual-page #ritual-mantra-library{scroll-margin-top:16px}

/* v0.96.5: own mantras display their mala only on demand; original bead design retained. */
#screen .ritual-page .ritual-mala-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:12px 0 3px;padding:10px 13px;border-radius:16px!important;background:#f5f0f8!important;border:1px solid #e5d9ea!important;color:#694c7b!important;font:500 13px/1.35 system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:none!important;cursor:pointer}
#screen .ritual-page .ritual-mala-toggle .ritual-mala-summary{margin-left:auto;color:#8b749b;font-weight:400}
#screen .ritual-page .ritual-personal-mala{padding:0 3px 7px}
#screen .ritual-page .ritual-personal-mala .planet-mala{margin-top:10px}
#screen .ritual-page .ritual-mala-toggle:focus-visible{outline:2px solid #8865a3;outline-offset:2px}