:root{--dark:#060403;--ink:#efe4d2;--ink-soft:#efe4d2b8;--ink-faint:#efe4d270;--rule:#efe4d224;--lamp:#e9b46a;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--deva:"Tiro Devanagari Sanskrit", "Noto Serif Devanagari", "Kohinoor Devanagari", serif;--gutter:clamp(16px, 3vw, 36px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}html{background:var(--dark);-webkit-text-size-adjust:100%;touch-action:manipulation}body{background:var(--dark);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.55;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:1px solid var(--lamp);outline-offset:4px;border-radius:2px}::selection{background:#e9b46a4d}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#stage{touch-action:manipulation;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>:not(.dock),.dock>*{pointer-events:auto}.dock .ring{pointer-events:none}.dock .mala .bead{pointer-events:auto}.no-ui #ui{display:none}.topbar{padding:calc(18px + env(safe-area-inset-top)) var(--gutter) 10px;justify-content:space-between;align-items:baseline;gap:16px;transition:opacity 1.2s;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:inherit;flex-wrap:wrap;align-items:baseline;gap:12px;text-decoration:none;display:flex}.brand-name{font-family:var(--serif);letter-spacing:.01em;font-size:22px;font-weight:500}.brand-sub{font-family:var(--serif);color:var(--ink-faint);font-size:16px;font-style:italic}.nav{color:var(--ink-soft);gap:clamp(14px,2.2vw,26px);font-size:13.5px;display:flex}.nav button{border-bottom:1px solid #0000;padding:4px 0;transition:color .2s,border-color .2s}.nav button:hover{color:var(--ink);border-bottom-color:var(--rule)}.places{position:absolute;inset:0;pointer-events:none!important}.places-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.place-line{stroke:#efe4d24d;stroke-width:1px;fill:none}.place-dot{fill:#efe4d28c}.place{white-space:nowrap;opacity:.78;line-height:1.15;transition:opacity .4s;position:absolute;top:0;left:0}.place.left{text-align:right}.place-name{font-family:var(--serif);color:var(--ink);font-size:17px;display:block}.place-name:before{content:"";background:var(--c);vertical-align:2px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.place.left .place-name:before{display:none}.place.left .place-name:after{content:"";background:var(--c);vertical-align:2px;border-radius:50%;width:7px;height:7px;margin-left:7px;display:inline-block}.place-where{color:var(--ink-soft);font-size:12.5px;display:block}.place-short{display:none}.place.compact .place-name{font-size:14px;display:inline}.place.compact .place-where{display:none}.place.compact .place-short{color:var(--ink-soft);font-size:11.5px;display:inline}.place.compact .place-short:before{content:"·";margin:0 5px}.place.on{opacity:1}.place.on .place-name{color:#fff3dc}.place.on .place-where{color:var(--ink)}.viewpanel{left:var(--gutter);top:calc(var(--top-h,58px) + 6px);pointer-events:auto;width:250px;position:absolute}.viewpanel-title{font-family:var(--serif);color:var(--ink-soft);margin:0 0 8px;font-size:17px;font-style:italic;font-weight:400}.viewpanel-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.viewpanel-choices button{border:1px solid var(--rule);color:var(--ink-soft);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 9px;font-size:14px;transition:border-color .2s,color .2s,background .2s;display:flex}.viewpanel-choices button:hover{color:var(--ink);border-color:#efe4d24d}.viewpanel-choices button[aria-checked=true]{color:var(--ink);border-color:var(--lamp);background:#e9b46a14}.viewpanel-choices svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px}.viewpanel-choices svg .frame{stroke-width:1.2px;opacity:.6}.viewpanel-choices svg .dot{fill:currentColor;stroke:none}.viewpanel-choices svg .spine{stroke:var(--lamp)}.viewpanel-now{color:var(--ink-faint);margin:12px 0 2px;font-size:13px}.viewpanel-now strong{color:var(--ink);font-size:15px;font-weight:500}.viewpanel-body{font-family:var(--serif);color:var(--ink);margin:0;font-size:17.5px;line-height:1.4}.viewpanel-body .short{display:none}.bigletter{left:var(--gutter);top:calc(var(--vp-bottom,300px) + 10px);text-align:center;width:270px;position:absolute;pointer-events:none!important}.bigletter p{margin:0}.bl-deva{font-family:var(--deva);color:#fbf4e8;white-space:nowrap;font-size:clamp(52px,8.4vh,84px);line-height:1.2}.bl-iast{font-family:var(--serif);color:var(--ink-soft);font-size:clamp(20px,2.8vh,28px);font-style:italic;line-height:1.2}.bl-alt{border-top:1px solid var(--rule);margin-top:clamp(10px,2vh,20px);padding-top:clamp(8px,1.6vh,14px)}.bl-lead{font-family:var(--serif);color:var(--ink-faint);font-size:15px;font-style:italic}.bl-alt-deva{font-family:var(--deva);color:#fbf4e8;font-size:clamp(24px,3.4vh,32px);line-height:1.35;margin-top:2px!important}.bl-alt-iast{font-family:var(--serif);color:var(--ink-soft);font-size:clamp(16px,2.2vh,20px);font-style:italic;line-height:1.3}.bigletter .m{color:var(--lamp)}.bigletter.no-mantra .m{color:var(--ink-faint);font-style:italic}.bl-set{pointer-events:auto;color:var(--ink-soft);border-bottom:1px solid var(--rule);margin-top:8px;padding:2px 0;font-size:12.5px}.bl-set:hover{color:var(--ink)}.bigletter:not(.no-mantra) .bl-set,.bigletter[data-script=iast] .bl-deva,.bigletter[data-script=iast] .bl-alt-deva{display:none}.bigletter[data-script=iast] .bl-iast{color:#fbf4e8;font-size:clamp(40px,7vh,64px);font-style:normal}.bigletter[data-script=iast] .bl-alt-iast{color:#fbf4e8;font-size:clamp(20px,2.8vh,26px);font-style:normal}html:not(.wide) .bigletter,.learning .bigletter{display:none}html:has(.intro:not([hidden])) .bigletter{display:none}.forms-line{font-family:var(--deva);color:var(--ink-soft);text-align:center;max-width:92vw;margin:2px 0 0;font-size:15px}.forms-line .lead{font-family:var(--serif);color:var(--ink-faint);font-style:italic}.forms-line:empty,.wide:not(.short-land) .forms-line{display:none}.dock{padding:18px var(--gutter) calc(12px + env(safe-area-inset-bottom));pointer-events:none;--ring:min(212px, 25vh, 58vw);background:linear-gradient(#06040300,#060403f7 18%);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.wide .dock{width:min(460px,38vw);padding:70px var(--gutter) 28px 0;--ring:min(360px, 32vw, 58vh);background:0 0;justify-content:center;top:0;left:auto}.ring{width:var(--ring);height:calc(var(--ring) * 1.06);position:relative;container-type:inline-size}.mala{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mala-cord{fill:none;stroke:#efe4d21a;stroke-width:.5px}.bead{fill:#3a2d23;stroke:#efe4d229;stroke-width:.45px;cursor:pointer;transition:fill .6s}.bead:hover{stroke:var(--ink-soft)}.bead.done{fill:#b88f58;stroke:none}.bead.now{fill:#f5dfb2;stroke:none}.bead-ring{fill:none;stroke:var(--lamp);stroke-width:.7px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transform-box:fill-box;transform-origin:50%;transform:rotate(-90deg)}.bead-ring.flowing{opacity:.9}.meru path{fill:none;stroke:#8a6a42;stroke-width:1.1px;stroke-linecap:round}.meru circle{fill:#4a3a2c;stroke:#efe4d238;stroke-width:.5px}.meru.done circle{fill:#e2c38d}.recite{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:14% 16% 20%}.recite p{margin:0}.recite-deva{font-family:var(--deva);color:var(--ink);font-size:15cqw;line-height:1.2}.recite-iast{font-family:var(--serif);color:var(--ink-soft);font-size:7.4cqw;font-style:italic;line-height:1.2;margin-top:.3em!important}.recite[data-script=iast] .recite-deva{display:none}.recite[data-script=iast] .recite-iast{color:var(--ink);font-size:12cqw;font-style:normal}.recite.turn .recite-deva,.recite.turn .recite-iast{animation:.7s both turn}.recite.is-message .recite-iast{color:var(--ink);font-size:8.5cqw;font-style:normal}@keyframes turn{0%{opacity:.2}to{opacity:1}}.recite-below{text-align:center;margin-top:2px}.recite-below p{margin:0}.recite-meta{color:var(--ink-faint);flex-wrap:wrap;justify-content:center;gap:0 12px;min-height:1.6em;font-size:12.5px;display:flex}.recite-meta span+span:before{content:"·";color:var(--ink-faint);margin-right:12px}.recite-meta .dot{background:var(--c);border-radius:50%;align-self:center;width:7px;height:7px;margin-right:-4px}.recite-meta .dot+span:before{content:none}.recite-phase{font-family:var(--serif);color:var(--lamp);opacity:0;max-width:34ch;min-height:1.4em;font-size:16px;font-style:italic;transition:opacity 1.4s;margin:2px auto 0!important}.recite-phase.on{opacity:.9}.transport{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:6px;font-size:14px;transition:opacity 1.2s;display:flex}.transport .step{font-family:var(--serif);width:40px;height:40px;color:var(--ink-soft);font-size:28px;line-height:1}.transport .step:hover:not(:disabled){color:var(--ink)}.transport .main{min-width:120px;color:var(--ink);border-bottom:1px solid var(--lamp);padding:8px 18px;font-size:15px}.pace{justify-content:center;align-items:center;gap:16px;width:100%;font-size:13px;display:flex}.seg button{color:var(--ink-faint);padding:4px 6px}.seg button[aria-checked=true]{color:var(--ink);border-bottom:1px solid var(--rule)}.tempo{color:var(--ink-soft);align-items:center;gap:8px;display:flex}.tempo button{width:24px;height:24px;color:var(--ink-soft);font-size:16px}.tempo-value{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2em}.intro{bottom:0;left:0;right:0;top:var(--vp-bottom,0px);padding:40px var(--gutter) calc(28px + env(safe-area-inset-bottom));background:linear-gradient(#06040300,#060403f5 38%);place-items:end center;display:grid;position:absolute;overflow-y:auto}.intro-inner{text-align:center;max-width:580px}.wide .intro{top:var(--top-h,58px);width:min(520px,40vw);padding:20px var(--gutter) 40px 0;background:0 0;place-items:center start;left:auto}.wide .intro-inner{text-align:left}.wide .intro-actions{align-items:flex-start}.wide .intro-sit{margin-left:0}.intro h1{font-family:var(--serif);margin:0 0 22px;font-size:clamp(40px,5.2vw,68px);font-weight:500;line-height:1}.intro-lede{font-family:var(--serif);color:var(--ink);margin:0 0 14px;font-size:clamp(19px,2vw,22px);line-height:1.5}.intro-sit{color:var(--ink-soft);max-width:470px;margin:0 auto 30px;font-size:14.5px}.intro-actions{flex-direction:column;align-items:center;gap:14px;font-size:15px;display:flex}.intro-actions button{color:var(--ink-soft);border-bottom:1px solid #0000;padding:4px 0}.intro-actions button:hover{color:var(--ink);border-bottom-color:var(--rule)}.intro-credit{margin:26px 0 0;font-size:12.5px}.intro-credit a,.sheet-keys a{color:var(--ink-faint);text-underline-offset:3px}.intro-actions .primary{color:var(--ink);border-bottom-color:var(--lamp);padding:8px 4px;font-size:17px}html:has(.intro:not([hidden])) .dock{visibility:hidden}.sheet{width:min(380px,100vw);padding:calc(22px + env(safe-area-inset-top)) 28px 28px;border-left:1px solid var(--rule);background:#0d0907;font-size:14.5px;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.sheet h2{font-family:var(--serif);margin:0;font-size:26px;font-weight:500}.sheet .close{color:var(--ink-soft);font-size:13px}.sheet fieldset{border:0;border-top:1px solid var(--rule);margin:0;padding:14px 0 16px}.sheet legend{font-family:var(--serif);color:var(--ink-soft);padding:0 0 6px;font-size:17px;font-style:italic}.sheet label{color:var(--ink);align-items:center;gap:10px;padding:4px 0;display:flex}.sheet label.field{color:var(--ink-soft);flex-direction:column;align-items:stretch;gap:6px;font-size:13px}.sheet input[type=text]{font:inherit;font-family:var(--serif);color:var(--ink);border:0;border-bottom:1px solid var(--rule);background:0 0;padding:4px 0;font-size:18px}.sheet input[type=text]:focus{border-bottom-color:var(--lamp);outline:none}.sheet input[type=radio],.sheet input[type=checkbox],.sheet input[type=range]{accent-color:var(--lamp)}.sheet-actions button{color:var(--ink-soft);border-bottom:1px solid var(--rule);padding:4px 0}.sheet-actions{border-top:1px solid var(--rule);margin:0;padding-top:16px}.sheet-keys{color:var(--ink-faint);margin-top:18px;font-size:12.5px}kbd{font-family:var(--sans);border:1px solid var(--rule);border-radius:3px;padding:0 4px;font-size:11.5px}.learn{top:var(--below-view,0px);width:min(420px,38vw);padding:44px 32px 0 var(--gutter);background:linear-gradient(90deg,#060403f0 70%,#06040300);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;overflow-y:auto}.learn-count{color:var(--ink-faint);font-variant-numeric:tabular-nums;margin:0 0 10px;font-size:12.5px}.learn h2{font-family:var(--serif);margin:0;font-size:clamp(30px,3vw,40px);font-weight:500;line-height:1.05}.learn-deva{font-family:var(--deva);color:var(--ink-soft);margin:6px 0 0;font-size:24px}.learn-body{font-family:var(--serif);color:var(--ink);margin-top:18px;font-size:19px;line-height:1.5}.learn-body p{margin:0 0 12px}.learn-nav{padding:14px 0 calc(22px + env(safe-area-inset-bottom));background:linear-gradient(#06040300,#060403fa 30%);gap:26px;margin-top:auto;font-size:15px;display:flex;position:sticky;bottom:0}.learn-nav button{color:var(--ink-soft);padding:6px 0}.learn-nav .primary{color:var(--ink);border-bottom:1px solid var(--lamp)}.learn-close{top:14px;left:var(--gutter);color:var(--ink-faint);font-size:13px;position:absolute}.learning .dock{visibility:hidden}.nogl{max-width:520px;padding:0 var(--gutter);pointer-events:auto;margin:18vh auto}.nogl h1{font-family:var(--serif);font-size:44px;font-weight:500}@media (width<=760px){.brand-sub{display:none}.topbar{background:var(--dark);padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:6px}.brand-name{font-size:20px}.viewpanel{width:auto;left:0;right:0;top:var(--top-h,44px);padding:2px var(--gutter) 16px;background:linear-gradient(to bottom, var(--dark) 72%, #06040300)}.viewpanel-title,.viewpanel-now{display:none}.viewpanel-choices{grid-template-columns:1fr 1fr;gap:8px}.viewpanel-choices button{border-radius:9px;flex-direction:row;justify-content:center;gap:8px;padding:7px 6px;font-size:14px}.viewpanel-choices svg{width:22px;height:22px}.viewpanel-body{text-align:center;color:var(--ink-soft);margin-top:6px;font-size:13px;line-height:1.3}.viewpanel-body .long{display:none}.viewpanel-body .short{display:inline}.recite-phase:not(.on){display:none}.place-name{font-size:12.5px}.place-name:before,.place.left .place-name:after{width:5px;height:5px}.place-where{display:none}.place-short{color:var(--ink-soft);font-size:10.5px;display:block}.nav{gap:14px;font-size:13px}.nav [data-act=sound]{display:none}.pace{gap:10px;width:auto}.transport{gap:6px;margin-top:2px}.transport .main{min-width:92px;padding:6px 12px}.dock{padding-top:14px}.recite-phase{font-size:14px}.learn{width:100%;max-height:min(56vh, calc(100% - var(--vp-bottom,0px) - 8px));padding:18px var(--gutter) calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);background:#080604f2;top:auto;overflow-y:auto}.learn-body{font-size:17px}.learn-close{top:18px;left:auto;right:var(--gutter)}}@media (height<=700px) and (width>=761px){.bl-deva{font-size:46px}.bl-iast{font-size:18px}.bl-alt{margin-top:6px;padding-top:6px}.bl-lead,.bl-set{display:none}.bl-alt-deva{font-size:21px}.bl-alt-iast{font-size:15px}.viewpanel{width:214px}.viewpanel-choices button{padding:7px 4px 6px;font-size:13px}.viewpanel-choices svg{width:30px;height:30px}.viewpanel-body{font-size:15px}}@media (height<=700px){.intro h1{margin-bottom:14px;font-size:clamp(34px,4.4vw,52px)}.intro-lede{margin-bottom:10px;font-size:17px;line-height:1.4}.intro-sit{margin-bottom:18px;font-size:13.5px}.intro-actions{gap:8px}.intro-credit{margin-top:14px}.wide .intro{padding-top:70px;padding-bottom:20px}}@media (height<=650px){.viewpanel-body .long{display:none}.viewpanel-body .short{display:inline}}@media (width<=760px) and (height<=700px){.intro h1{margin-bottom:8px;font-size:30px}.intro-lede{font-size:15.5px}.intro-sit{display:none}}.short-land .brand-sub{display:none}.short-land .topbar{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:4px}.short-land .brand-name{font-size:18px}.short-land .nav{gap:14px;font-size:12.5px}.short-land .viewpanel{width:190px;top:calc(var(--top-h,40px) + 2px)}.short-land .viewpanel-title,.short-land .viewpanel-now{display:none}.short-land .viewpanel-choices button{gap:1px;padding:4px 4px 3px;font-size:11.5px}.short-land .viewpanel-choices svg{width:22px;height:22px}.short-land .viewpanel-body{margin-top:6px;font-size:13px;line-height:1.3}.short-land .viewpanel-body .long{display:none}.short-land .viewpanel-body .short{display:inline}.short-land .bigletter{display:none}.short-land .dock{width:min(300px,36vw);padding:44px var(--gutter) 8px 0;--ring:min(200px, 52vh, 30vw);background:linear-gradient(270deg,#060403f2 80%,#06040300)}.short-land .recite-meta{font-size:11px}.short-land .transport{gap:4px;margin-top:2px}.short-land .transport .main{min-width:80px;padding:4px 10px;font-size:14px}.short-land .pace{gap:8px;width:auto}.short-land .forms-line{font-size:13px}.short-land .intro{top:var(--top-h,40px);width:min(380px,46vw);padding:8px var(--gutter) 12px 0}.short-land .intro h1{margin-bottom:6px;font-size:28px}.short-land .intro-lede{margin-bottom:8px;font-size:14px;line-height:1.35}.short-land .intro-sit{display:none}.short-land .intro-actions{gap:4px;font-size:13.5px}.short-land .intro-actions .primary{padding:4px 2px;font-size:15px}.short-land .intro-credit{margin-top:6px}.short-land .learn{width:min(360px,44vw);padding-top:30px}.short-land .learn h2{font-size:24px}.short-land .learn-body{margin-top:8px;font-size:15px}@media (prefers-reduced-motion:reduce){.recite.turn .recite-deva,.recite.turn .recite-iast{animation:none}}
