html,body{margin:0;padding:0;background-color:#eef0f4;font-family:Rubik,sans-serif;color:#432000;-webkit-overflow-scrolling:touch}.app-container{max-width:320px;margin:0 auto}.container,.content{display:flex;flex-direction:column;max-width:320px;margin:30px auto}.content{display:none}.button-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:30px}.button-container>*{width:100%;box-sizing:border-box}img{width:150px;display:block;margin:0 auto}input{background-color:#dce1eb;padding:15px;border:0;border-radius:8px;font-size:20px;color:#432000;text-align:center;margin:10px 0;width:100%;box-sizing:border-box}button{background-color:#ac485a;border:0;border-radius:8px;font-size:20px;color:#fdfdfd;padding:15px;margin-top:10px}button:hover{background-color:#432000;cursor:pointer}#add-button{width:100%;box-sizing:border-box}ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}ul li{background-color:#fffdf8;padding:15px;border-radius:8px;flex-grow:1;font-size:20px;text-align:center;box-shadow:0 1px 4px #0003}ul li:hover{background-color:#ffecc7;cursor:pointer}.login-instructions{background-color:#fffdf8;padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 1px 4px #0000001a;font-size:14px;line-height:1.5}.login-instructions p{margin:0 0 10px}.login-instructions p:last-child{margin-bottom:0}.login-instructions details{margin-top:10px}.login-instructions summary{cursor:pointer;font-weight:600;color:#ac485a}.login-instructions details p{margin:8px 0 0;padding-left:10px;font-size:13px}#login-button{display:none}#logout-button{background-color:#432000;color:#fff;margin:0;padding:10px 14px;font-size:14px;line-height:1;font-weight:600}.topnav{max-width:320px;margin:0 auto;display:none;width:100%;z-index:1000;align-items:center;justify-content:space-between;padding:10px 0}.nav-icon{width:40px;height:40px;margin:0}.topnav button{float:left;text-align:center;padding:14px 16px;font-size:17px;border:0}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#04aa6d;color:#fff}.topnav button{background-color:#333}.bmc-link{padding:10px 14px;background-color:#ff813f;color:#fff;text-decoration:none;border-radius:8px;font-size:14px;line-height:1;font-weight:600;box-sizing:border-box}.bmc-link:hover{background-color:#e06a2b;color:#fff}@media(max-width:767px){html,body{overflow-x:hidden}}