/* Nova Vita Liquid Metal button geometry: independent label, face and animated rim. */
.metal-button.button{--metal-shadow:0 0 0 1px #0005,0 36px 14px #00000005,0 20px 12px #00000014,0 9px 9px #0000001f,0 2px 5px #00000026;--metal-face:linear-gradient(180deg,#202020 0%,#000 100%);--metal-label:#eee;position:relative;display:inline-block;width:172px;height:48px;min-height:48px;min-width:172px;padding:0!important;border:0!important;border-radius:100px;background:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important;perspective:1000px;perspective-origin:50% 50%;color:var(--metal-label);text-shadow:none;transition:none;overflow:visible;vertical-align:middle}
.metal-button.button .metal-stage{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:all .8s cubic-bezier(.34,1.56,.64,1)}
.metal-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;transform-style:preserve-3d;transform:translateZ(20px);z-index:30;pointer-events:none;font-size:13px;color:var(--metal-label);font-weight:500;text-shadow:0 1px 2px #0008;white-space:nowrap;line-height:1.3}
.metal-label .arrow{display:none!important}.metal-base{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(10px);z-index:20;transition:all .8s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.metal-inner{position:absolute;inset:2px;border-radius:100px;background:var(--metal-face);transition:all .15s cubic-bezier(.4,0,.2,1)}.metal-shader{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(0);z-index:10;transition:all .8s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.metal-shell{display:block;height:100%;width:100%;border-radius:100px;box-shadow:var(--metal-shadow);transition:box-shadow .15s cubic-bezier(.4,0,.2,1);background:linear-gradient(120deg,#a0a0a0,#f5f5f5,#656565,#e7e7e7)}.metal-canvas{display:block;border-radius:100px;overflow:hidden;position:relative;width:100%;height:100%}.metal-canvas canvas{display:block!important;width:100%!important;height:100%!important;border-radius:100px}.metal-ripples{position:absolute;inset:0;border-radius:100px;overflow:hidden;transform:translateZ(25px);z-index:40;pointer-events:none}.metal-ripple{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#ffffff66 0%,#ffffff00 70%);animation:metal-ripple .6s ease-out;pointer-events:none}
.metal-button.metal-light{--metal-face:linear-gradient(180deg,#f4f4f4 0%,#dcdcdc 100%);--metal-label:#333;--metal-shadow:0 0 0 1px #0000001f,0 20px 12px #00000005,0 9px 9px #0000000a,0 2px 5px #0000000f}.metal-light .metal-label{text-shadow:0 1px 1px #fff9}.metal-light .metal-ripple{background:radial-gradient(circle,#0000001f 0%,#ffffff00 70%)}
.metal-button.metal-hover{--metal-shadow:0 0 0 1px #0006,0 12px 6px #0000000d,0 8px 5px #0000001a,0 4px 4px #00000026,0 1px 2px #0003}.metal-button.metal-light.metal-hover{--metal-shadow:0 0 0 1px #0000002e,0 8px 5px #0000000a,0 4px 4px #0000000f,0 1px 2px #00000014}.metal-button.metal-pressed{--metal-shadow:0 0 0 1px #0008,0 1px 2px #0005}.metal-button.metal-light.metal-pressed{--metal-shadow:0 0 0 1px #0003,0 1px 2px #0000001a}.metal-pressed .metal-base{transform:translateZ(10px) translateY(1px) scale(.98)}.metal-pressed .metal-shader{transform:translateZ(0px) translateY(1px) scale(.98)}.metal-pressed .metal-inner{box-shadow:inset 0 2px 4px #0006,inset 0 1px 2px #0005}.metal-light.metal-pressed .metal-inner{box-shadow:inset 0 2px 4px #00000026,inset 0 1px 2px #0000001a}.metal-button:focus-visible{outline:3px solid var(--focus,#47765b)!important;outline-offset:7px!important}.metal-button:disabled,.metal-button[aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}
.site-header .metal-button.button{width:150px;height:42px;min-width:150px;min-height:42px}.site-header .metal-label{font-size:11px}.record-actions .metal-button.button{width:172px;min-width:172px;height:48px;min-height:48px}.record-actions .metal-label{font-size:12px}
@keyframes metal-ripple{from{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(20);opacity:0}}
@media(max-width:414px){.site-header .metal-button.button{width:124px;min-width:124px;height:40px;min-height:40px}.site-header .metal-label{font-size:10px}.record-actions .metal-button.button{width:155px;min-width:155px}.closing-actions .metal-button.button{width:172px;min-width:172px}}
@media(max-width:350px){.site-header .metal-button.button{width:112px;min-width:112px}.record-actions .metal-button.button{width:145px;min-width:145px}.record-actions .metal-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.metal-stage,.metal-base,.metal-shader,.metal-inner,.metal-shell{transition:none!important}.metal-ripple{animation:none!important}}