@font-face{font-family:Anek Tamil;font-style:normal;font-weight:100 800;font-stretch:75% 125%;font-display:swap;src:url(fonts/anek-tamil-tamil.woff2) format("woff2");unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Anek Tamil;font-style:normal;font-weight:100 800;font-stretch:75% 125%;font-display:swap;src:url(fonts/anek-tamil-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215,U+2303,U+21B5,U+2715}.mo-stage{display:grid;place-items:center;container-type:inline-size}.mo-mz .mo-dev{width:clamp(340px,44vw,660px);padding:clamp(36px,6vw,84px) 0;border-radius:16px;background:radial-gradient(80% 70% at 50% 100%,#f1d9a6,#f7f0e3 62%)}.mo-lica .mo-dev,.mo-b365 .mo-dev{width:clamp(250px,25vw,400px);aspect-ratio:4/5;border-radius:16px}.mo-lica .mo-dev{background:#f6f5f2}.mo-b365 .mo-dev{background:radial-gradient(90% 70% at 50% 40%,#1b1b14,#0d0d0a 70%)}@property --mz-spin{syntax:"<angle>"; inherits:false; initial-value:0deg}.mz{--mz-manjal:#f4c430;--mz-manjal-300:#f9dc7c;--mz-mai:#17110e;--mz-kumkum-300:#e5574f;--mz-ease-out:cubic-bezier(.22,1,.36,1);--mz-ease-spring:cubic-bezier(.34,1.56,.64,1);--lvl:0;position:relative;width:min(520px,88%);font-family:"Anek Tamil","Tamil Sangam MN","Nirmala UI",var(--sans);text-align:left;line-height:1.25}.mz-aura{position:absolute;left:12%;right:12%;bottom:-18px;height:70%;border-radius:50%;pointer-events:none;background:radial-gradient(55% 75% at 32% 60%,rgba(244,196,48,.75),transparent 70%),radial-gradient(55% 75% at 68% 60%,rgba(195,22,28,.75),transparent 70%);filter:blur(26px);opacity:calc(.12 + var(--lvl) * .7);transform:scale(calc(.88 + var(--lvl) * .2));transition:opacity .18s linear}.mz[data-phase=transcribing] .mz-aura{opacity:.45;animation:mzAura 1.4s ease-in-out infinite}.mz[data-phase=done] .mz-aura{opacity:.55;background:radial-gradient(60% 80% at 50% 60%,rgba(111,220,154,.8),transparent 70%)}@keyframes mzAura{50%{opacity:.2;transform:scale(.94)}}.mz-card{--ink:#f7f0e3;--muted:rgba(247,240,227,.55);position:relative;isolation:isolate;display:block;border-radius:26px;color:var(--ink);overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,rgba(244,196,48,.07),transparent 45%),linear-gradient(180deg,#261d18f7,#0f0b09fa);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0f,0 2px 6px #00000040,0 18px 40px -14px #000000b3,0 40px 70px -40px #6b0a0ebf}.mz-card.enter{animation:mzEnter .52s var(--mz-ease-spring) both}@keyframes mzEnter{0%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(6px)}}.mz-edge{position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.25px;pointer-events:none;opacity:0;transition:opacity .3s var(--mz-ease-out);animation:mzSpin 3.2s linear infinite;background:conic-gradient(from var(--mz-spin),transparent 0deg,transparent 150deg,rgba(244,196,48,.95) 215deg,rgba(239,138,60,.95) 255deg,rgba(229,87,79,.9) 290deg,transparent 330deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.mz[data-phase=starting] .mz-edge{opacity:.35}.mz[data-phase=listening] .mz-edge{opacity:calc(.4 + var(--lvl) * .6)}.mz[data-phase=transcribing] .mz-edge{opacity:1;animation-duration:1s}.mz[data-phase=done] .mz-edge{opacity:1;background:linear-gradient(90deg,#6fdc9ae6,#d9ffe6e6,#6fdc9ae6)}@keyframes mzSpin{to{--mz-spin:360deg}}.mz-shine{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translate(-120%);background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.1) 48%,rgba(255,255,255,.02) 56%,transparent 65%)}.mz[data-phase=done] .mz-shine{animation:mzShine .9s var(--mz-ease-out) 80ms both}@keyframes mzShine{to{transform:translate(120%)}}.mz-head{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:14px 14px 4px 18px}.mz-target{flex:1;min-width:0;display:flex;flex-direction:column}.mz-eyebrow{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--mz-manjal);opacity:.85}.mz-line{display:flex;gap:6px;min-width:0;white-space:nowrap;font-size:14px}.mz-line b{font-weight:650;overflow:hidden;text-overflow:ellipsis}.mz-field{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.mz-field:before{content:"\203a";margin-right:6px;opacity:.6}.mz-mode{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(244,196,48,.35);background:#f4c43014;color:var(--mz-manjal);border-radius:999px;padding:4px 11px 3px;font-size:12.5px;font-weight:650}.mz-mode:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.mz-text{position:relative;z-index:3;display:block;margin:2px 18px 0;padding:8px 0 12px;min-height:106.025px;font-size:18.5px;line-height:1.55;font-weight:500;letter-spacing:.005em}.mz-text.empty{color:var(--muted);font-weight:400;font-size:15.5px}.mz-foot{position:relative;z-index:3;display:flex;align-items:center;gap:12px;margin:0 8px 8px;padding:8px;border-radius:18px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0d}.mz-well{flex:none;display:grid;place-items:center;height:46px;min-width:92px;padding:0 8px;border-radius:14px;background:radial-gradient(80% 120% at 50% 100%,rgba(244,196,48,calc(.05 + var(--lvl) * .25)),transparent 70%),#00000059;box-shadow:inset 0 1px 2px #0009,inset 0 0 0 1px #ffffff0d}.mz-state{flex:1;min-width:0;display:flex;flex-direction:column}.mz-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.mz-timer{font:400 11px/1.2 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.mz-timer:empty{display:none}.mz[data-phase=done] .mz-status{color:#a6e9bf}.mz-actions{display:flex;align-items:center;gap:8px}.mz-hints{display:flex;gap:10px;margin-right:2px;color:var(--muted);font-size:11px;white-space:nowrap}.mz-hint{display:inline-flex;align-items:center;gap:3px}.mz-hints kbd{padding:1px 5px;font:400 10.5px/1.3 var(--mono);color:#f7f0e3cc;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:5px;box-shadow:0 1px #ffffff14}.mz-x,.mz-insert{display:grid;place-items:center;height:34px;border-radius:999px;transition:opacity .22s,transform .12s}.mz-x{width:34px;background:#ffffff12;font-size:12px;box-shadow:inset 0 0 0 1px #ffffff14}.mz-insert{padding:0 18px;background:linear-gradient(180deg,#ffd85c,var(--mz-manjal) 55%,#e2a91c);color:var(--mz-mai);font-weight:750;box-shadow:inset 0 1px #ffffff80,0 6px 18px -6px #f4c430b3}.mz[data-phase=transcribing] .mz-insert,.mz[data-phase=done] .mz-insert,.mz[data-phase=done] .mz-x{opacity:.3;box-shadow:none}.mz[data-phase=done] .mz-hints{display:none}@container (max-width:560px){.mz-hints{display:none}.mz-text{font-size:16px;min-height:94.4px}}@container (max-width:380px){.mz-text{min-height:119.2px}.mz-well{min-width:76px}.mz-foot{gap:8px}.mz-insert{padding:0 14px}}.mz-viz{--vh:30px;position:relative;display:inline-block;width:calc(var(--vh) * 2.5);height:calc(var(--vh) * 1.4)}.mz-bar{position:absolute;left:50%;top:50%;border-radius:999px;background:linear-gradient(180deg,#ffe9a3 0%,var(--mz-manjal) 45%,#ef8a3c 100%);box-shadow:0 0 10px #f4c43059;will-change:transform,width,height,opacity}.mz-viz[data-state=listening] .mz-bar{box-shadow:0 0 12px #f4c4308c,0 0 2px #ffe9a3e6}.mz-viz[data-state=done] .mz-bar{background:linear-gradient(180deg,#d9ffe6,#6fdc9a);box-shadow:0 0 14px #6fdc9a99}.mz-ring{position:absolute;left:50%;top:50%;width:calc(var(--vh) * 1.18);height:calc(var(--vh) * 1.18);margin:calc(var(--vh) * -.59) 0 0 calc(var(--vh) * -.59);border-radius:50%;opacity:0;transform:scale(.6);background:conic-gradient(from 0deg,transparent 0 55%,rgba(244,196,48,.9) 80%,rgba(239,138,60,.95) 92%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));transition:opacity .24s var(--mz-ease-out),transform .42s var(--mz-ease-spring)}.mz-viz[data-state=transcribing] .mz-ring{opacity:1;transform:scale(1);animation:mzRing .9s linear infinite}@keyframes mzRing{to{rotate:360deg}}.lc{position:relative;width:100%;height:100%;overflow:hidden;font-family:var(--sans)}.lc-note{position:absolute;left:9%;right:9%;top:9%;display:flex;flex-direction:column;gap:10px}.lc-note i{display:block;height:9px;border-radius:5px;background:#e3e1db}.lc-note i:first-child{width:52%;height:15px;margin-bottom:6px;background:#d6d3cb}.lc-note i:nth-child(3){width:86%}.lc-note i:nth-child(4){width:64%}.lc-note i:nth-child(6){width:78%}.lc-note i:nth-child(7){width:40%}.lc-mark{display:block;width:68%;height:68%;overflow:visible}.lc-mark .lc-ring{fill:none;stroke:url(#lcGold);stroke-width:14;transform-origin:0 0;transition:transform .5s var(--spring)}.lc-mark .lc-arcs{transform-origin:0 0;animation:lcOrbit 14s linear infinite}.lc-mark .lc-arcs path{fill:url(#lcGold2)}@keyframes lcOrbit{to{rotate:360deg}}.lc[data-step=think] .lc-arcs{animation-duration:1.1s}.lc[data-step=think] .lc-ring{transform:scale(.86)}.lc-puck{position:absolute;right:9%;bottom:8%;z-index:2;display:grid;place-items:center;width:clamp(58px,18cqi,76px);aspect-ratio:1;border-radius:50%;background:radial-gradient(70% 70% at 35% 28%,#fffdf6,#f6e6bd 62%,#e9cf8f);box-shadow:inset 0 -3px 8px #b0781640,inset 0 2px #fff,0 14px 28px -10px #78500a8c,0 0 0 1px #c4963c40;transition:transform .45s var(--spring),box-shadow .3s}.lc[data-step=hover] .lc-puck,.lc[data-step=open] .lc-puck,.lc[data-step=pick] .lc-puck{transform:translateY(-3px) scale(1.07);box-shadow:inset 0 -3px 8px #b0781640,inset 0 2px #fff,0 20px 34px -10px #78500a99,0 0 0 5px #f7ab162e}.lc[data-step=think] .lc-puck{animation:lcBreath 1.1s ease-in-out infinite}@keyframes lcBreath{50%{box-shadow:inset 0 -3px 8px #b0781640,inset 0 2px #fff,0 14px 28px -10px #78500a8c,0 0 0 10px #f7ab161f}}.lc-menu{position:absolute;right:9%;bottom:calc(8% + clamp(58px,18cqi,76px) + 12px);z-index:3;display:flex;flex-direction:column;gap:4px;padding:6px;width:min(82%,270px);border-radius:16px;background:#fff;box-shadow:0 0 0 1px #0000000f,0 18px 40px -16px #3c280a73;transform-origin:100% 100%;opacity:0;transform:translateY(10px) scale(.6);transition:opacity .25s,transform .45s var(--spring)}.lc[data-step=open] .lc-menu,.lc[data-step=pick] .lc-menu{opacity:1;transform:none}.lc-menu span{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:11px;font-size:clamp(12px,3.6cqi,14px);font-weight:500;color:#2b2b2b;white-space:nowrap;opacity:0;transform:translate(8px);transition:opacity .25s,transform .4s var(--spring),background .2s}.lc-menu span img{width:15px;height:15px;flex:none}.lc[data-step=open] .lc-menu span,.lc[data-step=pick] .lc-menu span{opacity:1;transform:none;transition-delay:calc(.08s + var(--i) * .07s),calc(.08s + var(--i) * .07s),0s}.lc[data-step=pick] .lc-menu span.on{background:linear-gradient(90deg,#f7ab1633,#f7ab160f);color:#5a3c06}.lc-say{position:absolute;left:9%;right:9%;top:52%;z-index:1;display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;border-radius:14px;background:linear-gradient(180deg,#fffaf0,#fff6e3);box-shadow:0 0 0 1px #c4963c40;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .5s var(--spring)}.lc-say b{display:flex;align-items:center;gap:6px;font:600 12.5px/1 var(--sans);color:#a06d00}.lc-say b img{width:14px;height:14px}.lc-say i{display:block;height:8px;border-radius:4px;width:var(--w);background:linear-gradient(90deg,#f2dfb3,#fbf0d6,#f2dfb3 80%) 0 0/200% 100%;transform-origin:0 50%;transform:scaleX(0);transition:transform .6s var(--ease)}.lc[data-step=think] .lc-say,.lc[data-step=say] .lc-say{opacity:1;transform:none}.lc[data-step=think] .lc-say i{transform:scaleX(.18);animation:lcShimmer 1s linear infinite}.lc[data-step=say] .lc-say i{transform:none;transition-delay:calc(var(--i) * .12s);background:#ead9b1}@keyframes lcShimmer{to{background-position:-200% 0}}.lc-cur{position:absolute;z-index:4;left:var(--x, 70%);top:var(--y, 40%);width:18px;height:18px;pointer-events:none;transition:left .7s var(--ease),top .7s var(--ease),transform .15s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.lc-cur.down{transform:scale(.82)}.bv{position:relative;display:grid;justify-items:center;gap:18px}.bv-orb{position:relative;width:220px;height:220px}.bv-orb canvas{position:relative;display:block;width:220px;height:220px}.bv-plate{position:absolute;inset:28px;border-radius:22%;background:#0d0d0a;box-shadow:inset 0 0 0 1px #f1ff001f,0 20px 40px -18px #000c;transition:opacity .5s,transform .6s var(--spring)}.bv[data-state=rec] .bv-plate,.bv[data-state=pause] .bv-plate{opacity:0;transform:scale(1.18)}.bv-btn{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;display:grid;place-items:center;align-content:center;gap:3px;border-radius:50%;color:#f4f4ee;background:radial-gradient(70% 70% at 50% 30%,#ffffff1f,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff24,0 10px 24px -8px #000c;backdrop-filter:blur(6px);opacity:0;transform:scale(.6);transition:opacity .3s,transform .45s var(--spring)}.bv[data-state=rec] .bv-btn,.bv[data-state=pause] .bv-btn{opacity:1;transform:none}.bv-btn svg{width:18px;height:18px}.bv-btn .bv-play,.bv[data-state=pause] .bv-btn .bv-pause{display:none}.bv[data-state=pause] .bv-btn .bv-play{display:block}.bv-btn small{font:500 10.5px/1 var(--mono);font-variant-numeric:tabular-nums;color:#f4f4eebf}.bv-status{min-height:20px;font:500 13px/1.4 var(--sans);color:#f4f4ee9e;text-align:center}.bv[data-state=rec] .bv-status{color:#f1ff00}.bv-note{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:12px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff17;color:#f4f4ee;font:500 13px/1 var(--sans);opacity:0;transform:translateY(-8px) scale(.94);transition:opacity .3s,transform .45s var(--spring)}.bv-note i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#f1ff00,#919900);color:#0d0d0a}.bv-note i svg{width:14px;height:14px}.bv-note small{font:400 11px/1 var(--mono);color:#f4f4ee8c}.bv[data-state=saved] .bv-note{opacity:1;transform:none}@container (max-width:300px){.bv-orb,.bv-orb canvas{width:180px;height:180px}.bv-plate{inset:23px}}@media (max-width:820px){.mo-mz .mo-dev{width:min(86vw,560px)}.mo-lica .mo-dev,.mo-b365 .mo-dev{width:min(74vw,340px)}}@media (prefers-reduced-motion:reduce){.mz-edge,.mz-aura,.mz-card.enter,.mz-shine,.mz-ring,.lc-arcs,.lc-puck,.lc-say i{animation:none!important}}