:root{font:15px system-ui;color:#ece8e4;background:#15181d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}#entry{max-width:480px;margin:8vh auto;padding:28px;border:1px solid #43464c;border-radius:12px}h1{color:#f89989}label{display:block;margin:18px 0}input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #676970;border-radius:6px}button{padding:9px 13px;border-radius:6px;border:1px solid #73777d;cursor:pointer;background:#2c3038;color:#fff}button:hover{border-color:#f89989}button:disabled{opacity:.5}#bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:9px 14px;border-bottom:1px solid #52555c}#bar[hidden],*[hidden]{display:none!important}#syncStatus{flex:1}iframe{display:block;border:0;width:100%;height:calc(100dvh - 62px)}#conflict{position:fixed;z-index:10;inset:15% 10% auto;background:#272b33;border:2px solid #f89989;padding:25px;border-radius:12px}#conflict button{margin:5px}#message{white-space:pre-wrap}#message,.warning{color:#ffbe9f}@media(max-width:600px){#entry{margin:20px 10px}#bar{font-size:12px}iframe{height:calc(100dvh - 130px)}}