/* Dark illuminated controls. Original logos and viewer remain unchanged. */
html body :is(a.button,button.button,.la-button,button.primary,a.primary,button.secondary,a.secondary,.actions>button,.text-link),
html body[data-lumis-page=account] #lumis-account-root .la-panel :is(.la-button,#signed-in .la-member-actions #continue,#submit){
 --control-light:#8cdbeb;--control-edge:#315565;--control-wash:#10303c66;
 appearance:none;position:relative;isolation:isolate;clip-path:none!important;border-radius:0!important;
 min-height:48px!important;padding:14px 25px!important;display:inline-flex;align-items:center;justify-content:center!important;gap:10px!important;
 font:500 11px/1.4 ui-monospace,'Cascadia Code','Consolas',monospace!important;
 letter-spacing:.13em!important;text-transform:uppercase!important;text-decoration:none!important;
 color:var(--control-light)!important;border:1px solid var(--control-edge)!important;
 background:
 linear-gradient(var(--control-light),var(--control-light)) top left/12px 1px no-repeat,
 linear-gradient(var(--control-light),var(--control-light)) top left/1px 12px no-repeat,
 linear-gradient(var(--control-light),var(--control-light)) bottom right/12px 1px no-repeat,
 linear-gradient(var(--control-light),var(--control-light)) bottom right/1px 12px no-repeat,
 linear-gradient(110deg,transparent 35%,#bcefff14 50%,transparent 65%) 180% 0/240% 100% no-repeat,
 linear-gradient(180deg,var(--control-wash),#040d13ed)!important;
 box-shadow:inset 0 0 18px #0003,0 8px 20px #0002!important;text-shadow:0 0 18px #75c8e020!important;
 transition:background-position .65s,border-color .2s,box-shadow .2s,color .2s!important;transform:none!important;filter:none!important;
}
html body :is(a.button:not(.outline),button.primary,a.primary),
html body[data-lumis-page=account] #lumis-account-root .la-panel :is(#signed-in .la-member-actions #continue,#submit){
 --control-light:#f3d59c;--control-edge:#8c7145;--control-wash:#55401d55;
}
html body :is(a.button,button.button,.la-button,button.primary,a.primary,button.secondary,a.secondary,.actions>button,.text-link):not(:disabled):hover,
html body[data-lumis-page=account] #lumis-account-root .la-panel :is(.la-button,#signed-in .la-member-actions #continue,#submit):not(:disabled):hover{
 border-color:var(--control-light)!important;background-position:top left,top left,bottom right,bottom right,-80% 0,0 0!important;
 box-shadow:inset 0 0 24px var(--control-wash),0 0 20px #6cc6e012!important;transform:none!important;filter:none!important;
}
html body :is(a.button,button.button,.la-button,button.primary,a.primary,.text-link):focus-visible{outline:2px solid #83d8ea!important;outline-offset:5px!important}
html body :is(a.button,button.button,.la-button,button.primary,a.primary,.text-link):active{box-shadow:inset 0 0 20px #0009!important}
html body :is(button,a.button,.la-button):disabled{opacity:.4!important;cursor:not-allowed!important;filter:none!important}
html body .button.small{min-height:38px!important;padding:10px 20px!important;font-size:10px!important}
html body :is(.path-controls button,#motion-toggle){clip-path:none!important;border-radius:0!important;font-family:ui-monospace,monospace!important;letter-spacing:.08em!important}
html body .hero-content .actions{gap:22px}
html body .hero-content .actions>a{min-width:220px;min-height:52px!important}
html body #lumis-account-root .la-social,html body #lumis-account-root .la-member-actions{display:grid!important;gap:12px!important}
html body #lumis-account-root .la-social .la-button,html body #lumis-account-root .la-member-actions .la-button{width:100%!important;max-width:none!important;margin:0!important}
html body #lumis-account-root .la-panel #submit{width:100%!important;margin-top:18px!important}
html body[data-lumis-page=account] #lumis-account-root .la-panel .la-button.la-apple{background:#fff!important;color:#111!important;border:1px solid #fff!important;text-transform:none!important;font:500 14px/1.4 'Segoe UI',sans-serif!important;letter-spacing:0!important;box-shadow:none!important}
@media(max-width:600px){html body .hero-content .actions{gap:14px}html body .hero-content .actions>a{min-width:230px}}
@media(prefers-reduced-motion:reduce){html body :is(button,a){transition:none!important}}