/* Chitta intro: page-scope fonts (fonts do not load from shadow roots) and the Replay button */
@font-face{font-family:"CI";src:url(/assets/chitta-intro-v5-font0.woff2) format("woff2");font-weight:100 900;font-display:block}
@font-face{font-family:"CG";src:url(/assets/chitta-intro-v5-font1.woff2) format("woff2");font-weight:300 700;font-display:block}
@font-face{font-family:"DV";src:url(/assets/chitta-intro-v5-font2.woff2) format("woff2");font-weight:400 600;font-display:block}
@font-face{font-family:"CS";src:url(/assets/chitta-intro-v5-font3.woff2) format("woff2");font-weight:300 700;font-display:block}
.avi-replay{display:inline-flex;align-items:center;gap:.5em;margin-top:.9rem;padding:.55em 1.1em;font:inherit;font-size:.92rem;color:inherit;background:transparent;border:1px solid rgba(155,92,255,.55);border-radius:999px;cursor:pointer}
.avi-replay:hover{background:rgba(155,92,255,.14)}
.avi-replay:focus-visible{outline:2px solid #9b5cff;outline-offset:3px}
/* intro host: laptop-screen layer and the floating Replay tab */
.avi-mini-dock{position:relative}
.avi-mini:focus-visible{outline:2px solid #ffc94d;outline-offset:-3px}
.avi-float{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:60;display:flex;align-items:center;gap:.45em;padding:.55em .8em .55em .65em;font:500 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.03em;color:#efe6ff;background:rgba(18,12,30,.72);border:1px solid rgba(201,166,255,.38);border-right:0;border-radius:999px 0 0 999px;box-shadow:0 6px 24px rgba(0,0,0,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:.82;transition:opacity .2s,background .2s,padding .2s}
.avi-float:hover,.avi-float:focus-visible{opacity:1;background:rgba(60,30,100,.85)}
.avi-float:focus-visible{outline:2px solid #ffc94d;outline-offset:2px}
.avi-float[hidden]{display:none}
.avi-float-ic{display:block;width:20px;height:20px}.avi-float-ic svg{display:block;width:20px;height:20px}
@media (max-width:760px){.avi-float{padding:.5em .55em .5em .6em}.avi-float-tx{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media print{.avi-float{display:none}}

.avi-sound{position:fixed;right:0;top:calc(50% + 26px);z-index:60;display:flex;align-items:center;justify-content:center;width:44px;height:38px;padding:0 6px 0 4px;color:#efe6ff;background:rgba(18,12,30,.72);border:1px solid rgba(201,166,255,.38);border-right:0;border-radius:999px 0 0 999px;box-shadow:0 6px 24px rgba(0,0,0,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:.82;transition:opacity .2s,background .2s}
.avi-sound svg{width:20px;height:20px;display:block}.avi-sound-ic{display:block}
.avi-sound.avi-sound-fresh{width:auto;gap:.45em;padding:0 .8em 0 .65em;font:500 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.03em;opacity:.95;animation:aviPulse 2.4s ease-in-out 3}
@keyframes aviPulse{50%{box-shadow:0 0 0 6px rgba(201,166,255,.18),0 6px 24px rgba(0,0,0,.35)}}
@media (prefers-reduced-motion:reduce){.avi-sound.avi-sound-fresh{animation:none}}
.avi-sound:hover,.avi-sound:focus-visible{opacity:1;background:rgba(60,30,100,.85)}
.avi-sound:focus-visible{outline:2px solid #ffc94d;outline-offset:2px}
.avi-sound[aria-pressed="true"]{color:#c9a6ff}
.avi-sound[hidden]{display:none}
@media print{.avi-sound{display:none}}
.avi-track{position:fixed;right:46px;top:calc(50% + 26px);z-index:60;height:38px;display:flex;align-items:center;gap:.3em;padding:0 .7em;font:600 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:#efe6ff;background:rgba(18,12,30,.72);border:1px solid rgba(201,166,255,.38);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:.82}
.avi-track:hover,.avi-track:focus-visible{opacity:1;background:rgba(60,30,100,.85)}.avi-track:focus-visible{outline:2px solid #ffc94d;outline-offset:2px}.avi-track[hidden]{display:none}
@media print{.avi-track{display:none}}
/* v6: one round, glowing music button on every device (desktop: under the side Replay tag; phones: bottom-right, safe-area aware) */

 .avi-sound{top:auto;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(92px + env(safe-area-inset-bottom,0px));width:56px;height:56px;padding:0;border:1px solid rgba(201,166,255,.5);border-radius:50%;opacity:1;
  background:radial-gradient(circle at 35% 30%,rgba(155,92,255,.55),rgba(18,12,30,.9) 70%);box-shadow:0 6px 22px rgba(0,0,0,.45),0 0 0 0 rgba(201,166,255,.0);
  transition:width .35s ease,border-radius .35s ease,background .35s ease,box-shadow .35s ease,transform .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 .avi-sound:active{transform:scale(.94)}
 .avi-sound svg{width:26px;height:26px;transition:transform .35s ease}
 .avi-sound.avi-sound-fresh{width:56px;padding:0;gap:0;animation:aviGlow 2.2s ease-in-out infinite}
 .avi-sound.avi-sound-fresh .avi-sound-tx{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;font:600 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.03em;color:#1a1030;background:#ffc94d;padding:.55em .8em;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.35);pointer-events:none;animation:aviHint 2.2s ease-in-out infinite}
 .avi-sound.avi-sound-fresh .avi-sound-tx::after{content:"";position:absolute;right:-5px;top:50%;margin-top:-5px;border:5px solid transparent;border-right:0;border-left-color:#ffc94d}
 .avi-sound[aria-pressed="true"]{background:rgba(18,12,30,.88);color:#c9a6ff}
 .avi-sound[aria-pressed="false"]{background:radial-gradient(circle at 35% 30%,rgba(255,201,77,.35),rgba(18,12,30,.9) 70%)}
 @keyframes aviGlow{0%,100%{box-shadow:0 6px 22px rgba(0,0,0,.45),0 0 0 0 rgba(201,166,255,.45)}50%{box-shadow:0 6px 22px rgba(0,0,0,.45),0 0 0 12px rgba(201,166,255,0)}}
 @keyframes aviHint{0%,100%{transform:translate(0,-50%)}50%{transform:translate(-4px,-50%)}}

.avi-sound{top:calc(50% + 34px);bottom:auto;right:calc(14px + env(safe-area-inset-right,0px))}
@media (max-width:760px),(pointer:coarse) and (max-width:1024px){.avi-sound{top:auto;bottom:calc(92px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){.avi-sound.avi-sound-fresh,.avi-sound.avi-sound-fresh .avi-sound-tx{animation:none!important}}