:root{--grat-mp-primary:#22c55e;--grat-mp-bg:#000;--grat-mp-text:#fff;--grat-mp-controls-bg:linear-gradient(transparent,rgba(0,0,0,.8));--grat-mp-controls-color:#fff;--grat-mp-progress-bg:hsla(0,0%,100%,.3);--grat-mp-btn-hover:hsla(0,0%,100%,.2);--grat-mp-radius:8px;--grat-mp-radius-sm:4px;--grat-mp-transition:0.2s ease}.grat-mp{position:relative;width:100%;background:var(--grat-mp-bg);border-radius:var(--grat-mp-radius);overflow:hidden;font-family:inherit;font-size:14px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:box-shadow var(--grat-mp-transition)}.grat-mp:not(:last-child){margin-bottom:16px}.grat-mp:focus{outline:none}.grat-mp--playing{box-shadow:0 0 0 4px var(--grat-mp-primary)}.grat-mp--video{aspect-ratio:16/9}.grat-mp--video .grat-mp__media{position:absolute;inset:0}.grat-mp--light{--grat-mp-bg:#f3f4f6;--grat-mp-text:#374151;--grat-mp-controls-color:#374151;--grat-mp-progress-bg:rgba(0,0,0,.15);--grat-mp-primary:#16a34a;--grat-mp-btn-hover:rgba(0,0,0,.1);background:var(--grat-mp-bg);border:1px solid #e5e7eb}.grat-mp--audio{--grat-mp-btn-size:44px;--grat-mp-icon-size:32px;--grat-mp-bar-height:10px;--grat-mp-thumb-size:22px;--grat-mp-text-size:17px;--grat-mp-padding:16px;--grat-mp-gap:calc(var(--grat-mp-padding) + 4px);--grat-mp-gap-btn:calc(var(--grat-mp-gap) - (var(--grat-mp-btn-size) - var(--grat-mp-icon-size)) / 2)}.grat-mp--video .grat-mp__body{position:absolute;inset:0}.grat-mp--audio .grat-mp__body{display:flex;align-items:center}.grat-mp--audio .grat-mp__body .grat-mp__controls{flex:1;min-width:0}.grat-mp__poster{display:block;width:120px;height:auto;flex-shrink:0}.grat-mp--has-filename .grat-mp__poster{margin:12px 0 12px 12px;border-radius:var(--grat-mp-radius)}@media (max-width:600px){.grat-mp--audio .grat-mp__body{flex-direction:column;gap:0}.grat-mp__poster{width:140px;margin:var(--grat-mp-padding) auto 0}}.grat-mp__media{display:block;width:100%;height:100%;object-fit:cover}.grat-mp--audio .grat-mp__media{display:none}.grat-mp__filename{font-weight:500;line-height:1.3;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grat-mp--video .grat-mp__filename{position:absolute;top:10px;left:10px;padding:4px 10px;background:rgba(0,0,0,.7);color:var(--grat-mp-controls-color);font-size:13px;border-radius:var(--grat-mp-radius-sm);z-index:5;transition:opacity var(--grat-mp-transition);pointer-events:none}.grat-mp--video.grat-mp--playing .grat-mp__filename{opacity:0}.grat-mp--video.grat-mp--playing:hover .grat-mp__filename{opacity:1}.grat-mp--audio .grat-mp__filename{padding:0 calc((var(--grat-mp-btn-size) - var(--grat-mp-icon-size)) / 2);margin-bottom:var(--grat-mp-gap);font-size:var(--grat-mp-text-size)}.grat-mp--light .grat-mp__filename{color:var(--grat-mp-text)}.grat-mp__big-play{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:80px;height:80px;padding:0;background:hsla(0,0%,100%,.95);border:none;border-radius:50%;cursor:pointer;z-index:10;transition:transform var(--grat-mp-transition),opacity var(--grat-mp-transition);box-shadow:0 4px 20px rgba(0,0,0,.3)}.grat-mp__big-play svg{width:50px;height:50px;fill:var(--grat-mp-primary)}.grat-mp__big-play:hover{transform:translate(-50%,-50%) scale(1.1)}.grat-mp--ended .grat-mp__big-play,.grat-mp--playing .grat-mp__big-play{opacity:0;pointer-events:none}.grat-mp__controls{position:absolute;bottom:0;left:0;right:0;padding:40px 12px 8px;background:var(--grat-mp-controls-bg);color:var(--grat-mp-controls-color);opacity:0;transition:opacity var(--grat-mp-transition);z-index:20;pointer-events:none}.grat-mp__controls-row,.grat-mp__progress{pointer-events:auto}.grat-mp--paused .grat-mp__controls,.grat-mp:focus-within .grat-mp__controls,.grat-mp:hover .grat-mp__controls{opacity:1}.grat-mp--audio .grat-mp__controls{position:relative;padding:var(--grat-mp-gap) var(--grat-mp-padding) var(--grat-mp-gap-btn);background:transparent;opacity:1}.grat-mp--light .grat-mp__controls{color:var(--grat-mp-text)}.grat-mp--audio .grat-mp__progress{padding:0 calc((var(--grat-mp-btn-size) - var(--grat-mp-icon-size)) / 2);margin-bottom:var(--grat-mp-gap-btn)}.grat-mp.grat-mp--audio .grat-mp__progress-bar{height:var(--grat-mp-bar-height);border-radius:calc(var(--grat-mp-bar-height) / 2)}.grat-mp--audio .grat-mp__progress-bar::-webkit-slider-thumb{width:var(--grat-mp-thumb-size);height:var(--grat-mp-thumb-size)}.grat-mp--audio .grat-mp__progress-bar::-moz-range-thumb{width:var(--grat-mp-thumb-size);height:var(--grat-mp-thumb-size)}.grat-mp--audio .grat-mp__speed,.grat-mp--audio .grat-mp__time{font-size:var(--grat-mp-text-size)}.grat-mp__controls-row{display:flex;align-items:center;gap:8px}.grat-mp button{font-family:inherit}.grat-mp__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;background:transparent;border:none;border-radius:var(--grat-mp-radius-sm);color:inherit;cursor:pointer;transition:background var(--grat-mp-transition)}.grat-mp__btn:hover{background:var(--grat-mp-btn-hover)}.grat-mp--audio .grat-mp__btn{width:var(--grat-mp-btn-size);height:var(--grat-mp-btn-size)}.grat-mp__btn svg{display:block;width:24px;height:24px;fill:currentcolor}.grat-mp--audio .grat-mp__btn svg{width:var(--grat-mp-icon-size);height:var(--grat-mp-icon-size)}.grat-mp__icon{display:block;line-height:0}.grat-mp__icon-fs-exit,.grat-mp__icon-pause,.grat-mp__icon-vol-mute{display:none}.grat-mp--playing .grat-mp__icon-play{display:none}.grat-mp--playing .grat-mp__icon-pause{display:block}.grat-mp--muted .grat-mp__icon-vol-high{display:none}.grat-mp--muted .grat-mp__icon-vol-mute{display:block}.grat-mp--fullscreen .grat-mp__icon-fs-enter{display:none}.grat-mp--fullscreen .grat-mp__icon-fs-exit{display:block}.grat-mp__progress{margin-bottom:8px}.grat-mp .grat-mp__progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;margin:0;padding:0;border:0;box-shadow:none;min-height:0;box-sizing:border-box;background:linear-gradient(to right,var(--grat-mp-primary) 0,var(--grat-mp-primary) var(--progress,0),var(--grat-mp-progress-bg) var(--progress,0),var(--grat-mp-progress-bg) 100%);border-radius:3px;cursor:pointer;outline:none}.grat-mp__progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--grat-mp-primary);border:none;border-radius:50%;cursor:pointer;-webkit-transition:transform var(--grat-mp-transition);transition:transform var(--grat-mp-transition)}.grat-mp__progress-bar::-moz-range-thumb{width:14px;height:14px;background:var(--grat-mp-primary);border:none;border-radius:50%;cursor:pointer;-moz-transition:transform var(--grat-mp-transition);transition:transform var(--grat-mp-transition)}.grat-mp__progress-bar:hover::-webkit-slider-thumb{transform:scale(1.2)}.grat-mp__time{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.grat-mp__time:first-child{padding-left:8px}.grat-mp__separator{opacity:.6}.grat-mp__speed-wrap{position:relative}.grat-mp__speed{width:auto;padding:0 8px;font-size:14px;font-weight:700}.grat-mp__speed-menu{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;padding:4px 0;background:rgba(0,0,0,.95);border-radius:6px;min-width:60px;opacity:0;visibility:hidden;transition:opacity var(--grat-mp-transition),visibility var(--grat-mp-transition);z-index:30}.grat-mp__speed-menu--open{opacity:1;visibility:visible}.grat-mp__speed-option{display:block;width:100%;padding:8px 16px;background:transparent;border:none;color:#fff;font-size:13px;text-align:center;cursor:pointer;transition:background var(--grat-mp-transition)}.grat-mp__speed-option:hover{background:hsla(0,0%,100%,.1)}.grat-mp__speed-option--active{background:hsla(0,0%,100%,.2);font-weight:600}.grat-mp__spacer{flex:1}.grat-mp__loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity var(--grat-mp-transition),visibility var(--grat-mp-transition);z-index:15}.grat-mp--loading .grat-mp__loader{opacity:1;visibility:visible}.grat-mp__spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:grat-mp-spin .8s linear infinite}@keyframes grat-mp-spin{to{transform:rotate(1turn)}}.grat-mp__gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.9);opacity:0;visibility:hidden;transition:opacity var(--grat-mp-transition),visibility var(--grat-mp-transition);z-index:50}.grat-mp--gated .grat-mp__gate{opacity:1;visibility:visible}.grat-mp__gate-content{max-width:400px;padding:24px;background:#fff;border-radius:var(--grat-mp-radius);text-align:center;color:#1f2937}.grat-mp-error{padding:24px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--grat-mp-radius);text-align:center;color:#991b1b}.grat-mp-error p{margin:0 0 8px}.grat-mp-error a{color:#dc2626}.grat-mp--fullscreen{border-radius:0}.grat-mp--fullscreen .grat-mp__big-play{width:100px;height:100px}.grat-mp--fullscreen .grat-mp__big-play svg{width:50px;height:50px}@media (max-width:480px){.grat-mp__btn{width:32px;height:32px}.grat-mp--audio{--grat-mp-btn-size:40px;--grat-mp-icon-size:28px;--grat-mp-text-size:14px;--grat-mp-padding:12px}.grat-mp__btn svg{width:18px;height:18px}.grat-mp__time{font-size:12px}.grat-mp__big-play{width:60px;height:60px}.grat-mp__big-play svg{width:30px;height:30px}}.grat-mp__playlist{max-height:320px;overflow-y:auto;scrollbar-gutter:stable;background:var(--grat-mp-bg);border-top:1px solid hsla(0,0%,100%,.1);counter-reset:track}.grat-mp__track{display:flex;align-items:center;gap:8px;margin:0;padding:10px 16px;border-bottom:1px solid hsla(0,0%,100%,.06);color:var(--grat-mp-controls-color);font-size:14px;line-height:1.3;cursor:pointer;outline:none;transition:background var(--grat-mp-transition)}.grat-mp__track:last-child{border-bottom:0}.grat-mp__track:not(.grat-mp__track--active):focus-visible,.grat-mp__track:not(.grat-mp__track--active):hover{background:hsla(0,0%,100%,.08)}.grat-mp__track--active{background:hsla(0,0%,100%,.15);box-shadow:inset 5px 0 0 var(--grat-mp-primary)}.grat-mp__track--active .grat-mp__track-title{color:var(--grat-mp-primary);font-weight:900}.grat-mp__track:before{counter-increment:track;content:counter(track);flex-shrink:0;min-width:18px;margin-left:-4px;margin-right:6px;color:hsla(0,0%,100%,.4);font-size:12px;text-align:right}.grat-mp__track--active:before{color:var(--grat-mp-primary)}.grat-mp__playlist--no-nums .grat-mp__track:before{display:none}.grat-mp__track-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grat-mp__track-duration{flex-shrink:0;color:hsla(0,0%,100%,.4);font-size:12px}.grat-mp--light .grat-mp__playlist{border-top-color:rgba(0,0,0,.15)}.grat-mp--light .grat-mp__track{color:var(--grat-mp-text);border-bottom-color:rgba(0,0,0,.06)}.grat-mp--light .grat-mp__track:not(.grat-mp__track--active):focus-visible,.grat-mp--light .grat-mp__track:not(.grat-mp__track--active):hover{background:rgba(0,0,0,.04)}.grat-mp--light .grat-mp__track--active{background:rgba(22,163,74,.08)}.grat-mp--light .grat-mp__track-duration,.grat-mp--light .grat-mp__track:before{color:rgba(0,0,0,.5)}@media (max-width:480px){.grat-mp__track{padding:10px 12px;font-size:13px}}.grat-mp--cc-on .grat-mp__cc,.grat-mp--transcript-open .grat-mp__transcript-toggle{background:var(--grat-mp-primary);color:#fff}.grat-mp__media::cue{background:rgba(0,0,0,.75);color:#fff;font-size:90%;line-height:1.4}.grat-mp__caption-line{padding:12px var(--grat-mp-padding,16px);color:var(--grat-mp-controls-color);font-size:var(--grat-mp-text-size,16px);line-height:1.4;text-align:center;border-top:1px solid hsla(0,0%,100%,.1);min-height:24px}.grat-mp--light .grat-mp__caption-line{color:var(--grat-mp-text);border-top-color:rgba(0,0,0,.15)}.grat-mp__transcript{position:relative;max-height:260px;overflow-y:auto;scrollbar-gutter:stable;padding:4px 0;background:var(--grat-mp-bg);border-top:1px solid hsla(0,0%,100%,.1)}.grat-mp__cue{display:block;width:100%;margin:0;padding:8px 16px;background:transparent;border:none;border-left:3px solid transparent;color:hsla(0,0%,100%,.7);font-size:15px;line-height:1.4;text-align:left;cursor:pointer;transition:background var(--grat-mp-transition),color var(--grat-mp-transition)}.grat-mp__cue:focus-visible,.grat-mp__cue:hover{background:hsla(0,0%,100%,.08);color:var(--grat-mp-controls-color);outline:none}.grat-mp__cue--active{color:var(--grat-mp-primary);border-left-color:var(--grat-mp-primary);font-weight:700}.grat-mp--light .grat-mp__transcript{border-top-color:rgba(0,0,0,.15)}.grat-mp--light .grat-mp__cue{color:rgba(0,0,0,.6)}.grat-mp--light .grat-mp__cue:focus-visible,.grat-mp--light .grat-mp__cue:hover{background:rgba(0,0,0,.04);color:var(--grat-mp-text)}