.motion3d{--m3-lime:#b9f578;--m3-text:#e9f5f0;margin:24px 0 0;padding:0;border:1px solid #285861;border-radius:24px;background:#0d3942;color:var(--m3-text);overflow:hidden;isolation:isolate;font-family:inherit;text-align:left;min-width:0}.motion3d *{box-sizing:border-box}.motion3d button{font-family:inherit;cursor:pointer;box-shadow:none;letter-spacing:0;min-height:40px;margin:0}.motion3d button:focus-visible{outline:3px solid #b9f578;outline-offset:3px}.motion3d button svg,.motion3d-dialog header svg{width:20px;height:20px;display:block;flex:none}.m3-stage{height:430px;position:relative;background:#0d3942}.m3-canvas{position:absolute;inset:0;overflow:hidden}.m3-canvas canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.m3-stage-top{justify-content:flex-end;position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.m3-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#d9eeea;background:#063d4866;padding:7px 11px;border:1px solid #7aabaa40;border-radius:20px}.m3-badge i{width:6px;height:6px;border-radius:50%;background:#b9f578}.motion3d .m3-icon{pointer-events:auto;display:grid;place-items:center;width:38px;min-height:38px;padding:8px;background:#063d4880;border:1px solid #7aabaa40;border-radius:12px;color:#daece7}.m3-drag{position:absolute;top:62px;width:100%;text-align:center;color:#a2c8c5;font-size:11px;pointer-events:none}.m3-angles{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:3px;background:#06343dde;border:1px solid #528b8c55;border-radius:15px;padding:4px;backdrop-filter:blur(10px)}.motion3d .m3-angles button{background:transparent;border:0;color:#b5d6d3;padding:8px 16px;min-height:34px;font-size:12px;border-radius:10px}.motion3d .m3-angles button[aria-pressed=true]{background:#e1f3eb;color:#073e46;font-weight:700}.motion3d .m3-angles [data-m3-reset]{padding:7px 9px;border-left:1px solid #39626a;border-radius:0}.m3-panel{background:#092f38;border-top:1px solid #47777944;padding:19px 22px 15px}.m3-play-row{display:flex;align-items:center;gap:18px}.motion3d .m3-play{display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:11px 15px;border:0;border-radius:13px;background:var(--m3-lime);color:#073d45;font-size:13px;font-weight:750;flex-shrink:0}.m3-phase{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.m3-phase small{font-size:10px;color:#91b7b6}.m3-phase strong{font-size:12px;font-weight:550;color:#e2f0ec}.motion3d .m3-speed{background:#16434d;border:1px solid #39616a;border-radius:11px;color:#daf3ed;font-size:14px;width:43px;padding:6px;flex:none}.m3-scrub{display:block!important;margin:20px 0 0!important}.m3-scrub input[type=range]{--m3-progress:0%;appearance:none!important;display:block;width:100%;height:5px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:5px;background:linear-gradient(to right,#b9f578 var(--m3-progress),#37616a var(--m3-progress))!important;cursor:pointer;accent-color:#b9f578}.m3-scrub input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#b9f578;border:3px solid #d5ffaa;box-shadow:0 0 0 5px #b9f57815}.m3-scrub input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#b9f578;border:2px solid #d5ffaa}.m3-endpoints{display:flex;justify-content:space-between;margin:8px 0 2px}.motion3d .m3-endpoints button{font-size:10px;background:transparent;color:#abc8c7;border:0;padding:4px 0;min-height:32px}.m3-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:11px;border-top:1px solid #47777944}.m3-bottom>span{font-size:10px;color:#9abebc;text-align:right}.motion3d .m3-bottom button{display:flex;align-items:center;gap:7px;white-space:nowrap;min-height:30px;padding:4px 0;font-size:11px;border:0;background:transparent;color:#e1efeb}.m3-bottom i{height:9px;width:9px;border-radius:50%;background:#b9f578;border:1px solid #b9f578}.m3-bottom button[aria-pressed=false] i{background:transparent}.motion3d figcaption{font-size:10px!important;color:#9cbebd!important;line-height:1.55!important;margin:0!important;padding:12px 22px!important;background:#092f38;border-top:1px solid #47777933}.m3-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;text-align:center}.m3-placeholder p{font-size:13px;color:#b6d7d0;margin:6px 0 12px}.m3-monogram{font-size:52px;font-weight:750;color:#b9f578;letter-spacing:-4px}.motion3d .m3-placeholder button{background:#b9f578;color:#083c45;border:0;border-radius:12px;padding:12px 20px;font-weight:650}.m3-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
dialog.motion3d-dialog[open]{position:fixed!important;inset:0!important;display:flex!important;flex-direction:column;gap:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#092f38!important;color:#e8f5ef;overflow:auto;scrollbar-width:none}dialog.motion3d-dialog::backdrop{background:#092f38}dialog.motion3d-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:max(14px,env(safe-area-inset-top)) 22px 10px;font:600 15px system-ui;background:#092f38;margin:0}dialog.motion3d-dialog>header button{display:grid;place-items:center;padding:8px;border:1px solid #3c6269;border-radius:10px;background:transparent;color:#d9efeb;min-height:40px;cursor:pointer}dialog.motion3d-dialog>.motion3d{display:flex;flex-direction:column;flex:1;width:100%;max-width:1050px;align-self:center;margin:0;border:0;border-radius:0;overflow:visible}dialog.motion3d-dialog .m3-stage{flex:1;min-height:260px;height:calc(100dvh - 310px)}dialog.motion3d-dialog .m3-panel{padding-bottom:15px}dialog.motion3d-dialog .m3-caption{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.m3-restore-slot{min-height:200px}
@media(max-width:500px){.motion3d{border-radius:18px}.m3-stage{height:375px}.m3-panel{padding:17px 16px 12px}.m3-play-row{gap:12px}.motion3d .m3-play{padding:10px 12px;font-size:12px}.m3-phase strong{font-size:11px}.m3-stage-top{justify-content:flex-end;inset:13px 13px auto}.m3-drag{top:58px;font-size:10px}.motion3d figcaption{padding:11px 16px!important}.m3-bottom{gap:6px}.m3-bottom>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.motion3d *{transition:none!important;animation:none!important}}

dialog.motion3d-dialog .m3-stage-top [data-m3-expand]{display:none}

.motion3d .m3-angles button{padding-inline:12px}.m3-drag{top:auto;bottom:76px;font-size:10px;opacity:.8}@media(max-width:500px){.m3-drag{top:auto;bottom:76px}.motion3d .m3-angles button{padding-inline:10px}}

.m3-stage-top{justify-content:flex-end}

.m3-recovery{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px;background:#0d3942;color:#e6f7ef;text-align:center}.m3-recovery p{font-size:18px!important;color:#e6f7ef!important;margin:0!important}.m3-recovery span{font-size:13px;line-height:1.6;color:#b5d6d4}.m3-recovery button{border:0;border-radius:14px;background:#b9f578;color:#063d48;padding:13px 18px;min-height:44px}.m3-compatibility{display:block!important;margin:0 0 12px!important;padding:8px 0!important;min-height:36px!important;background:transparent!important;color:#9bdad0!important;border:0!important;box-shadow:none!important;text-align:left;font-size:11px!important;text-decoration:underline;text-underline-offset:3px}