.voicenote__wave{position:relative;height:var(--vn-height, 28px);cursor:pointer;touch-action:none;border-radius:4px}.voicenote__wave:focus-visible{outline:2px solid var(--vn-done);outline-offset:2px}.voicenote__bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;color:var(--vn-rest)}.voicenote__bars--done{color:var(--vn-done);clip-path:inset(0 calc((1 - var(--done, 0)) * 100%) 0 0)}.voicenote__bar{flex:0 0 auto;width:5px;height:calc(18% + var(--h) * 82%);border-radius:3px;background:currentColor}.voicenote--playing .voicenote__bar{animation:voicenote-bounce calc(.42s + (var(--i) * 37ms) % .3s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -83ms)}@keyframes voicenote-bounce{0%{transform:scaleY(.35)}to{transform:scaleY(1.08)}}.voicenote--playing .voicenote__play{animation:voicenote-pulse 1.4s ease-out infinite}@keyframes voicenote-pulse{0%{box-shadow:0 0 color-mix(in oklch,var(--vn-done) 55%,transparent)}to{box-shadow:0 0 0 10px transparent}}@media(prefers-reduced-motion:reduce){.voicenote--playing .voicenote__bar,.voicenote--playing .voicenote__play{animation:none}}.voicenote__unread,.voicenote__rate{display:none}.voicerec{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;gap:var(--vr-gap, 8px);background:var(--vr-bg, transparent);touch-action:none;-webkit-user-select:none;user-select:none}.voicerec button{-webkit-tap-highlight-color:transparent}.voicerec__cancel,.voicerec__delete,.voicerec__stop,.voicerec__send{flex:none;width:var(--vr-button, 44px);height:var(--vr-button, 44px);display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer}.voicerec__cancel,.voicerec__delete{background:transparent;color:var(--vr-sec)}.voicerec__cancel{color:var(--vr-ink)}.voicerec__stop,.voicerec__send{background:var(--vr-accent);color:var(--vr-on-accent)}.voicerec__delete svg{width:20px;height:20px}.voicerec__body{flex:1;min-width:0;height:var(--vr-height, 44px);display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:calc(var(--vr-height, 44px) / 2);background:var(--vr-field);transform:translate(var(--pull, 0px));transition:transform .2s ease}.voicerec--recording:active .voicerec__body{transition:none}.voicerec__dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--vr-rec);animation:voicerec-blink 1s ease-in-out infinite alternate}@keyframes voicerec-blink{0%{opacity:1}to{opacity:.15}}.voicerec__clock{flex:none;min-width:4.2em;font-variant-numeric:tabular-nums;font-size:var(--vr-clock-size, 15px);color:var(--vr-ink)}.voicerec__live{flex:1;min-width:0;height:24px;display:flex;align-items:center;justify-content:flex-end;gap:2px;overflow:hidden}.voicerec__livebar{flex:none;width:3px;height:calc(12% + var(--h) * 88%);border-radius:2px;background:var(--vr-accent);transition:height .08s linear}.voicerec__pill{flex:1;min-width:0;height:var(--vr-height, 44px);display:flex;align-items:center;gap:8px;padding:0 12px 0 4px;border-radius:calc(var(--vr-height, 44px) / 2);background:var(--vr-pill);color:var(--vr-pill-ink)}.voicerec__play{flex:none;width:calc(var(--vr-height, 44px) - 8px);height:calc(var(--vr-height, 44px) - 8px);display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--vr-play-bg, transparent);color:var(--vr-play-ink, var(--vr-pill-ink));cursor:pointer}.voicerec__clock--review{min-width:2.6em;text-align:right;font-size:var(--vr-review-clock-size, 13px);color:var(--vr-pill-ink)}.voicerec__track{position:relative;flex:1;min-width:0;height:28px;touch-action:none;cursor:pointer}.voicerec__bars{position:absolute;inset:0 6px;display:flex;align-items:center;justify-content:space-between;color:var(--vr-wave-rest)}.voicerec__bars--done{color:var(--vr-wave);clip-path:inset(0 calc((1 - var(--at, 0)) * 100%) 0 0)}.voicerec__bar{flex:none;width:2px;height:calc(10% + var(--h) * 90%);border-radius:1px;background:currentColor}.voicerec__shade{position:absolute;top:-4px;bottom:-4px;background:var(--vr-shade);pointer-events:none}.voicerec__shade--from{left:0;width:calc(var(--from) * 100%);border-radius:6px 0 0 6px}.voicerec__shade--to{right:0;width:calc((1 - var(--to)) * 100%);border-radius:0 6px 6px 0}.voicerec__handle{position:absolute;top:-6px;bottom:-6px;width:22px;margin-left:-11px;cursor:ew-resize;touch-action:none}.voicerec__handle:before{content:"";position:absolute;top:2px;bottom:2px;left:50%;width:4px;margin-left:-2px;border-radius:2px;background:var(--vr-handle);box-shadow:0 0 0 1px var(--vr-handle-edge, transparent)}.voicerec__handle--from{left:calc(var(--from) * 100%)}.voicerec__handle--to{left:calc(var(--to) * 100%)}.voicerec-problem{position:absolute;z-index:8;left:var(--vr-problem-inset, 8px);right:var(--vr-problem-inset, 8px);bottom:calc(100% + 8px);padding:12px 14px;border-radius:14px;background:var(--vr-problem-bg);color:var(--vr-ink);box-shadow:var(--vr-problem-shadow, none);font-size:14px;line-height:1.35}.voicerec-problem__title{font-weight:600;margin-bottom:4px}.voicerec-problem__text{color:var(--vr-sec);font-size:13px}.voicerec-problem__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.voicerec-problem__actions button{min-height:36px;padding:0 14px;border:0;border-radius:18px;font:inherit;font-size:14px;cursor:pointer}.voicerec-problem__bot{background:var(--vr-accent);color:var(--vr-on-accent)}.voicerec-problem__ok{background:transparent;color:var(--vr-accent)}@media(prefers-reduced-motion:reduce){.voicerec__dot{animation:none}.voicerec__livebar{transition:none}}:root{--voicebar-ride-in: voicebar-ride-in .24s cubic-bezier(.2, .8, .2, 1);--voicebar-ride-out: voicebar-ride-out .18s ease-in}.voicebar-slot{flex:none;position:relative;z-index:4}.voicebar-slot>.voicebar,.voicebar-push>.voicebar{box-sizing:border-box;min-height:var(--voicebar-tall, 0px)}.voicebar-slot--in{animation:voicebar-shut .24s}.voicebar-slot--in>.voicebar{animation:voicebar-in .24s cubic-bezier(.2,.8,.2,1)}.voicebar-slot--out{height:0;clip-path:inset(0 0 -100vh 0);pointer-events:none}.voicebar-slot--out>.voicebar{animation:voicebar-out .18s ease-in forwards}@keyframes voicebar-shut{0%,to{height:0;clip-path:inset(0 0 -100vh 0)}}@keyframes voicebar-in{0%{transform:translateY(-100%)}to{transform:none}}@keyframes voicebar-out{to{transform:translateY(-100%)}}@keyframes voicebar-ride-in{0%{transform:none}to{transform:translateY(var(--voicebar-tall, 0px))}}@keyframes voicebar-ride-out{0%{transform:translateY(var(--voicebar-tall, 0px))}to{transform:none}}.voicebar-push{display:flex;flex-direction:column;justify-content:flex-end;flex:none}.voicebar-push>.voicebar{flex:none}.voicebar-push--in{animation:voicebar-push-in .24s cubic-bezier(.2,.8,.2,1)}.voicebar-push--out{animation:voicebar-push-out .18s ease-in forwards;pointer-events:none}@keyframes voicebar-push-in{0%{height:0;overflow:hidden}to{height:var(--voicebar-tall, 46px);overflow:hidden}}@keyframes voicebar-push-out{0%{height:var(--voicebar-tall, 46px);overflow:hidden}to{height:0;overflow:hidden}}.voicebar--compact.voicebar--in{animation:voicebar-drop-in .24s cubic-bezier(.2,.8,.2,1)}.voicebar--compact.voicebar--out{animation:voicebar-drop-out .18s ease-in forwards;pointer-events:none}@keyframes voicebar-drop-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes voicebar-drop-out{to{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){:root{--voicebar-ride-in: voicebar-ride-in 1ms;--voicebar-ride-out: voicebar-ride-out 1ms}.voicebar-slot--in,.voicebar-slot--in>.voicebar,.voicebar-slot--out>.voicebar,.voicebar-push--in,.voicebar-push--out,.voicebar--compact.voicebar--in,.voicebar--compact.voicebar--out{animation-duration:1ms}}.syncing{display:inline-flex;align-items:center;gap:.4em;max-width:100%}.syncing:before{content:"";flex:none;width:.75em;height:.75em;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.6;animation:syncing .8s linear infinite}@keyframes syncing{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.syncing:before{animation-duration:2.4s}}.themeswitch{flex:none;width:32px;height:32px;padding:0;display:inline-grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ma-text-sec, var(--text-sec));cursor:pointer;transition:background-color .15s ease,color .15s ease}.themeswitch:hover,.themeswitch--open{color:var(--ma-text, var(--text));background:var(--ma-press, var(--surface-hi))}.themeswitch:active{transform:scale(.94)}.themeswitch svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.themeswitch .themeswitch__fill{fill:currentColor;stroke:none}:root[data-theme=tg-night] .themeswitch svg path{fill:currentColor}.themeswitch__menu{position:fixed;z-index:1000;min-width:210px;padding:6px 0;border-radius:var(--menu-radius, 12px);background:var(--ma-menu, var(--menu-bg, var(--surface-2)));border:1px solid var(--ma-menu-border, var(--menu-border, var(--border)));box-shadow:var(--menu-shadow, 0 12px 32px oklch(0 0 0 / .5));-webkit-backdrop-filter:var(--menu-blur, none);backdrop-filter:var(--menu-blur, none);transform-origin:top right;animation:themeswitch-in .16s cubic-bezier(.2,.8,.3,1)}@keyframes themeswitch-in{0%{opacity:0;transform:scale(.92)}}.themeswitch__item{width:100%;display:flex;align-items:center;gap:12px;padding:9px 14px;border:0;background:transparent;color:var(--ma-text, var(--text));font:inherit;font-size:15px;text-align:left;cursor:pointer}.themeswitch__item:hover,.themeswitch__item:active{background:var(--ma-press, var(--surface-hi))}.themeswitch__label{flex:1}.themeswitch__check{width:18px;height:18px;fill:none;stroke:var(--ma-link, var(--link, var(--accent)));stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}.themeswitch__item--on .themeswitch__check{visibility:visible}.themeswitch__swatch{width:22px;height:22px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #63636359}.themeswitch__swatch[data-swatch=default]{background:linear-gradient(135deg,#151210 50%,#7c4b2e,#f58b4b 50%)}.themeswitch__swatch[data-swatch=tg-day]{background:linear-gradient(135deg,#fff 50%,#e1ffc7 50%)}.themeswitch__swatch[data-swatch=tg-night]{background:linear-gradient(135deg,#18232e 50%,#3c6a96 50%)}:root.theme-reveal::view-transition-old(root),:root.theme-reveal::view-transition-new(root){animation:none;mix-blend-mode:normal}
