.motion3d{--m3-lime:var(--lime);--m3-text:var(--on-dark);margin:24px 0 0;padding:0;border:1px solid var(--ink);border-radius:24px;background:var(--hero);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 var(--lime);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:var(--hero)}.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:var(--on-dark-soft);background:var(--scrim);padding:7px 11px;border:1px solid var(--line);border-radius:20px}.m3-badge i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.motion3d .m3-icon{pointer-events:auto;display:grid;place-items:center;width:38px;min-height:38px;padding:8px;background:var(--scrim);border:1px solid var(--line);border-radius:12px;color:var(--on-dark-soft)}.m3-drag{position:absolute;top:24px;left:18px;max-width:55%;text-align:left;line-height:1.35;color:var(--muted);font-size:11px;pointer-events:none;transition:opacity .4s}.motion3d.m3-turned .m3-drag{opacity:0}.m3-angles{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:3px;background:var(--scrim);border:1px solid var(--line-2);border-radius:15px;padding:4px;backdrop-filter:blur(10px)}.motion3d .m3-angles button{background:transparent;border:0;color:var(--on-dark-soft);padding:8px 16px;min-height:34px;font-size:12px;border-radius:10px}.motion3d .m3-angles button[aria-pressed=true]{background:var(--tint);color:var(--ink);font-weight:700}.motion3d .m3-angles [data-m3-reset]{padding:7px 9px;border-left:1px solid var(--ink);border-radius:0}.m3-panel{background:var(--hero);border-top:1px solid var(--line);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:var(--on-accent);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:var(--muted)}.m3-phase strong{font-size:12px;font-weight:550;color:var(--on-dark)}.motion3d .m3-speed{background:var(--hero);border:1px solid var(--ink);border-radius:11px;color:var(--on-dark);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,var(--lime) var(--m3-progress),var(--hero-2) var(--m3-progress))!important;cursor:pointer;accent-color:var(--lime)}.m3-scrub input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--lime);border:3px solid var(--line);box-shadow:0 0 0 5px var(--glass-2)}.m3-scrub input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--lime);border:2px solid var(--line)}.m3-endpoints{display:flex;justify-content:space-between;margin:8px 0 2px}.motion3d .m3-endpoints button{font-size:10px;background:transparent;color:var(--muted);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 var(--line)}.m3-bottom>span{font-size:10px;color:var(--muted);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:var(--on-dark)}.m3-bottom i{height:9px;width:9px;border-radius:50%;background:var(--lime);border:1px solid var(--lime)}.m3-bottom button[aria-pressed=false] i{background:transparent}.motion3d figcaption{font-size:10px!important;color:var(--muted)!important;line-height:1.55!important;margin:0!important;padding:12px 22px!important;background:var(--hero);border-top:1px solid var(--line)}.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:var(--on-dark-soft);margin:6px 0 12px}.m3-monogram{font-size:52px;font-weight:750;color:var(--lime);letter-spacing:-4px}.motion3d .m3-placeholder button{background:var(--lime);color:var(--on-accent);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:var(--hero)!important;color:var(--on-dark);overflow:auto;scrollbar-width:none}dialog.motion3d-dialog::backdrop{background:var(--hero)}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:var(--hero);margin:0}dialog.motion3d-dialog>header button{display:grid;place-items:center;padding:8px;border:1px solid var(--ink);border-radius:10px;background:transparent;color:var(--on-dark-soft);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:22px;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{font-size:10px;opacity:.8}@media(max-width:500px){.m3-drag{top:22px}.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:var(--hero);color:var(--on-dark);text-align:center}.m3-recovery p{font-size:18px!important;color:var(--on-dark)!important;margin:0!important}.m3-recovery span{font-size:13px;line-height:1.6;color:var(--on-dark-soft)}.m3-recovery button{border:0;border-radius:14px;background:var(--lime);color:var(--on-accent);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:var(--brand)!important;border:0!important;box-shadow:none!important;text-align:left;font-size:11px!important;text-decoration:underline;text-underline-offset:3px}