.jap-shell{max-width:34rem;margin:0 auto;padding:var(--space-md) var(--space-sm) var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.jap-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.jap-bead{position:relative;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.jap-bead>*{grid-area:1 / 1}.jap-bead:focus-visible{outline:2px solid var(--text-gold);outline-offset:6px;border-radius:var(--radius-full)}.jap-bead .wrr-core{padding:0 var(--space-sm)}.jap-name{display:block;font-family:var(--font-native);font-size:var(--text-display-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-gurmukhi);text-shadow:var(--text-halo);pointer-events:none}.jap-bead.is-pulse .wrr-fill{animation:jap-pulse .42s ease-out}@keyframes jap-pulse{0%{filter:drop-shadow(0 0 0 var(--gold-glow-lg))}40%{filter:drop-shadow(0 0 10px var(--gold-glow-lg))}to{filter:drop-shadow(0 0 0 var(--gold-glow-lg))}}@media(prefers-reduced-motion:reduce){.jap-bead.is-pulse .wrr-fill{animation:none}}.jap-count{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-gold);letter-spacing:.02em}.jap-kept-slot:empty{display:none}.jap-hint{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.jap-mala{margin:0;color:var(--text-roman);font-size:var(--text-base);letter-spacing:.02em}.jap-kept{border:1px solid var(--gold-glow);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--panel-essence)}.jap-kept-title{margin:0;color:var(--text-gold);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.jap-kept-line{margin:var(--space-2xs) 0 0;color:var(--text-secondary);font-size:var(--text-base)}.jap-streak{margin:var(--space-xs) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.jap-vow{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.jap-vow-label{display:block;color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:.09em;text-transform:uppercase}.jap-vow-num,.jap-vow-set{background:none;border:1px solid var(--gold-glow);border-radius:var(--radius-full);color:var(--text-gold);padding:var(--space-2xs) var(--space-sm);font-family:inherit;font-size:var(--text-lg);font-weight:var(--weight-semibold);cursor:pointer}.jap-vow-num:hover,.jap-vow-set:hover{background:var(--gold-glow)}.jap-vow-none{margin:0;color:var(--text-muted);font-size:var(--text-sm);max-width:var(--measure);line-height:var(--leading-normal)}.jap-reset{background:none;border:0;color:var(--text-muted);font-family:inherit;font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.jap-reset:hover{color:var(--text-secondary)}.jap-reset.is-armed{color:var(--text-gold);text-decoration:none}.jap-guest{margin:0;color:var(--text-muted);font-size:var(--text-sm);max-width:var(--measure)}.jap-vow-input{width:100%;margin:var(--space-sm) 0;padding:var(--space-xs) var(--space-sm);background:hsl(var(--surface-raised) / .6);border:1px solid var(--gold-glow);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--text-xl);text-align:center}.jap-vow-actions{display:flex;gap:var(--space-xs);justify-content:flex-end}.jap-btn{background:var(--gold-glow);border:1px solid var(--gold-glow-lg);border-radius:var(--radius-full);color:var(--text-gold);padding:var(--space-2xs) var(--space-md);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer}.jap-btn:hover{background:var(--gold-glow-lg)}.jap-btn.secondary{background:none;border-color:hsl(var(--ink-hi) / .14);color:var(--text-muted);font-weight:var(--weight-regular)}.jap-btn.secondary:hover{color:var(--text-secondary);background:none}@media(max-width:480px){.jap-name{font-size:var(--text-4xl)}}
