html,body{font-family:system-ui,sans-serif;font-size:16px;margin:0;min-height:100vh;padding:0}button{font-family:system-ui,sans-serif}html{background:linear-gradient(135deg,#ffb6d9,#a2e8ff);background-size:100% 100%;background-repeat:no-repeat}*{box-sizing:border-box}.imgSelector-addBtn{background:#415d83;border:3px solid #253d5e;border-radius:4px;color:#fffd;font-size:16px;padding:4px 10px}.btn-c{--bg: #1a68a8;--offset: 0px;--shadow: #1a68a855;align-items:center;background:var(--bg);border:none;border-radius:30px;box-shadow:0 0 1px 1px var(--bg),0 5px 1px 0 var(--shadow),inset 2px 2px #37b1f022;color:#b7ffff;display:inline-flex;font-size:16px;font-weight:600;padding:8px 16px;position:relative;text-decoration:none;transition-duration:.2s;transition-property:box-shadow,transform}.btn-c:active{box-shadow:0 0 1px 1px var(--bg),0 3px 1px 0 var(--shadow),inset 2px 2px #37b1f022;transform:translateY(2px)}.btn-c:after{border:solid #fff5;border-radius:20px;border-width:1px 0 0;bottom:1px;box-shadow:inset 0 1px 3px #fff5,0 -1px 1px #fff3,inset -1px -1px 1px #0003,1px 1px 1px #0003;content:"";display:block;left:1px;position:absolute;right:1px;top:1px;transition-duration:.2s;transition-property:box-shadow,border}.btn-c:active:after{box-shadow:inset 0 1px 3px #fff2,0 -1px 1px #fff2,inset -1px -1px 1px #0001,1px 1px 1px #0001;border-color:#fff2}.btn-c[disabled]{--bg: #777;--offset: 0px;--shadow: #7775;box-shadow:0 0 1px 1px var(--bg),0 5px 1px 0 var(--shadow);color:#bbb;transform:none}.inp-c{background:#c6f9fc;background:#fff8;border:4px solid #2b95d1cc;border-radius:12px;padding:6px 10px}.inp-c:focus{background:#fff;border-color:#2b95d1;outline:none}.form{display:flex;flex-direction:column;margin:0 auto;max-width:400px}.form-row{align-items:flex-start;display:flex;flex-direction:column;padding:4px 0}.form-label{color:#555;font-size:14px;padding-left:4px}