.container{height:100vh;overflow:scroll;display:flex;justify-content:center;flex:1;padding:0 64px;position:relative}.editor{display:block;flex-direction:column;max-width:640px;width:100%;padding:64px 0;height:-moz-fit-content;height:fit-content}.context,.subject{font-size:18px;border:none;outline:none;width:100%}.subject{font-weight:500;margin-bottom:40px}.context{line-height:160%;min-height:100%;height:auto;display:block}.context:empty:before{content:"寫點什麼⋯⋯";color:gray;pointer-events:none}.context:focus:before{content:none}.status{height:80px;justify-content:center;position:fixed;bottom:0}.pill,.status{display:flex;align-items:center}.pill{height:48px;border:1px solid #d9d9d9;border-radius:24px;padding:0 24px;font-size:14px;background:#fff}body,html{padding:0;margin:0}#app,#nav{display:flex}#nav{padding:0 16px;max-width:280px;width:100%;box-shadow:inset -1px 0 0 0 #ededed;height:100vh;flex-direction:column;box-sizing:border-box}.appBar{height:56px;display:flex;box-shadow:inset 0 -1px 0 0 #ededed;align-items:center}.logo{width:34px;height:18px;background:url(/img/logo.cce39e5a.svg);display:block}.posts{flex:1;padding:16px 0}.post,.posts{margin:0}.posts li{list-style:none}.post{height:48px;padding:0 16px;border-radius:8px;display:flex;align-items:center;font-size:15px;color:#000;text-decoration:none}.post.onEditing,.router-link-active{background:#f3f3f3}.button{height:80px;display:flex}.button,.newPost{justify-content:center;align-items:center}.newPost{height:48px;width:100%;font-size:14px;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer}