[hidden]{display:none!important}
:root{color-scheme:dark;--momo-accent:#bbeba0}
.admin-shell{width:100%;max-width:607px;margin:36px auto 0;padding:0 16px 48px}
.admin-shell h1{font-size:21px;font-weight:400;color:var(--text);margin:0 24px 28px;letter-spacing:-.4px}
.admin-shell .flow-card{width:100%;min-width:0;margin:0}
.admin-shell .flow-title{max-width:100%}
#workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-width:0}
.toolbar{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px}
.toolbar-actions{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px}
.toolbar .segment-shell{margin-bottom:0;min-width:0}
form,label{display:grid;gap:10px}
#login{width:100%;max-width:481px;gap:24px;padding:0 0 8px}
#login label{margin:0}
#login .action{justify-self:center}
label{margin:20px 0;color:var(--text)}
input,select{font:inherit;background:var(--panel-inner);color:var(--text);border:1px solid #343436;border-radius:100px;padding:16px 20px;min-width:0;width:100%}
.action{border:0;border-radius:100px;background:var(--panel-inner);color:var(--text);min-height:47px;padding:13px 24px;cursor:pointer;font:inherit;line-height:21px;transition:background var(--motion-content) var(--ease-calm),transform var(--motion-fast) var(--ease-calm)}
.action:hover{background:var(--active)}
.action:active{transform:scale(.985)}
#login .action,#copy-code{background:var(--momo-accent);color:#172013}
.action:disabled{opacity:.45;cursor:wait}
#list{width:100%;padding:0 24px;min-width:0}
#list-help{margin:0 24px 24px;justify-self:stretch}
.device{padding:24px 0;border-bottom:1px solid #303032}
.device:first-child{padding-top:0}
.device:last-child{border-bottom:0;padding-bottom:0}
.device h3{font-size:17px;font-weight:400;color:var(--text);overflow-wrap:anywhere;margin:0 0 16px}
.device p{overflow-wrap:anywhere;margin:10px 0}
.device-actions,.code-actions{display:flex;flex-wrap:wrap;gap:12px}
#issued{gap:24px}
#issued .flow-title{margin-bottom:-10px}
#issued p{width:100%;margin:0;padding:0 24px;overflow-wrap:anywhere;text-align:center}
#issued .code{font-size:42px;line-height:56px;letter-spacing:12px;text-indent:12px;color:var(--momo-accent)}
#message{margin:24px;color:#efc29e;white-space:pre-wrap;overflow-wrap:anywhere}
#message:empty{display:none}
.action:focus-visible,input:focus-visible,select:focus-visible,.segment-button:focus-visible{outline:2px solid var(--momo-accent);outline-offset:3px}
@media(max-width:420px){.admin-shell{margin-top:28px}.admin-shell h1{margin-left:12px}#list{padding:0 8px}#list-help{margin-left:8px;margin-right:8px}.toolbar{gap:12px}input,select{padding:14px 16px}.action{padding:13px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
