body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input,select,textarea{font:inherit}ul{list-style:none;padding:0}a{color:#00f}*,*:before,*:after{margin:0;box-sizing:border-box}nav{line-height:32px;border-bottom:1px solid #ccc;position:sticky;top:0;background:#ffffffe6;padding:0 .5em;a+a{margin-left:.5em}}body,html,div#app{height:100%}div#app{display:flex;flex-direction:column;>nav{flex:0}>main{flex:1}}main{width:100%;&.narrow{width:initial;min-width:440px;max-width:750px;margin:0 auto}background:#00000008;display:flex;flex-direction:column;>h1,>h2{text-align:center}}fieldset{padding:0}h1,h2{margin:.5em 0}form{margin:1em;>*{margin:1em 0}}section{margin:1em;>form{margin:0}p+form{margin-top:.5rem}}input{margin-left:.5rem;border:1px solid rgba(0,0,0,.5);padding:.25rem}input:focus{border-color:#00f;outline:2px solid rgba(73,164,255,.39)}button{margin-top:0;line-height:32px;min-width:100px;color:#000000e6;background:#fff;border:1px solid rgba(0,0,0,.5);padding:.5rem 1rem;transition:color .5s,background-color .5s}button:disabled{color:#0009;background:#fffc}button:focus{border-color:#00f;outline:2px solid rgba(73,164,255,.39)}button.dangerous{color:red;background:#ff00001a}button.small{font-size:.8rem;line-height:16px}.error{color:red;background:#ff00001a;padding:.5em;border:1px solid}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;.popup-inner{background:#fff;padding:1em;border:1px solid}}