.top.actions{display:flex;align-items:center;gap:8px}.sync.button{border:0;background:transparent;color:var(--green);padding:9px;border-radius:10px}.sync.button b{font-size:12px}.sync.button.working span{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.connection.bar{position:sticky;top:68px;z-index:19;text-align:center;padding:8px 15px;background:#fff0ca;color:#6c5018;font-size:13px;font-weight:650;border-bottom:1px solid #ead399}.connection.bar.offline{background:#f3ded6;color:#7b3d29}.status.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d58b28;margin-right:7px}.connection.bar.offline .status.dot{background:#ba5b3e}.photo.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.photo.choices button{border:1px solid var(--line);background:#edf2ea;color:var(--green);border-radius:15px;padding:18px 10px}.photo.choices span{display:block;font-size:28px;margin-bottom:5px}.photo.previews{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.photo.previews>div{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden}.photo.previews img{width:100%;height:100%;object-fit:cover}.photo.previews button{position:absolute;right:4px;top:4px;width:25px;height:25px;border:0;border-radius:50%;background:#17231ccc;color:#fff}.photo.thumb{display:flex;flex-direction:column;font-size:15px}.photo.thumb small{font-size:7px;letter-spacing:.07em}.pending.badge{color:#9b6124}.utility.links{display:flex;justify-content:center;gap:20px;margin-top:30px}.utility.links button{border:0;background:transparent;color:#68736c;text-decoration:underline;text-underline-offset:3px;font-size:12px}.brand.large{margin-bottom:28px}.login.modal{max-width:420px}.form.error,.notice.error{color:#a33a2c;background:#fbe9e5;border-radius:10px;padding:10px}.setup.hint{font-size:14px;color:var(--muted)}.setup.hint a{color:var(--green);font-weight:750}.setup.shell{max-width:620px}.setup.form{margin-top:25px;display:grid;gap:15px}.setup.form label{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.setup.form input{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:12px;padding:13px}.notice{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:25px}.notice.success{border-color:#a9c5b1}.primary.link{display:inline-block;width:auto;text-decoration:none;margin-top:10px}.bottom.nav{width:min(620px,calc(100% - 24px))}.bottom.nav button{min-width:0}.hidden{display:none!important}@media(max-width:520px){.sync.button b{display:none}.bottom.nav button{font-size:9px}.photo.previews{grid-template-columns:repeat(3,1fr)}}