/* Risal Glass · Встреча (Meeting) — overlay inside the live phone.
   Uses the Glass tokens and the app's own components (.glass, .btn.icon, .chip, .segm, .lgroup/.lrow, .switch, .c7-sheet, .tool, .snackbar).
   Only layout that the app does not have lives here, all under .mtg / .mtg-*. */
.mtg{position:absolute;inset:0;z-index:58;overflow:hidden;color:var(--white);
  background:linear-gradient(180deg,var(--plum-top,oklch(0.52 0.13 298)) 0%,var(--violet-700) 26%,var(--plum-mid,oklch(0.36 0.07 312)) 52%,var(--plum-800) 78%,var(--plum-900) 100%);
  transform:translateY(100%);transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.mtg.open{transform:none}
.mtg .bg{position:absolute;inset:0;pointer-events:none}
.mtg .status{position:relative;z-index:8}
.mtg-page{position:absolute;inset:50px 0 0;display:flex;flex-direction:column;padding:0 18px 30px;overflow:hidden;transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.mtg-page[hidden]{display:flex;opacity:0;pointer-events:none;transform:translateX(24px)}
.mtg-nav{display:flex;align-items:center;gap:10px;margin-top:4px}
.mtg-nav .t{flex:1;min-width:0}
.mtg-nav small{display:block;font:500 var(--fs-xs) var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}
.mtg-nav h3{margin:2px 0 0;font:500 var(--fs-lg) var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtg-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;margin-top:12px;padding-bottom:90px}
.mtg-scroll::-webkit-scrollbar{display:none}
.mtg .chip svg{width:14px;height:14px}

/* start */
.mtg-start{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:14px}
.mtg-rec{position:relative;width:132px;height:132px;display:grid;place-items:center;margin:4px 0}
.mtg-rec::before,.mtg-rec::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--rose-300);opacity:0;animation:mtgRing 2.4s ease-out infinite;pointer-events:none}
.mtg-rec::after{animation-delay:1.2s}
@keyframes mtgRing{0%{opacity:.7;transform:scale(.82)}100%{opacity:0;transform:scale(1.35)}}
.mtg-rec b{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,var(--rose-300),var(--rose-500) 70%);border:4px solid var(--rose-200);box-shadow:0 20px 40px -12px var(--rose-500),inset 0 2px 0 oklch(1 0 0 / .4);transition:transform .15s}
.mtg-rec:active b{transform:scale(.94)}
.mtg-rec b i{width:30px;height:30px;border-radius:50%;background:#fff}
.mtg-start h2{margin:8px 0 0;font:400 var(--fs-2xl) var(--sans);letter-spacing:-.03em}
.mtg-start p{margin:4px 0 0;font-size:var(--fs-sm);color:var(--ink-3)}
.mtg-hint{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-lg);margin-top:14px;text-align:start;font-size:var(--fs-sm)}
.mtg-hint .ri{width:32px;height:32px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none;background:color-mix(in oklch,var(--violet-400) 40%,transparent)}
.mtg-hint .x{flex:1;min-width:0}.mtg-hint b{display:block;font-weight:600;font-size:var(--fs-base)}.mtg-hint small{color:var(--ink-3);font-size:var(--fs-sm);line-height:1.35}
.mtg-lp{padding:12px 0 14px;border-top:1px solid var(--w-08)}
.mtg-lp>b{display:block;font-weight:500;font-size:var(--fs-base)}
.mtg-lp .chips{margin:10px 0 0;padding:0;flex-wrap:wrap;overflow:visible;gap:6px}
.mtg-lp .chip.sel{--cbg:color-mix(in oklch,var(--violet-300) 26%,transparent);--cbd:color-mix(in oklch,var(--violet-200) 60%,transparent);--cfg:var(--violet-100)}
.mtg-lp small{display:block;margin-top:8px;font-size:var(--fs-sm);line-height:1.4;color:var(--ink-3)}
.mtg-foot{margin:12px 6px 0;font-size:var(--fs-sm);line-height:1.45;color:var(--ink-3);text-align:center}

/* live */
.mtg-top{display:flex;align-items:center;gap:10px;margin-top:4px}
.mtg-dot{width:10px;height:10px;border-radius:50%;background:var(--rose-500);box-shadow:0 0 0 4px color-mix(in oklch,var(--rose-500) 30%,transparent);animation:mtgPulse 1.4s ease-in-out infinite;flex:none}
.mtg.paused .mtg-dot{animation:none;background:var(--amber-200);box-shadow:none}
@keyframes mtgPulse{50%{box-shadow:0 0 0 8px color-mix(in oklch,var(--rose-500) 0%,transparent)}}
.mtg-timer{font:400 var(--fs-xl) var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mtg-net{cursor:pointer}
.mtg-meta{display:flex;align-items:center;gap:8px;margin-top:12px}
.mtg-meta .arrow{color:var(--ink-3)}
.mtg-avs{display:flex;margin-inline-start:auto}.mtg-avs .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 var(--fs-xs) var(--sans);color:#fff;box-shadow:0 0 0 2px var(--w-24);margin-inline-start:-8px}.mtg-avs .av:first-child{margin:0}
.av.mtg-me{background:linear-gradient(145deg,var(--violet-300),var(--violet-600))}.av.mtg-f{background:linear-gradient(145deg,var(--amber-200),oklch(0.69 0.14 75))}.av.mtg-n{background:linear-gradient(145deg,var(--mint-200),oklch(0.6 0.13 165))}
.mtg-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;margin:12px 0}
.mtg-wave i{width:4px;border-radius:4px;background:var(--violet-200);height:8px;transition:height .14s}
.mtg.paused .mtg-wave i{height:4px!important;opacity:.5}
.mtg-now{border-radius:var(--r-lg);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;transition:opacity .4s}
.mtg-now .sp{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(165deg,var(--violet-400),var(--violet-600))}
.mtg-now small{display:block;font:500 var(--fs-xs) var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}
.mtg-now p{margin:3px 0 0;font-size:var(--fs-sm);line-height:1.4}
.mtg-subs{position:absolute;left:8px;right:8px;bottom:116px;top:340px;border-radius:var(--r-xl);padding:14px 16px 0;overflow:hidden;
  background:linear-gradient(180deg,color-mix(in oklch,var(--plum-950) 72%,transparent),color-mix(in oklch,var(--plum-950) 88%,transparent));border:1px solid var(--w-12);backdrop-filter:blur(26px)}
.mtg-lines{position:absolute;left:16px;right:16px;top:12px;bottom:12px;-webkit-mask:linear-gradient(0deg,#000 72%,transparent);mask:linear-gradient(0deg,#000 72%,transparent)}
.mtg-ln{position:absolute;left:0;right:0;bottom:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s}
.mtg-ln .who{display:flex;align-items:center;gap:6px;font:600 var(--fs-xs) var(--sans);color:var(--c)}
.mtg-ln .who i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.mtg-ln .who em{font:500 var(--fs-xs) var(--mono);font-style:normal;color:var(--ink-3)}
.mtg-ln .tr{margin:3px 0 0;font-size:var(--fs-xl);line-height:1.28;font-weight:500;letter-spacing:-.01em}
.mtg-ln .tr span{opacity:0;transition:opacity .25s}.mtg-ln .tr span.v{opacity:1}
.mtg-ln .og{margin:4px 0 0;font-size:var(--fs-sm);line-height:1.4;color:var(--ink-3)}
.mtg-subs[data-mode=tr] .og{display:none}
.mtg-subs[data-mode=og] .tr{display:none}.mtg-subs[data-mode=og] .og{font-size:var(--fs-title3,20px);color:var(--white);line-height:1.35}
.mtg-off{position:absolute;left:8px;right:8px;bottom:116px;top:340px;overflow-y:auto;scrollbar-width:none;padding:0 10px}
.mtg-offbox{border-radius:var(--r-lg);padding:14px 16px;background:color-mix(in oklch,var(--amber-200) 12%,transparent);border:1px solid color-mix(in oklch,var(--amber-200) 30%,transparent)}
.mtg-offbox b{display:flex;align-items:center;gap:8px;font-size:var(--fs-base);color:var(--amber-200)}
.mtg-offbox p{margin:6px 0 0;font-size:var(--fs-sm);line-height:1.45;color:var(--ink-2)}
.mtg-part{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-lg);margin-top:8px}
.mtg-part .n{min-width:36px;height:36px;padding:0 6px;border-radius:var(--r-sm);display:grid;place-items:center;font:600 var(--fs-sm) var(--mono);background:var(--w-12);flex:none}
.mtg-part.cur .n{background:var(--rose-500)}
.mtg-part .x{flex:1;min-width:0}.mtg-part b{display:block;font-size:var(--fs-base);font-weight:500}.mtg-part small{font:500 var(--fs-xs) var(--mono);color:var(--ink-3)}
.mtg-part .bar{height:5px;border-radius:var(--r-full);background:var(--w-12);overflow:hidden;margin-top:6px}.mtg-part .bar i{display:block;height:100%;background:var(--rose-300);border-radius:var(--r-full)}
.mtg-queue{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:var(--fs-sm);color:var(--ink-2)}
.mtg-ctrl{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:center;align-items:center;gap:14px;z-index:6}
.mtg-ctrl .btn.icon{--bh:var(--h-lg)}
.mtg-stop{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--rose-500);border:3px solid var(--rose-200);box-shadow:0 14px 30px -10px var(--rose-500);transition:transform .15s}
.mtg-stop:active{transform:scale(.94)}
.mtg-stop i{width:22px;height:22px;border-radius:4px;background:#fff}
.mtg-quote{border-radius:var(--r-lg);padding:12px 14px;margin-top:12px;font-size:var(--fs-base);line-height:1.5;color:var(--ink-2)}
.mtg-quote b{color:var(--white);font-weight:500;background:color-mix(in oklch,var(--violet-400) 30%,transparent);border-radius:4px;padding:0 3px}
.mtg-explain{margin-top:12px;font-size:var(--fs-base);line-height:1.5}
.mtg-explain ul{margin:6px 0 0;padding-inline-start:18px;color:var(--ink-2);font-size:var(--fs-sm)}
.mtg-row2{display:flex;gap:8px;margin-top:16px}.mtg-row2 .btn{flex:1}

/* processing */
.mtg-proc{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:30px}
.mtg-ringw{position:relative;width:120px;height:120px;display:grid;place-items:center}
.mtg-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,var(--violet-300) 80%,var(--amber-200) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:mtgRot 1.3s linear infinite}
@keyframes mtgRot{to{transform:rotate(360deg)}}
.mtg-ringw b{font:300 var(--fs-2xl) var(--sans);letter-spacing:-.03em}
.mtg-proc h3{margin:20px 0 0;font:400 var(--fs-xl) var(--sans)}
.mtg-proc p{margin:6px 0 0;font-size:var(--fs-sm);color:var(--ink-3)}
.mtg-steps{margin-top:22px;border-radius:var(--r-lg);padding:6px 16px;text-align:start;align-self:stretch}
.mtg-step{display:flex;align-items:center;gap:12px;min-height:50px;font-size:var(--fs-base);color:var(--ink-3)}
.mtg-step+.mtg-step{border-top:1px solid var(--w-08)}
.mtg-step .ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--w-12)}
.mtg-step.ok{color:var(--white)}.mtg-step.ok .ic{background:var(--mint-200);color:var(--plum-800)}
.mtg-step.run{color:var(--white)}.mtg-step.run .ic{background:none;border:2px solid var(--violet-300);border-right-color:transparent;animation:mtgRot 1s linear infinite}
.mtg-step small{margin-inline-start:auto;font:500 var(--fs-xs) var(--mono);color:var(--ink-3)}

/* result */
.mtg-res h2{margin:10px 0 0;font:400 var(--fs-2xl)/1.08 var(--sans);letter-spacing:-.03em}
.mtg-res .chips{margin:10px 0 0;padding:0;flex-wrap:wrap;overflow:visible;gap:6px}
.mtg-tabs{margin-top:14px}
.mtg-tldr{border-radius:var(--r-lg);padding:14px 16px;background:linear-gradient(165deg,var(--violet-400),var(--violet-600) 60%,var(--violet-600));border:1px solid var(--w-24)}
.mtg-tldr small{font:500 var(--fs-xs) var(--mono);color:var(--w-80);text-transform:uppercase;letter-spacing:.05em}
.mtg-tldr p{margin:6px 0 0;font-size:var(--fs-base);line-height:1.45}
.mtg-kv{border-radius:var(--r-lg);padding:4px 16px}
.mtg-kv div{display:flex;gap:12px;padding:11px 0;font-size:var(--fs-sm);line-height:1.4}
.mtg-kv div+div{border-top:1px solid var(--w-08)}
.mtg-kv div i{width:8px;height:8px;border-radius:50%;background:var(--c,var(--violet-200));margin-top:5px;flex:none}
.mtg-bot{position:absolute;left:18px;right:18px;bottom:30px;display:flex;gap:8px;z-index:6}
.mtg-bot .btn{flex:1;margin:0}
.mtg-bot[hidden],.mtg-off[hidden],.mtg-subs[hidden]{display:none}
.mtg-task{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--r-lg);margin-bottom:8px;text-align:start;width:100%;color:inherit}
.mtg-task .ck{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--w-48);flex:none;margin-top:1px;display:grid;place-items:center}
.mtg-task.on .ck{background:var(--white);border-color:var(--white);color:var(--violet-700)}
.mtg-task .x{flex:1;min-width:0}.mtg-task b{display:block;font-weight:500;font-size:var(--fs-base);line-height:1.3}
.mtg-task .m{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.mtg-task .mtg-src{display:block;font-size:var(--fs-xs);color:var(--ink-3);margin-top:6px;font-style:italic}
.mtg-player{border-radius:var(--r-lg);padding:12px 14px;display:flex;align-items:center;gap:12px;margin-bottom:6px}
.mtg-player .pl{width:40px;height:40px;border-radius:50%;background:var(--white);color:var(--on-light);display:grid;place-items:center;flex:none}
.mtg-player .tl{flex:1;position:relative;height:30px;display:flex;align-items:center;gap:2px}
.mtg-player .tl i{flex:1;border-radius:2px;background:var(--w-32)}.mtg-player .tl i.p{background:var(--white)}
.mtg-player .flag{position:absolute;top:-6px;width:2px;height:42px;background:var(--amber-200)}
.mtg-player small{font:500 var(--fs-xs) var(--mono);color:var(--ink-3)}
.mtg-bub{margin-top:10px;max-width:92%}
.mtg-bub .who{display:flex;align-items:center;gap:6px;font:600 var(--fs-xs) var(--sans);color:var(--c);margin:0 4px 4px}
.mtg-bub .who em{font:500 var(--fs-xs) var(--mono);font-style:normal;color:var(--ink-3)}
.mtg-bub .b{border-radius:4px var(--r-lg) var(--r-lg) var(--r-lg);padding:10px 14px}
.mtg-bub .og{font-size:var(--fs-base);line-height:1.45}
.mtg-bub .tr{font-size:var(--fs-sm);line-height:1.45;color:var(--ink-2);margin-top:6px;padding-top:6px;border-top:1px solid var(--w-12)}
.mtg-bub.me{margin-inline-start:auto}.mtg-bub.me .b{border-radius:var(--r-lg) 4px var(--r-lg) var(--r-lg);background:linear-gradient(165deg,color-mix(in oklch,var(--violet-400) 55%,transparent),color-mix(in oklch,var(--violet-600) 55%,transparent));border:1px solid var(--w-24)}
.mtg-bub.me .who{justify-content:flex-end}
.mtg-spk{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-lg);margin-bottom:8px}
.mtg-spk .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;font:600 var(--fs-base) var(--sans);color:#fff}
.mtg-spk .q{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;font:600 var(--fs-base) var(--sans);border:2px solid var(--mint-200);color:var(--mint-200)}
.mtg-spk .x{flex:1;min-width:0}.mtg-spk b{display:block;font-weight:500}.mtg-spk small{display:block;font-size:var(--fs-sm);color:var(--ink-3);margin-top:2px}
.mtg-spk.ask{border:1.5px dashed var(--w-32);background:var(--w-04)}
.mtg-spk .chips{margin:8px 0 0;padding:0;flex-wrap:wrap;overflow:visible;gap:6px}
.mtg-send{display:flex;align-items:center;gap:12px;padding:12px 0}
.mtg-send+.mtg-send{border-top:1px solid var(--w-08)}
.mtg-send .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;font:600 var(--fs-sm) var(--sans);color:#fff}
.mtg-send .x{flex:1;min-width:0}.mtg-send b{display:block;font-weight:500}.mtg-send small{font-size:var(--fs-sm);color:var(--ink-3)}
.mtg-preview{border-radius:var(--r-lg);padding:12px 14px;margin-top:10px;font-size:var(--fs-base);line-height:1.6}
.mtg-preview small{display:block;font:500 var(--fs-xs) var(--mono);color:var(--ink-3);margin-bottom:6px;direction:ltr;text-align:start}
.mtg-ar{font-family:"Thmanyah Sans",var(--sans)}

/* archive */
.mtg-search{display:flex;align-items:center;gap:8px;height:44px;border-radius:var(--r-full);padding:0 16px;margin-top:12px;color:var(--ink-3);font-size:var(--fs-base)}
.mtg-item{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r-lg);margin-bottom:8px;width:100%;text-align:start;color:inherit}
.mtg-item .ic{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;flex:none;background:var(--w-12)}
.mtg-item .ic.on{background:color-mix(in oklch,var(--violet-400) 40%,transparent)}
.mtg-item .x{flex:1;min-width:0}.mtg-item b{display:block;font-weight:500;font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtg-item small{display:block;font-size:var(--fs-sm);color:var(--ink-3);margin-top:2px}
.mtg-item .m{display:flex;gap:4px;margin-top:6px}

/* entry points */
.opt.mtg-opt .oi.rec{background:var(--rose-500);color:#fff;border-color:var(--rose-300)}
.mtg-newtag{font:600 var(--fs-xs) var(--mono);letter-spacing:.06em;padding:2px 6px;border-radius:var(--r-full);background:var(--white);color:var(--violet-700);margin-inline-start:6px;vertical-align:1px}
.tool.mtg-tool .tli{background:color-mix(in oklch,var(--rose-500) 30%,transparent);color:var(--rose-200)}
.mtg .snackbar{z-index:70}
@media (prefers-reduced-motion:reduce){.mtg *{animation:none!important}}